:root{--sidebar-bg: #0a0f1a;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-text: #94a3b8;--sidebar-hover: #1e293b;--sidebar-active-bg: rgba(16, 185, 129, .15);--sidebar-width: 250px;--bg: #0b1120;--bg-mesh: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(16, 185, 129, .12), transparent), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(59, 130, 246, .08), transparent), radial-gradient(ellipse 50% 35% at 0% 100%, rgba(16, 185, 129, .06), transparent);--surface: #111827;--surface-muted: #1e293b;--surface-inset: #0f172a;--surface-elevated: #1a2332;--border: rgba(148, 163, 184, .14);--border-focus: rgba(16, 185, 129, .45);--text: #f1f5f9;--text-secondary: #cbd5e1;--muted: #64748b;--accent: #10b981;--accent-hover: #34d399;--accent-bright: #6ee7b7;--accent-light: rgba(16, 185, 129, .15);--success: #10b981;--warning: #f59e0b;--danger: #f87171;--radius: 12px;--radius-lg: 16px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 32px rgba(0, 0, 0, .3);--shadow-green: 0 4px 14px rgba(16, 185, 129, .25);--glass-blur: blur(18px) saturate(165%);--glass-bg: rgba(15, 23, 42, .72);--glass-bg-strong: rgba(17, 24, 39, .88);--glass-border: rgba(148, 163, 184, .12);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .35), var(--glass-highlight);--glass-dark-bg: rgba(10, 15, 26, .92);--glass-dark-border: rgba(255, 255, 255, .08);--glass-chart-bg: rgba(8, 12, 22, .75);--neu-radius: var(--radius-lg);--neu-shadow: var(--shadow);--neu-shadow-hover: var(--shadow-lg);--neu-shadow-sm: var(--shadow-sm);--neu-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .25);--neu-shadow-inset-sm: inset 0 1px 3px rgba(0, 0, 0, .2);--neu-shadow-green: var(--shadow-green);--clay-border: 1px solid var(--border);--clay-surface: var(--surface);font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text-secondary);line-height:1.5;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body{min-height:100vh;background:var(--bg);background-image:var(--bg-mesh);background-attachment:fixed;color:var(--text-secondary)}a{color:var(--accent-hover);text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .15s,box-shadow .15s,transform .12s,opacity .15s}.btn-primary{background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#fff;box-shadow:var(--shadow-green)}.btn-primary:hover{background:linear-gradient(135deg,#6ee7b7,var(--accent-hover));transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{color:var(--accent-bright);border-color:#10b98159;background:var(--surface-elevated)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-sm{padding:.4rem .85rem;font-size:.8125rem}.card{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--glass-shadow);transition:box-shadow .2s,transform .2s,background .2s}.card:hover{box-shadow:var(--shadow-lg),var(--glass-highlight);background:var(--surface-elevated)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--glass-shadow);transition:box-shadow .2s,transform .2s,background .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));opacity:0;transition:opacity .2s}.stat-card:hover{box-shadow:var(--shadow-lg),var(--glass-highlight);transform:translateY(-2px);background:var(--surface-elevated)}.stat-card:hover:before{opacity:1}.stat-card .label{color:var(--muted);font-size:.8125rem;font-weight:500;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-size:1.875rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}.table-wrap{overflow-x:auto;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-muted)}tbody tr:last-child td{border-bottom:none}th{color:var(--muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-muted)}code{background:var(--accent-light);color:var(--accent-bright);padding:.15rem .45rem;border-radius:6px;font-size:.8125em;font-weight:500}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.badge-active{background:var(--accent-light);color:var(--accent-bright)}.badge-paused{background:#f59e0b26;color:#fbbf24}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;z-index:100;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background:var(--glass-dark-bg);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-right:1px solid var(--glass-dark-border);box-shadow:inset -1px 0 #ffffff0a;padding:1.5rem 1rem;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:2rem;padding:.75rem;border-radius:var(--radius);transition:background .15s}.sidebar-logo:hover{background:var(--sidebar-hover)}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;flex-shrink:0}.sidebar h1{font-size:1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;border:1px solid transparent}.sidebar-nav-icon{display:flex;opacity:.85}.sidebar-nav-link:hover{background:var(--sidebar-hover);color:#e2e8f0}.sidebar-nav-link:hover .sidebar-nav-icon{color:var(--accent-bright)}.sidebar-nav-link.active{background:#10b9812e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-color:#10b98159;box-shadow:inset 0 1px #ffffff14}.sidebar-nav-link.active .sidebar-nav-icon{color:var(--accent-bright);opacity:1}.main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding:1.75rem 2rem 2.5rem;overflow-x:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h2{font-size:1.625rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.page-subtitle{color:var(--muted);font-size:.875rem;margin-top:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem 1.5rem}@media(min-width:1200px){.modal-overlay{padding:1.25rem 2rem}}.modal{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),var(--glass-highlight)}.modal h3{margin-bottom:1rem;color:var(--text);font-size:1.125rem;font-weight:700}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.modal-wide{max-width:720px}.destination-scans-modal{max-width:min(1440px,calc(100vw - 2.5rem));width:100%;padding:1.75rem 2rem}.modal-scan-detail{max-width:min(920px,calc(100vw - 2rem))}.destination-scans-summary{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--muted)}.destination-scans-summary strong{color:var(--accent-bright)}.destination-scans-table{max-height:min(62vh,760px);overflow:auto}.destination-scans-table table{min-width:1180px}.destination-scans-table th,.destination-scans-table td{padding:.7rem .9rem;vertical-align:top}.destination-scans-table .col-time{white-space:nowrap;font-size:.8125rem}.destination-scans-table .col-device,.destination-scans-table .col-os{white-space:nowrap}.destination-scans-table .col-browser{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.destination-scans-table .col-location{min-width:240px;max-width:360px;white-space:normal;line-height:1.4;color:var(--text)}.destination-scans-table .col-fingerprint{font-family:ui-monospace,monospace;font-size:.8125rem}.destination-scans-summary-divider{opacity:.5}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background:#10b98114!important}.detail-subtitle{color:var(--muted);font-size:.875rem;margin-bottom:1.25rem;word-break:break-word;line-height:1.45}.detail-section{margin-bottom:1rem;padding:1rem;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--border)}.detail-section h4{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-bright);font-weight:600;margin-bottom:.65rem}.detail-row{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.875rem}.detail-label{color:var(--muted)}.detail-value{text-align:right;word-break:break-all;color:var(--text);font-weight:500}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg);background-image:var(--bg-mesh)}.landing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;max-width:480px;width:100%;box-shadow:var(--shadow-lg)}.landing-card h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.landing-card p{color:var(--muted);margin-bottom:1.5rem}.privacy-note{font-size:.75rem;color:var(--muted);margin-top:1rem}.location-consent{margin-bottom:1.5rem;padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-inset)}.location-consent-compact{margin-bottom:1.25rem;padding:1rem}.location-consent h2{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.35rem}.location-consent p{font-size:.875rem;color:var(--muted);margin-bottom:1rem}.location-consent-actions{display:flex;flex-direction:column;gap:.5rem}.location-consent-actions .btn{width:100%;justify-content:center}@media(min-width:480px){.location-consent-actions{flex-direction:row}.location-consent-actions .btn{width:auto;flex:1}}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.5rem}.success-msg{color:var(--success);text-align:center;padding:2rem}.success-msg h1{color:var(--accent-bright)}.graph-card{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--glass-shadow);transition:box-shadow .2s,background .2s;overflow:hidden}.graph-card:hover{box-shadow:var(--shadow-lg),var(--glass-highlight);background:var(--surface-elevated)}.graph-card-top{margin-bottom:1rem}.graph-card-title{display:block;font-size:.6875rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.graph-card-header{margin-bottom:.75rem}.graph-card-metrics{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.graph-card-value{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.graph-card-trend{font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:999px}.graph-card-trend.up{color:var(--accent-bright);background:#10b98126;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(16,185,129,.25)}.graph-card-trend.down{color:var(--danger);background:#f871711f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(248,113,113,.2)}.graph-card-compare{font-size:.8125rem;color:var(--muted);margin-top:.35rem}.graph-card-chart{position:relative;border-radius:var(--radius);background:var(--glass-chart-bg);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid rgba(255,255,255,.12);padding:1rem .75rem .5rem;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000026}.graph-card-chart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 45%,rgba(16,185,129,.04) 100%);pointer-events:none}.graph-tooltip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:999px;background:#0f172ad1;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(110,231,183,.35);box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff14;white-space:nowrap}.graph-tooltip-value{font-size:.8125rem;font-weight:700;color:#6ee7b7;font-variant-numeric:tabular-nums}.graph-tooltip-meta{font-size:.6875rem;font-weight:500;color:#94a3b8;padding-left:.45rem;border-left:1px solid rgba(148,163,184,.35)}.graph-card-chart .recharts-tooltip-wrapper{outline:none;z-index:2}.graph-card-chart .recharts-default-tooltip{padding:0;margin:0;border:none;background:transparent;box-shadow:none}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.5rem}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem}.card-title{font-size:.9375rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.device-list{list-style:none}.device-list li{display:flex;justify-content:space-between;padding:.65rem .85rem;margin-bottom:.35rem;border-radius:var(--radius-sm);background:var(--surface-muted);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);text-transform:capitalize;font-size:.875rem;transition:background .12s}.device-list li:hover{background:var(--accent-light)}.device-count{font-weight:700;color:var(--accent-bright)}.dashboard-loading{color:var(--muted);padding:2rem}.filter-bar{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--glass-shadow)}.filter-bar-error{margin:0 0 .75rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--danger);font-size:.875rem}.filter-bar-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:.35rem;min-width:140px;flex:1}.filter-field label,.filter-field-label{font-size:.6875rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.filter-field input,.filter-field select{padding:.55rem .75rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;transition:border-color .15s,box-shadow .15s}.filter-field select option{background:var(--surface);color:var(--text)}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b98126;background:var(--surface)}.filter-actions{display:flex;gap:.5rem;flex-shrink:0;align-self:flex-end}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.filter-chip{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.filter-chip:hover{background:var(--accent-light);border-color:#10b98159;color:var(--accent-bright)}.filter-chip-clear{color:var(--muted);background:transparent}@media(max-width:768px){.dashboard-bottom{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0;padding:1.25rem}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-nav-link{flex:1 1 auto;min-width:calc(50% - .25rem)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg);background-image:var(--bg-mesh)}.auth-card{width:100%;max-width:420px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--glass-shadow)}.auth-card-wide{max-width:520px}.auth-brand{text-align:center;margin-bottom:1.5rem}.auth-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#fff;font-weight:800;font-size:.875rem;margin-bottom:.75rem}.auth-brand h1{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:.35rem}.auth-brand p{font-size:.875rem;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:.25rem}.auth-submit{width:100%;margin-top:.5rem;justify-content:center}.auth-footer{text-align:center;margin-top:1.25rem;font-size:.8125rem;color:var(--muted)}.auth-loading{text-align:center;color:var(--muted)}.field-hint{font-size:.75rem;color:var(--muted);margin-top:.25rem}.credentials-panel h2{font-size:1.125rem;margin-bottom:.35rem;color:var(--text)}.credentials-panel p{font-size:.875rem;color:var(--muted);margin-bottom:1rem}.credentials-box{display:flex;flex-direction:column;gap:.65rem;padding:1rem;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--border);margin-bottom:1rem}.credentials-box div{display:flex;flex-direction:column;gap:.15rem}.credentials-box strong{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.credentials-box span{font-size:.9375rem;color:var(--text);word-break:break-all}.credentials-actions{display:flex;gap:.5rem;flex-wrap:wrap}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--sidebar-border)}.sidebar-user{margin-bottom:.65rem}.sidebar-user-name{display:block;font-size:.875rem;font-weight:600;color:#f8fafc}.sidebar-user-role{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-text);margin-top:.15rem}.sidebar-logout{width:100%;justify-content:center;font-size:.8125rem}