@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap";[data-theme=ember-glow]{--bg:#0d0a06;--grad-1:#d9770633;--grad-2:#ef444426;--grad-3:#fb923c1a;--primary:#fbbf24;--primary-rgb:251,191,36;--accent:#f97316;--accent-rgb:249,115,22;--tertiary:#ef4444;--logo-grad:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);--number-grad:linear-gradient(135deg,#fbbf24,#f97316);--donut-1:#fbbf24;--donut-2:#f97316;--donut-3:#ef4444;--tooltip-border:#fbbf2433;--tooltip-glow:#fbbf2414;--map-fill:#fbbf240f;--map-stroke:#fbbf242e}[data-theme=violet-aurora]{--bg:#0f0720;--grad-1:#7c3aed40;--grad-2:#ec489933;--grad-3:#3b82f626;--primary:#c084fc;--primary-rgb:192,132,252;--accent:#ec4899;--accent-rgb:236,72,153;--tertiary:#3b82f6;--logo-grad:linear-gradient(135deg,#c084fc,#ec4899,#3b82f6);--number-grad:linear-gradient(135deg,#c084fc,#ec4899);--donut-1:#c084fc;--donut-2:#ec4899;--donut-3:#3b82f6;--tooltip-border:#c084fc33;--tooltip-glow:#c084fc14;--map-fill:#c084fc0f;--map-stroke:#c084fc2e}[data-theme=deep-ocean]{--bg:#060d14;--grad-1:#06b6d433;--grad-2:#3b82f626;--grad-3:#6366f11a;--primary:#22d3ee;--primary-rgb:34,211,238;--accent:#3b82f6;--accent-rgb:59,130,246;--tertiary:#6366f1;--logo-grad:linear-gradient(135deg,#22d3ee,#3b82f6,#6366f1);--number-grad:linear-gradient(135deg,#22d3ee,#3b82f6);--donut-1:#22d3ee;--donut-2:#3b82f6;--donut-3:#6366f1;--tooltip-border:#22d3ee33;--tooltip-glow:#22d3ee14;--map-fill:#22d3ee0f;--map-stroke:#22d3ee2e}[data-theme=firefly-night]{--bg:#050a08;--grad-1:#22c55e26;--grad-2:#a3e6351a;--grad-3:#14b8a614;--primary:#a3e635;--primary-rgb:163,230,53;--accent:#22c55e;--accent-rgb:34,197,94;--tertiary:#14b8a6;--logo-grad:linear-gradient(135deg,#a3e635,#22c55e,#14b8a6);--number-grad:linear-gradient(135deg,#a3e635,#22c55e);--donut-1:#a3e635;--donut-2:#22c55e;--donut-3:#14b8a6;--tooltip-border:#a3e63533;--tooltip-glow:#a3e63514;--map-fill:#a3e6350f;--map-stroke:#a3e6352e}[data-theme=midnight-gold]{--bg:#08081a;--grad-1:#eab3081f;--grad-2:#6366f126;--grad-3:#a78bfa14;--primary:#fde68a;--primary-rgb:253,230,138;--accent:#d4a017;--accent-rgb:212,160,23;--tertiary:#818cf8;--logo-grad:linear-gradient(135deg,#fde68a,#d4a017,#b8860b);--number-grad:linear-gradient(135deg,#fde68a,#d4a017);--donut-1:#fde68a;--donut-2:#d4a017;--donut-3:#818cf8;--tooltip-border:#fde68a33;--tooltip-glow:#fde68a14;--map-fill:#fde68a0f;--map-stroke:#fde68a2e}[data-theme=northern-lights]{--bg:#060b12;--grad-1:#22c55e2e;--grad-2:#8b5cf626;--grad-3:#06b6d41f;--primary:#4ade80;--primary-rgb:74,222,128;--accent:#8b5cf6;--accent-rgb:139,92,246;--tertiary:#06b6d4;--logo-grad:linear-gradient(135deg,#4ade80,#8b5cf6,#06b6d4);--number-grad:linear-gradient(135deg,#4ade80,#8b5cf6);--donut-1:#4ade80;--donut-2:#8b5cf6;--donut-3:#06b6d4;--tooltip-border:#4ade8033;--tooltip-glow:#4ade8014;--map-fill:#4ade800f;--map-stroke:#4ade802e}[data-theme=warm-twilight]{--bg:#120810;--grad-1:#f43f5e2e;--grad-2:#fb923c1f;--grad-3:#fbbf2414;--primary:#fb7185;--primary-rgb:251,113,133;--accent:#f97316;--accent-rgb:249,115,22;--tertiary:#fbbf24;--logo-grad:linear-gradient(135deg,#fb7185,#f97316,#fbbf24);--number-grad:linear-gradient(135deg,#fb7185,#f97316);--donut-1:#fb7185;--donut-2:#f97316;--donut-3:#fbbf24;--tooltip-border:#fb718533;--tooltip-glow:#fb718514;--map-fill:#fb71850f;--map-stroke:#fb71852e}[data-theme=monochrome-frost]{--bg:#0a0a0e;--grad-1:#94a3b81a;--grad-2:#6366f114;--grad-3:#e2e8f00d;--primary:#e2e8f0;--primary-rgb:226,232,240;--accent:#94a3b8;--accent-rgb:148,163,184;--tertiary:#818cf8;--logo-grad:linear-gradient(135deg,#e2e8f0,#94a3b8,#64748b);--number-grad:linear-gradient(135deg,#e2e8f0,#94a3b8);--donut-1:#e2e8f0;--donut-2:#94a3b8;--donut-3:#818cf8;--tooltip-border:#e2e8f026;--tooltip-glow:#e2e8f00d;--map-fill:#e2e8f00a;--map-stroke:#e2e8f026}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img,svg{max-width:100%;display:block}[data-phx-session],[data-phx-teleported-src]{display:contents}.bg-gradient{z-index:0;background:radial-gradient(ellipse 600px 400px at 20% 30%,var(--grad-1),transparent),radial-gradient(ellipse 500px 300px at 80% 60%,var(--grad-2),transparent),radial-gradient(ellipse 400px 400px at 50% 80%,var(--grad-3),transparent),var(--bg);transition:background .6s;position:fixed;inset:0}.content{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.logo{background:var(--logo-grad);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600}.topbar-center{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;gap:4px;padding:4px;display:flex}.tab-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.tab-btn.active{color:#fff;background:#ffffff1f}.topbar-right{align-items:center;gap:12px;display:flex}.live-pill{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.live-pill .dot{background:#34d399;border-radius:50%;width:6px;height:6px;position:relative}.live-pill .dot:after{content:"";will-change:opacity;background:#34d39966;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%,to{opacity:0}50%{opacity:1}}.avatar{background:var(--number-grad);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.glass{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px}.map-section{cursor:default;-webkit-user-select:none;user-select:none;aspect-ratio:960/470;margin:0 32px 20px;position:relative;overflow:hidden}.map-area{position:absolute;inset:0 280px 0 0;overflow:hidden}:is(.map-section:fullscreen .map-area,.map-section:fullscreen .map-area){right:0}.map-section:fullscreen{aspect-ratio:auto}.map-content{aspect-ratio:960/704;transform-origin:0 0;--dot-counter-scale:1;width:100%;position:absolute;top:0;left:0}.map-section:fullscreen .map-content{height:100%}.map-section:fullscreen .map-img{object-fit:contain}.map-section:fullscreen #map-dots{aspect-ratio:960/704;max-width:100%;max-height:100%;margin:auto;inset:0}.map-section .map-img{pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.map-fullscreen-btn{z-index:3;color:#ffffff80;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:background .2s,color .2s;display:flex;position:absolute;top:12px;right:12px}.map-fullscreen-btn:hover{color:#ffffffe6;background:#ffffff26}.map-fullscreen-btn svg{width:100%;height:100%}.map-section:fullscreen{background:var(--bg,#0c0c0c);aspect-ratio:auto;border-radius:0;width:100vw;height:100vh;margin:0}.map-section:fullscreen .map-overlay-stats .big-number{font-size:72px}.map-section:-webkit-full-screen{background:var(--bg,#0c0c0c);aspect-ratio:auto;border-radius:0;width:100vw;height:100vh;margin:0}.map-section:-webkit-full-screen .map-img{object-fit:contain}.map-section:-webkit-full-screen #map-dots{aspect-ratio:960/704;max-width:100%;max-height:100%;margin:auto;inset:0}.map-section:-webkit-full-screen .map-overlay-stats .big-number{font-size:72px}.map-overlay-stats{z-index:2;pointer-events:none;position:absolute;top:20px;left:24px}.map-overlay-stats h2{color:#ffffff80;font-size:13px;font-weight:500}.map-overlay-stats .big-number{letter-spacing:-3px;background:var(--number-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800}.map-overlay-stats .subtitle{color:#ffffff59;margin-top:2px;font-size:12px}.map-legend{z-index:2;pointer-events:auto;gap:16px;display:flex;position:absolute;bottom:16px;left:24px}.map-legend-item{color:#ffffff80;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.map-legend-item:hover{color:#fffc;background:#ffffff0f}.map-legend-item.active{color:var(--primary);background:#ffffff14}.legend-pip{border-radius:50%;width:6px;height:6px}#map-dots{pointer-events:none;position:absolute;inset:0}#map-dots .map-dot-wrap{pointer-events:auto}.map-dot-wrap{animation:90s ease-in 30s forwards dot-age;position:absolute}.map-dot-wrap[data-drift="1"]{animation:14s ease-in-out infinite dot-drift-1,90s ease-in 30s forwards dot-age}.map-dot-wrap[data-drift="2"]{animation:16s ease-in-out infinite dot-drift-2,90s ease-in 30s forwards dot-age}.map-dot-wrap[data-drift="3"]{animation:12s ease-in-out infinite dot-drift-3,90s ease-in 30s forwards dot-age}.map-dot-wrap[data-drift="4"]{animation:18s ease-in-out infinite dot-drift-4,90s ease-in 30s forwards dot-age}.map-dot-wrap[data-drift="5"]{animation:11s ease-in-out infinite dot-drift-5,90s ease-in 30s forwards dot-age}.map-dot-wrap[data-drift="6"]{animation:15s ease-in-out infinite dot-drift-6,90s ease-in 30s forwards dot-age}@keyframes dot-age{to{opacity:.35;scale:.5}}.map-dot-wrap.dot-removing{filter:opacity(0);transition:filter 3.2s ease-out}.map-dot{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;display:flex;position:relative}.map-dot-wrap.dot-entering .map-dot{animation:1.6s cubic-bezier(.22,1,.36,1) both dot-enter}@keyframes dot-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.map-dot-wrap.dot-entering[data-drift="1"]{animation:14s ease-in-out infinite dot-drift-1,90s ease-in 30s forwards dot-age}.map-dot-wrap.dot-entering[data-drift="2"]{animation:16s ease-in-out infinite dot-drift-2,90s ease-in 30s forwards dot-age}.map-dot-wrap.dot-entering[data-drift="3"]{animation:12s ease-in-out infinite dot-drift-3,90s ease-in 30s forwards dot-age}.map-dot-wrap.dot-entering[data-drift="4"]{animation:18s ease-in-out infinite dot-drift-4,90s ease-in 30s forwards dot-age}.map-dot-wrap.dot-entering[data-drift="5"]{animation:11s ease-in-out infinite dot-drift-5,90s ease-in 30s forwards dot-age}.map-dot-wrap.dot-entering[data-drift="6"]{animation:15s ease-in-out infinite dot-drift-6,90s ease-in 30s forwards dot-age}.map-dot-pip{opacity:1;transform-origin:50%;width:6px;height:6px;transform:scale(var(--dot-counter-scale,1));box-shadow:0 0 10px 2px currentColor,0 0 20px 4px color-mix(in srgb,currentColor 10%,transparent);pointer-events:none;background:currentColor;border-radius:50%;transition:transform .2s;animation:6s ease-in-out infinite dot-bloom}.map-dot-wrap.dot-refreshed .map-dot-pip{opacity:1}@keyframes dot-bloom{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.map-dot:hover .map-dot-pip,.map-dot-wrap.active .map-dot-pip,.map-dot-wrap.highlighted .map-dot-pip{transform:scale(1.6)}.map-dot-wrap.highlighted{z-index:10}@keyframes dot-drift-1{0%,to{translate:0}25%{translate:calc(5px*var(--dot-counter-scale,1))calc(-4px*var(--dot-counter-scale,1))}50%{translate:calc(-4px*var(--dot-counter-scale,1))calc(5px*var(--dot-counter-scale,1))}75%{translate:calc(3px*var(--dot-counter-scale,1))calc(-2px*var(--dot-counter-scale,1))}}@keyframes dot-drift-2{0%,to{translate:0}25%{translate:calc(-6px*var(--dot-counter-scale,1))calc(3px*var(--dot-counter-scale,1))}50%{translate:calc(3px*var(--dot-counter-scale,1))calc(-5px*var(--dot-counter-scale,1))}75%{translate:calc(-2px*var(--dot-counter-scale,1))calc(4px*var(--dot-counter-scale,1))}}@keyframes dot-drift-3{0%,to{translate:0}25%{translate:calc(4px*var(--dot-counter-scale,1))calc(5px*var(--dot-counter-scale,1))}50%{translate:calc(-5px*var(--dot-counter-scale,1))calc(-3px*var(--dot-counter-scale,1))}75%{translate:calc(5px*var(--dot-counter-scale,1))calc(2px*var(--dot-counter-scale,1))}}@keyframes dot-drift-4{0%,to{translate:0}25%{translate:calc(-3px*var(--dot-counter-scale,1))calc(-6px*var(--dot-counter-scale,1))}50%{translate:calc(6px*var(--dot-counter-scale,1))calc(3px*var(--dot-counter-scale,1))}75%{translate:calc(-4px*var(--dot-counter-scale,1))calc(5px*var(--dot-counter-scale,1))}}@keyframes dot-drift-5{0%,to{translate:0}25%{translate:calc(5px*var(--dot-counter-scale,1))calc(4px*var(--dot-counter-scale,1))}50%{translate:calc(-3px*var(--dot-counter-scale,1))calc(-6px*var(--dot-counter-scale,1))}75%{translate:calc(-5px*var(--dot-counter-scale,1))calc(3px*var(--dot-counter-scale,1))}}@keyframes dot-drift-6{0%,to{translate:0}25%{translate:calc(-4px*var(--dot-counter-scale,1))calc(-3px*var(--dot-counter-scale,1))}50%{translate:calc(5px*var(--dot-counter-scale,1))calc(5px*var(--dot-counter-scale,1))}75%{translate:calc(2px*var(--dot-counter-scale,1))calc(-5px*var(--dot-counter-scale,1))}}.map-dot-wrap.active{z-index:10}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;padding:0 32px;display:grid}.stat-card{padding:16px}.stat-label{color:#fff6;margin-bottom:6px;font-size:11px;font-weight:500}.stat-number{letter-spacing:-1.5px;background:var(--number-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:31px;font-weight:800}.stat-badge{border-radius:6px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.stat-badge.up{color:#34d399;background:#34d39926}.stat-badge.down{color:#f87171;background:#f8717126}.stat-sites{color:#ffffff4d;gap:8px;margin-top:4px;font-size:9px;display:flex}.stat-site{align-items:center;gap:3px;display:flex}.stat-site-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.sites-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:0 32px;display:grid}.site-card{cursor:pointer;padding:16px 20px;transition:all .2s;position:relative;overflow:hidden}.site-card:hover{background:#ffffff12;border-color:#ffffff24}.site-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.site-card-name{color:var(--primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.site-card-pip{border-radius:50%;width:6px;height:6px}.site-card-live{color:#ffffff59;font-size:11px;font-weight:600}.site-card-live span{color:#fff;font-weight:700}.site-card-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.site-card-stat-label{color:#ffffff4d;margin-bottom:2px;font-size:10px}.site-card-stat-val{letter-spacing:-.5px;background:var(--number-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.site-card-sparkline{opacity:.15;height:40px;position:absolute;bottom:0;left:0;right:0}.site-card-sparkline svg{width:100%;height:100%}.site-card-arrow{color:#ffffff26;font-size:14px;transition:all .2s;position:absolute;top:18px;right:16px}.site-card:hover .site-card-arrow{color:#ffffff80;transform:translate(2px)}.bottom-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:16px;padding:0 32px 32px;display:grid}.card-header{justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.card-title{color:#fff6;font-size:14px;font-weight:600}.card-body{padding:0 20px 20px}.chart-wrap{height:200px;position:relative}.chart-wrap svg{width:100%;height:100%}.chart-legend{gap:14px;padding:8px 20px 0;display:flex}.chart-legend-item{color:var(--primary);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.chart-legend-item .cl-dot{border-radius:2px;width:6px;height:6px}.row-item{color:var(--primary);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.row-item:last-child{border-bottom:none}.row-left{align-items:center;gap:8px;min-width:0;display:flex}.row-left span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-path{font-size:11px}.row-right{white-space:nowrap;margin-left:12px;font-weight:700}.flag{-webkit-text-fill-color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial;font-size:16px}.site-tag{color:#ffffff59;background:#ffffff0f;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600}.donut-wrap{justify-content:center;align-items:center;padding:16px 0;display:flex}.donut-ring{background:conic-gradient(var(--donut-1)0% 62%,var(--donut-2)62% 93%,var(--donut-3)93% 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.donut-hole{background:var(--bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.donut-hole .num{background:var(--number-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.donut-hole .sub{color:#fff6;font-size:10px}.legend-item{color:var(--primary);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.map-sidebar{z-index:2;border-left:1px solid #ffffff0f;flex-direction:column;width:280px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.map-sidebar-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.map-sidebar-title{text-transform:uppercase;letter-spacing:.8px;color:#ffffff59;font-size:11px;font-weight:600}.map-sidebar-scroll{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:1;overflow:hidden auto}.map-sidebar-scroll::-webkit-scrollbar{width:4px}.map-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.map-sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.log-entry{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:flex-start;gap:10px;padding:9px 16px;transition:background .15s;display:flex}.log-entry.session-entering{animation:2.2s cubic-bezier(.22,1,.36,1) both session-fade-in;animation-delay:var(--stagger,0s)}@keyframes session-fade-in{0%{opacity:0;transform:translateY(-14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.log-entry:hover,.log-entry.highlighted{background:#ffffff0d}.log-pip{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.log-body{flex:1;min-width:0}.log-path{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.log-meta{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.log-time{color:#fff3;flex-shrink:0;margin-top:2px;font-size:10px}:is(.map-section:fullscreen .map-sidebar,.map-section:fullscreen .map-sidebar){display:none}.theme-picker{position:relative}.theme-picker-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.theme-picker-btn:hover{background:#ffffff1a;border-color:#fff3}.theme-picker-btn svg{fill:#ffffff80;width:14px;height:14px}.theme-picker-dropdown{z-index:200;background:#0f0a19f7;border:1px solid #ffffff1a;border-radius:12px;min-width:200px;margin-top:8px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #00000080}.theme-picker-dropdown.open{display:block}.theme-option{cursor:pointer;text-align:left;color:#fff9;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s;display:flex}.theme-option:hover{color:#ffffffe6;background:#ffffff0f}.theme-option.active{color:#fff;background:#ffffff14}.theme-option-swatches{flex-shrink:0;gap:3px;display:flex}.theme-option-swatch{border-radius:3px;width:10px;height:10px}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:40px}.auth-logo{background:var(--logo-grad);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600}.auth-subtitle{text-align:center;color:#ffffff80;margin-bottom:32px;font-size:.875rem}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-group:last-of-type{margin-bottom:36px}.form-label{color:#fff9;padding-left:0;font-size:.8125rem;font-weight:500}.form-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:#ffffff40}.form-input:focus{border-color:rgba(var(--primary-rgb),.4);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-btn{background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);border-radius:10px;margin-top:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.form-btn:hover{background:rgba(var(--primary-rgb),.25);border-color:rgba(var(--primary-rgb),.5)}.form-btn:active{transform:scale(.98)}.auth-footer{text-align:center;color:#fff6;margin-top:24px;font-size:.8125rem}.auth-footer a{color:var(--primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}.form-error{color:#f87171;margin-top:2px;font-size:.75rem}.sites-page{max-width:960px;margin:0 auto;padding:40px 24px}.sites-page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sites-page-title{color:#fff;font-size:1.5rem;font-weight:700}.sites-add-btn{background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.sites-add-btn:hover{background:rgba(var(--primary-rgb),.25);border-color:rgba(var(--primary-rgb),.5)}.sites-list{flex-direction:column;gap:12px;display:flex}.sites-list-item{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s;display:flex}.sites-list-item:hover{border-color:#ffffff24}.sites-list-item-left{align-items:center;gap:12px;display:flex}.sites-list-item-pip{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sites-list-item-domain{color:#ffffffe6;font-size:.9375rem;font-weight:600}.sites-list-item-actions{align-items:center;gap:8px;display:flex}.sites-action-btn{color:#ffffff80;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .15s}.sites-action-btn:hover{color:#fffc;background:#ffffff0f}.sites-action-btn.danger:hover{color:#f87171;background:#f871711a}.snippet-block{color:#ffffffb3;background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto}.flash{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;font-size:.8125rem;display:flex}.flash-info{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary)}.flash-error{color:#f87171;background:#f871711a;border:1px solid #f8717133}.flash-close{opacity:.6;padding:4px;transition:opacity .15s}.flash-close:hover{opacity:1}.text-muted{color:#ffffff73}.text-primary{color:var(--primary)}.gradient-text{background:var(--number-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-primary{background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary:hover{background:rgba(var(--primary-rgb),.25);border-color:rgba(var(--primary-rgb),.5)}.btn-secondary{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-sm{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.btn-sm:hover{color:#fffc;background:#ffffff14;border-color:#ffffff26}.btn-danger{color:#ffffff80}.btn-danger:hover{color:#f87171!important;background:#f871711a!important;border-color:#f8717133!important}.auth-page{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:24px;display:flex}.auth-page .auth-card,.auth-page .glass{width:100%;max-width:420px;padding:40px}.flash-message{z-index:200;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary);cursor:pointer;border-radius:10px;max-width:400px;padding:12px 20px;font-size:.8125rem;position:fixed;bottom:16px;right:16px}.flash-message.flash-error{color:#f87171;background:#f871711a;border:1px solid #f8717133}.flash-container{z-index:200;position:fixed;bottom:16px;right:16px}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:480px;padding:32px}.sites-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.site-manage-card{padding:20px;transition:border-color .2s}.site-manage-card:hover{border-color:#ffffff26}.form-input-error{border-color:#f8717180!important}@media (max-width:1024px){.bottom-grid{grid-template-columns:1fr 1fr}.stats-row,.sites-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bottom-grid,.stats-row,.sites-row{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:12px}.auth-card{padding:28px 24px}.sites-page{padding:24px 12px}.sites-page-header{flex-direction:column;align-items:flex-start;gap:12px}}