:root{--bg:#050505;--panel:#0b0b0b;--panel2:#0e0e0e;--line:#1e1e1e;--line2:#2a2a2a;--text:#f3f3ef;--muted:#6f6f6f;--muted2:#aaa;--accent:#d8ff5f;--good:#b7ff88;--danger:#ff8d8d;--radius:16px;--sidebar:248px;--nav-h:76px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;background:var(--bg);min-height:100vh;color:var(--text)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 16px 18px;border-right:1px solid var(--line);background:#070707;display:flex;flex-direction:column;z-index:30}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);letter-spacing:-.03em}.brand-mark{width:33px;height:33px;border-radius:9px;background:var(--text);color:#050505;display:grid;place-items:center;font-weight:900;font-size:15px;flex:none}.brand strong{display:block;font-size:12px;letter-spacing:.01em}.brand small{display:block;margin-top:1px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.sidebar-label{margin:42px 10px 10px;color:#505050;font-size:9px;letter-spacing:.18em}.project-list{display:flex;flex-direction:column;gap:2px;overflow:auto;scrollbar-width:none}.project-list::-webkit-scrollbar{display:none}.project-nav{width:100%;border:0;background:transparent;color:#858585;padding:10px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:9px;cursor:pointer;transition:background .15s ease,color .15s ease}.project-nav:hover{color:#ddd;background:#101010}.project-nav.active{color:#fff;background:#141414}.project-nav i{width:6px;height:6px;border-radius:50%;background:#3c3c3c;flex:none}.project-nav[data-online="true"] i{background:var(--good);box-shadow:0 0 0 4px #b8ff8b10}.project-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.live-pill,.sync-pill{display:flex;align-items:center;gap:7px;color:#777;font-size:10px}.live-pill i,.sync-pill i{width:6px;height:6px;background:var(--good);border-radius:50%;box-shadow:0 0 10px #b8ff8b55}.sync-pill.syncing i{animation:pulse .9s infinite}.sync-pill.error i{background:var(--danger);box-shadow:0 0 10px #ff8d8d55}.logout{border:0;background:transparent;color:#666;font-size:10px;cursor:pointer}.logout:hover{color:#fff}.main{margin-left:var(--sidebar);padding:36px clamp(22px,3.5vw,60px) 28px;max-width:1900px}.mobile-head{display:none}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;scroll-margin-top:20px}.eyebrow,.micro{font-size:9px;letter-spacing:.19em;color:#666;text-transform:uppercase}.topbar h1{font-size:clamp(32px,4vw,56px);line-height:.96;letter-spacing:-.055em;margin:8px 0 0;font-weight:600}.periods{padding:3px;border:1px solid var(--line);border-radius:999px;display:flex;gap:2px;background:#080808}.periods button{border:0;background:transparent;color:#686868;border-radius:999px;padding:8px 11px;font-size:10px;cursor:pointer;transition:.15s ease;min-width:42px}.periods button:hover{color:#ddd}.periods button.active{background:#f1f1ed;color:#080808}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.metrics article{min-height:126px;padding:18px;border-right:1px solid var(--line);background:#090909}.metrics article:last-child{border-right:0}.metrics span{display:block;font-size:9px;letter-spacing:.14em;color:#5e5e5e}.metrics strong{display:block;font-size:clamp(28px,3vw,44px);font-weight:520;letter-spacing:-.055em;margin:21px 0 3px;font-variant-numeric:tabular-nums}.metrics small{font-size:10px;color:#555}.chart-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;content-visibility:auto;contain-intrinsic-size:420px}.chart-card{padding:22px;margin-bottom:12px;scroll-margin-top:16px}.panel{padding:21px;scroll-margin-top:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-head h2{font-size:17px;letter-spacing:-.035em;margin:6px 0 0;font-weight:520}.legend{display:flex;gap:15px;color:#666;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.views{background:var(--accent)}.dot.visitors{border:1px solid #878787}.chart{height:300px;margin-top:18px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#1a1a1a;stroke-width:1;vector-effect:non-scaling-stroke}.area{fill:url(#areaGradient)}.line-views{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.line-visitors{fill:none;stroke:#737373;stroke-width:1.25;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.chart-label{fill:#555;font-size:10px}.empty{height:100%;display:grid;place-items:center;color:#505050;font-size:11px;text-align:center}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:12px;margin-bottom:12px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-table{margin-top:16px}.project-row{display:grid;grid-template-columns:minmax(130px,1.35fr) 88px 88px 128px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #181818;cursor:pointer;transition:opacity .15s ease}.project-row:last-child{border-bottom:0}.project-row:hover{opacity:.72}.project-name{display:block;font-size:12px;font-weight:600;letter-spacing:-.01em}.project-domain{display:block;margin-top:3px;color:#555;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-stat{text-align:right}.project-stat strong{display:block;font-size:17px;font-weight:520;font-variant-numeric:tabular-nums}.project-stat small{display:block;color:#4f4f4f;font-size:8px;letter-spacing:.12em;margin-top:3px}.status-chip{justify-self:end;border:1px solid #242424;border-radius:999px;padding:6px 8px;color:#666;font-size:8px;letter-spacing:.08em;display:flex;align-items:center;gap:6px}.status-chip i{width:5px;height:5px;border-radius:50%;background:#555}.status-chip.online{color:#a4cf8a}.status-chip.online i{background:var(--good)}.rank-list{margin-top:18px;display:grid;gap:14px}.rank-row{min-width:0}.rank-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.rank-top span{font-size:11px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-top strong{font-size:11px;font-weight:520;color:#ddd;font-variant-numeric:tabular-nums}.bar{height:2px;background:#171717;overflow:hidden;border-radius:999px}.bar i{display:block;height:100%;background:#777;border-radius:999px}.rank-row:first-child .bar i{background:var(--accent)}footer{display:flex;justify-content:space-between;gap:18px;padding:22px 4px 0;color:#474747;font-size:9px;letter-spacing:.1em}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#f0f0eb;color:#080808;padding:10px 13px;border-radius:999px;font-size:10px;z-index:100;transition:.2s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.sheet-backdrop,.mobile-sheet,.mobile-nav{display:none}.login-page{display:grid;place-items:center;padding:24px;min-height:100dvh;background:radial-gradient(circle at 50% 25%,#111 0,#050505 42%)}.login-card{width:min(460px,100%);border:1px solid var(--line);border-radius:22px;padding:26px;background:#090909}.login-brand{margin-bottom:64px}.login-copy h1{font-size:40px;line-height:1;letter-spacing:-.055em;margin:10px 0 12px;font-weight:550}.login-copy p{color:#666;font-size:12px;line-height:1.6;max-width:340px}.login-form{display:grid;gap:14px;margin-top:34px}.login-form label{font-size:9px;letter-spacing:.13em;color:#666;text-transform:uppercase}.login-form input{width:100%;margin-top:8px;border:1px solid #242424;border-radius:11px;background:#0e0e0e;color:#fff;padding:13px 14px;outline:none;font-size:16px}.login-form input:focus{border-color:#555}.login-form button{margin-top:6px;border:0;border-radius:11px;background:#f2f2ed;color:#080808;padding:14px 15px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer}.login-error{color:#ff8787;font-size:10px;margin:0}.loading{opacity:.55;pointer-events:none;transition:opacity .16s}.sync-pulse{animation:pulse .8s ease}@keyframes pulse{50%{opacity:.35}}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}.metrics article:nth-child(3){border-right:0}.metrics article:nth-child(-n+3){border-bottom:1px solid var(--line)}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:0px}.sidebar{display:none}.main{margin:0;padding:0 14px calc(var(--nav-h) + env(safe-area-inset-bottom) + 22px)}.mobile-head{position:sticky;top:0;z-index:25;height:58px;margin:0 -14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:#050505e8;backdrop-filter:blur(18px);border-bottom:1px solid #171717}.mobile-brand{gap:8px}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:8px;font-size:13px}.mobile-brand strong{font-size:10px;letter-spacing:.12em}.sync-pill{border:1px solid #1d1d1d;border-radius:999px;padding:6px 8px;background:#090909}.topbar{padding-top:20px;align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:18px}.topbar h1{font-size:40px}.periods{width:100%;overflow-x:auto;scrollbar-width:none}.periods::-webkit-scrollbar{display:none}.periods button{flex:1;min-width:54px}.overview-grid{grid-template-columns:1fr}.chart{height:250px}.sheet-backdrop{display:block;position:fixed;inset:0;background:#000a;opacity:0;pointer-events:none;z-index:60;transition:opacity .22s ease}.sheet-backdrop.open{opacity:1;pointer-events:auto}.mobile-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;max-height:min(78dvh,680px);padding:8px 14px calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);background:#0a0a0a;border:1px solid #232323;border-bottom:0;border-radius:24px 24px 0 0;transform:translateY(105%);transition:transform .24s cubic-bezier(.22,.8,.24,1);overflow:auto;overscroll-behavior:contain}.mobile-sheet.open{transform:translateY(0)}.sheet-grabber{width:38px;height:4px;border-radius:999px;background:#303030;margin:0 auto 13px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 2px 10px}.sheet-head h2{font-size:24px;letter-spacing:-.045em;margin:5px 0 0;font-weight:560}.sheet-head>button{width:34px;height:34px;border-radius:50%;border:1px solid #282828;background:#111;color:#aaa;font-size:22px;line-height:1}.mobile-project-list{display:grid;gap:5px}.mobile-project{width:100%;border:1px solid #1e1e1e;background:#0d0d0d;border-radius:13px;padding:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;color:#fff}.mobile-project.active{border-color:#3b3b3b;background:#131313}.mobile-project-main{min-width:0}.mobile-project-name{display:block;font-size:13px;font-weight:600}.mobile-project-domain{display:block;margin-top:3px;color:#555;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-project-meta{text-align:right}.mobile-project-meta strong{display:block;font-size:15px;font-weight:540;font-variant-numeric:tabular-nums}.mobile-project-meta small{display:block;margin-top:2px;color:#5a5a5a;font-size:8px;letter-spacing:.08em}.more-actions{display:grid;gap:6px}.more-actions button{width:100%;border:1px solid #1f1f1f;background:#0d0d0d;color:#fff;border-radius:13px;padding:14px;text-align:left}.more-actions button span{display:block;font-size:13px}.more-actions button small{display:block;color:#5c5c5c;font-size:10px;margin-top:3px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:7px 6px env(safe-area-inset-bottom);z-index:80;background:#090909f2;border-top:1px solid #202020;backdrop-filter:blur(20px)}.mobile-nav button{min-width:0;border:0;background:transparent;color:#5f5f5f;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px}.mobile-nav button.active{color:#f1f1ed;background:#111}.mobile-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-nav button:nth-child(2) svg,.mobile-nav button:nth-child(3) svg{fill:currentColor;stroke:none}.mobile-nav button:nth-child(5) svg{fill:currentColor;stroke:none}.mobile-nav span{font-size:9px;white-space:nowrap}.toast{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 14px)}}
@media(max-width:620px){.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{min-height:105px;padding:14px}.metrics article:nth-child(2n){border-right:0}.metrics article:nth-child(3){border-right:1px solid var(--line)}.metrics article:nth-child(4){border-bottom:1px solid var(--line)}.metrics strong{font-size:30px;margin-top:15px}.detail-grid{grid-template-columns:1fr}.chart-card,.panel{padding:16px;border-radius:14px}.legend{display:none}.topbar h1{font-size:36px}.project-row{grid-template-columns:minmax(0,1fr) 64px 64px}.project-row .status-chip{display:none}.chart{height:225px}.overview-grid,.detail-grid{gap:10px}.overview-grid,.chart-card,.metrics{margin-bottom:10px}footer{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}