.page-header h1{font-size:24px;font-weight:600;margin:0 0 .25rem;color:var(--text)}.subtitle{color:var(--text-muted);margin:0;font-size:14px}.loading-state,.error-state{text-align:center;padding:4rem 2rem}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--text-muted)}.error-message{color:var(--danger);margin-bottom:1rem}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;gap:1rem;transition:all .2s}.metric-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.metric-icon{width:44px;height:44px;background:var(--accent-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;flex-shrink:0}.metric-content{flex:1;min-width:0}.metric-label{font-size:13px;color:var(--text-muted);margin:0 0 .5rem}.metric-value{font-size:24px;font-weight:600;margin:0;color:var(--text)}.metric-change{font-size:13px;font-weight:500;margin-top:.25rem;display:inline-block}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--danger)}.analytics-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.analytics-section h2{font-size:18px;font-weight:600;margin:0 0 1rem;color:var(--text)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.integration-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:all .2s}.integration-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.integration-card.connected{border-color:var(--accent);background:linear-gradient(to bottom,var(--accent-light) 0%,var(--card-bg) 30%)}.integration-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.integration-icon{font-size:28px;line-height:1}.integration-header h3{font-size:16px;font-weight:600;margin:0;flex:1;color:var(--text)}.status-badge{padding:.25rem .625rem;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background:var(--success-bg);color:var(--success)}.status-badge.inactive{background:var(--danger-bg);color:var(--danger)}.integration-description{color:var(--text-muted);font-size:13px;margin:0 0 1rem;line-height:1.5}.integration-info{margin-bottom:1rem}.last-sync{font-size:13px;color:var(--text-muted);margin:0}.visitor-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.duration-filter{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;font-size:13px;cursor:pointer}.visitor-map{margin-bottom:1.5rem;display:flex;justify-content:center}.visitor-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.visitor-insights-panel{min-width:0}.visitor-insights-panel h3{font-size:15px;font-weight:600;margin:0 0 .75rem;color:var(--text)}.visitor-insights-table{width:100%;border-collapse:collapse;table-layout:fixed}.visitor-insights-table th{text-align:left;padding:.5rem;font-size:12px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border)}.visitor-insights-table td{padding:.625rem .5rem;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}.visitor-insights-table th:first-child,.visitor-insights-table td:first-child{width:60%}.visitor-insights-table tr:last-child td{border-bottom:none}.visitor-insights-table .page-title{display:block;overflow-wrap:anywhere}.visitor-insights-table .page-url{display:block;font-size:11px;color:var(--text-muted);overflow-wrap:anywhere}.empty-state{text-align:center;padding:3rem 2rem;background:var(--card-bg);border-radius:var(--radius);border:1px dashed var(--border)}.empty-state p{color:var(--text-muted);margin:0;font-size:14px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--sidebar-hover);border-color:var(--accent)}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.settings-content h2{margin:0 0 1.5rem;color:var(--text);font-size:20px}.settings-content .form-group{margin-bottom:1.25rem}.settings-content label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:500;font-size:13px}.settings-content input{width:100%;padding:.625rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px}.settings-content input:focus{outline:none;border-color:var(--accent)}.settings-actions{display:flex;gap:.75rem;margin-top:1.5rem}.settings-actions .btn{flex:1}.property-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.property-selector-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.property-selector-content h2{margin:0 0 .5rem;color:var(--text);font-size:20px}.property-selector-content p{color:var(--text-muted);margin:0 0 1.5rem;font-size:14px}.property-list{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.property-account{margin-bottom:1.5rem}.property-account h3{color:var(--text);font-size:15px;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.property-item{display:flex;align-items:center;padding:.75rem;margin-bottom:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.property-item:hover{border-color:var(--accent);background:var(--sidebar-hover)}.property-item input[type=radio]{margin-right:.75rem;accent-color:var(--accent);cursor:pointer}.property-item label{cursor:pointer;color:var(--text);font-size:14px;flex:1}.property-item small{display:block;color:var(--text-muted);margin-top:.25rem;font-size:12px}.property-actions{display:flex;gap:.75rem}.property-actions .btn{flex:1}.chart-container{margin-top:1.5rem;padding:1rem;background:var(--bg);border-radius:var(--radius)}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--card-bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:.75rem!important}.recharts-tooltip-label{color:var(--text)!important;font-weight:600!important;margin-bottom:.5rem!important}.recharts-tooltip-item{color:var(--text-muted)!important}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.comparison-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.comparison-card h4{color:var(--text-muted);font-size:12px;font-weight:500;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.025em}.comparison-value{color:var(--text);font-size:20px;font-weight:600;margin:0}.comparison-change{font-size:13px;margin-top:.5rem;font-weight:500}.comparison-change.positive{color:var(--success)}.comparison-change.negative{color:var(--danger)}.comparison-change.neutral{color:var(--text-muted)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-overview,.integrations-grid{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr 1fr}.settings-content,.property-selector-content{width:95%;padding:1.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-bg: #171717;--sidebar-border: #2a2a2a;--sidebar-text: #a0a0a0;--sidebar-hover: #242424;--sidebar-active: #72F8E8;--accent: #72F8E8;--accent-hover: #4de8d4;--accent-light: rgba(114,248,232,.12);--bg: #1e1e1e;--card-bg: #242424;--border: #333333;--text: #f0f0f0;--text-muted: #a0a0a0;--text-light: #6a6a6a;--success: #34d399;--success-bg: rgba(52,211,153,.15);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.15);--danger: #f87171;--danger-bg: rgba(248,113,113,.15);--info: #5dd5c3;--info-bg: rgba(114,248,232,.15);--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 10px 25px rgba(0,0,0,.5), 0 4px 6px rgba(0,0,0,.4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar-bg);color:var(--text);padding:20px;position:fixed;height:100vh;overflow-y:auto;border-right:1px solid var(--sidebar-border)}.sidebar-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:12px}.sidebar-header svg{flex-shrink:0}.sidebar-header h2{font-size:18px;font-weight:600;color:var(--text);line-height:1.2}.sidebar-header p{font-size:11px;color:var(--text-muted)}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:4px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius);transition:all .15s;font-size:14px}.sidebar-nav a:hover{background:var(--sidebar-hover);color:var(--text)}.sidebar-nav a.active{background:var(--accent-light);color:var(--accent);font-weight:500}.main-content{flex:1;margin-left:250px;padding:20px}.page-header{background:var(--card-bg);padding:20px 30px;margin:-20px -20px 20px;border-bottom:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.page-title{font-size:24px;font-weight:600;color:var(--text)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:18px;font-weight:600;color:var(--text)}.btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--accent);color:#171717}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:13px}.btn-ghost-sidebar{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:1px solid var(--sidebar-border);border-radius:var(--radius);color:var(--sidebar-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-ghost-sidebar:hover{background:var(--sidebar-hover);color:var(--text)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text);font-size:13px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--bg);color:var(--text);transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--bg);font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.table tr:hover{background:var(--bg)}.table-link{color:var(--accent);text-decoration:none;font-weight:500}.table-link:hover{text-decoration:underline}.badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-blue{background:var(--info-bg);color:var(--info)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-yellow{background:var(--warning-bg);color:var(--warning)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-purple{background:#a855f726;color:#a855f7}.badge-gray{background:#a0a0a026;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:var(--card-bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.stat-label{font-size:13px;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:var(--text)}.stat-card-insight{font-size:13px;color:var(--text-muted);margin-top:8px;line-height:1.4}.pipeline-stages{display:flex;gap:16px;overflow-x:auto;padding:20px 0}.pipeline-stage{flex:0 0 280px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:16px}.pipeline-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--border)}.pipeline-stage-title{font-weight:600;color:var(--text)}.pipeline-stage-count{background:var(--card-bg);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:var(--text-muted)}.pipeline-prospect-card{background:var(--card-bg);padding:12px;border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:all .15s;border:1px solid transparent}.pipeline-prospect-card:hover{border-color:var(--accent);transform:translateY(-1px)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--card-bg);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid var(--border)}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:32px}.login-logo svg{flex-shrink:0}.login-title{font-size:24px;font-weight:600;color:var(--text);line-height:1}.login-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.error-message{background:var(--danger-bg);color:var(--danger);padding:12px 16px;border-radius:var(--radius);margin-bottom:20px;font-size:13px;border:1px solid var(--danger)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}.text-small{font-size:13px}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-10{gap:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;font-size:20px}.modal-close:hover{background:var(--sidebar-hover);color:var(--text)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}