@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f4f4f5;background:#09090b;font-synthesis:none;--panel:#121216;--panel-2:#17171d;--line:#27272e;--muted:#85858f;--pink:#ff375f;--purple:#c84cff;--cyan:#31c7d8}*{box-sizing:border-box}body{margin:0;background:#09090b}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#0d0d10;border-right:1px solid #202026;padding:27px 15px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:1.6px;font-weight:800;padding:0 12px}.brand-mark{height:27px;width:27px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#ff375f,#c84cff);color:#fff;box-shadow:5px 0 #31c7d8}.brand-pulse{color:#ff5574;margin-left:3px}.workspace{display:flex;align-items:center;gap:10px;background:#15151a;border:1px solid #26262d;border-radius:12px;margin:36px 0 22px;padding:11px}.avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#272730;color:#ff7290;font-size:11px;font-weight:800;flex:none}.workspace strong,.user-menu strong{font-size:12px;display:block}.workspace small,.user-menu small{display:block;color:#777782;font-size:10px;margin-top:3px}.chevron{margin-left:auto;color:#6f6f79}nav{display:grid;gap:4px}.nav-item{background:transparent;color:#8a8a94;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px;border-radius:9px;font-size:12px;transition:.2s}.nav-item:hover,.nav-item.active{background:#1b1b21;color:#f5f5f7}.nav-item.active{box-shadow:inset 2px 0 var(--pink);color:#fff}.nav-badge{margin-left:auto;background:#41202d;color:#ff7691;border-radius:10px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.upgrade{background:linear-gradient(145deg,#26162b,#19151d);border:1px solid #3a253d;border-radius:12px;padding:14px;margin:0 3px 20px;display:grid;gap:7px}.upgrade-icon{color:#ff93ad}.upgrade strong{font-size:11px}.upgrade span{font-size:10px;color:#85818a;line-height:1.5}.upgrade button{background:transparent;color:#ff7997;font-size:10px;text-align:left;padding:0;margin-top:2px;font-weight:700}.support{border-top:1px solid #24242a;padding:17px 13px 0;display:flex;gap:11px;color:#85858e;font-size:11px}.main{margin-left:248px;flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #202026;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#777780}.breadcrumb b{color:#404047}.breadcrumb strong{color:#e5e5e8}.top-actions{display:flex;align-items:center;gap:18px}.search-btn{background:#151519;border:1px solid #28282e;border-radius:7px;display:flex;align-items:center;gap:9px;padding:8px 10px;color:#85858e;font-size:11px}.search-btn kbd{font-family:DM Mono;font-size:9px;color:#666672;border:1px solid #34343b;border-radius:4px;padding:2px 5px;margin-left:15px}.v-divider{height:21px;width:1px;background:#292930}.notification{position:relative;background:transparent;color:#888892;font-size:25px;line-height:1}.notification-dot{position:absolute;right:0;top:-2px;width:6px;height:6px;background:var(--pink);border-radius:50%}.user-menu{display:flex;align-items:center;gap:9px}.user-menu>svg{color:#777782;margin-left:4px}.content{max-width:1500px;padding:40px 38px 25px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end}.eyebrow{font-family:DM Mono,monospace;letter-spacing:1.2px;color:#777780;font-size:10px}.page-head h1{font-size:29px;letter-spacing:-1.2px;margin:9px 0 7px}.page-head h1 em{font-style:normal;color:var(--pink)}.page-head p{font-size:12px;color:#85858f;margin:0}.head-actions{display:flex;gap:10px}.date-btn,.export-btn{display:flex;align-items:center;gap:8px;background:#17171c;border:1px solid #2a2a31;border-radius:7px;padding:10px 13px;font-size:11px}.date-btn{color:#aaaab3}.export-btn{background:#f0f0f2;color:#151519;font-weight:700}.insight-banner{margin:32px 0 22px;border:1px solid #422934;background:linear-gradient(90deg,#21151c,#161318);border-radius:10px;display:flex;align-items:center;gap:13px;padding:13px 16px}.insight-icon{color:#ff6b88}.insight-banner strong{font-size:11px;color:#f3a5b5;margin-right:11px}.insight-banner span{font-size:11px;color:#aba0a5}.insight-banner b{color:#ff7791}.insight-banner button{margin-left:auto;background:transparent;color:#ff7892;font-size:10px;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card,.chart-card,.engagement-card,.table-card{background:var(--panel);border:1px solid #24242b;border-radius:11px}.kpi-card{padding:17px 18px}.kpi-top{display:flex;justify-content:space-between;align-items:start}.kpi-label{font-size:11px;color:#9898a1}.kpi-icon{border-radius:7px;padding:7px;display:grid;place-items:center}.kpi-value{font-size:26px;font-weight:700;letter-spacing:-1px;margin:17px 0 7px}.kpi-delta{display:flex;gap:8px;align-items:center;font-size:9px;color:#6e6e78}.delta-up{color:#4fdb9d;background:#17322a;border-radius:4px;padding:3px 5px;font-family:DM Mono}.analytics-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:14px}.chart-card,.engagement-card{padding:19px 20px}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading h2,.table-heading h2{font-size:13px;margin:0 0 5px}.card-heading p,.table-heading p{font-size:10px;color:#777780;margin:0}.legend{display:flex;gap:14px;color:#80808a;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{height:6px;width:6px;border-radius:50%;display:inline-block}.legend-pink{background:var(--pink)}.legend-purple{background:var(--purple)}.chart-wrap{height:190px;margin-top:13px}.chart-footer{border-top:1px solid #24242a;margin-top:3px;padding-top:13px;display:flex;justify-content:space-between;color:#80808a;font-size:10px}.chart-footer b{color:#47d69b}.positive{color:#48d69b}.loading-chart{height:203px;display:grid;place-items:center;color:#85858f;font-size:11px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.donut-wrap{height:155px;display:grid;place-items:center}.donut{height:128px;width:128px;border-radius:50%;background:conic-gradient(var(--pink) 0 44%,var(--purple) 44% 70%,var(--cyan) 70% 83%,#292930 83% 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:10px;background:var(--panel);border-radius:50%}.donut div{position:relative;z-index:1;text-align:center}.donut strong{font-size:19px;display:block}.donut span{font-size:9px;color:#73737d}.engage-list{border-top:1px solid #25252b;padding-top:10px;display:grid;gap:8px}.engage-list>div{display:grid;grid-template-columns:1fr auto 35px;align-items:center;font-size:10px}.engage-label{color:#9a9aa3;display:flex;gap:7px;align-items:center}.dot{height:6px;width:6px;border-radius:50%;display:inline-block}.dot.pink{background:var(--pink)}.dot.purple{background:var(--purple)}.dot.cyan{background:var(--cyan)}.engage-list b{font-weight:500;color:#dddde1}.engage-list small{color:#73737d;text-align:right}.table-card{margin-top:14px;padding:20px}.table-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.ghost-btn{display:flex;align-items:center;gap:7px;background:transparent;color:#ff718d;font-size:10px;font-weight:700}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}th{font-size:9px;color:#666671;font-weight:500;padding:0 10px 11px}td{border-top:1px solid #25252b;padding:12px 10px;font-size:10px;color:#d7d7dc}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{text-align:right}.video-cell{display:flex;align-items:center;gap:10px}.video-cell strong{font-weight:600}.video-thumb{height:30px;width:43px;border-radius:5px;background:linear-gradient(135deg,#402535,#151a32);display:grid;place-items:center;color:#fff;position:relative}.video-thumb small{position:absolute;bottom:2px;right:3px;font-size:7px;color:#aaa}.muted{color:#6e6e78;font-size:9px}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:5px}.status i{width:5px;height:5px;border-radius:50%;display:inline-block}.rising{background:#173128;color:#55d89d}.rising i{background:#55d89d}.stable{background:#2a2925;color:#d6af5d}.stable i{background:#d6af5d}.icon-btn{background:transparent;color:#74747e;padding:3px}.more-dots{letter-spacing:2px}.status-footer{display:flex;justify-content:space-between;color:#696972;font-size:9px;padding:18px 2px 0}.status-footer b{color:#92929b;font-family:DM Mono;font-weight:400}.live-dot{display:inline-block;background:#49d49a;height:5px;width:5px;border-radius:50%;margin:0 5px 1px 0}.toast{position:fixed;right:30px;bottom:28px;background:#f1f1f3;color:#18181b;padding:11px 15px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:0 10px 30px #0008}.login-page{min-height:100vh;display:grid;place-items:center;background:#0b0b0e;position:relative;overflow:hidden}.login-orb{position:absolute;filter:blur(100px);opacity:.28;border-radius:50%}.orb-one{width:420px;height:420px;background:#ff375f;left:-180px;top:-170px}.orb-two{width:500px;height:500px;background:#6331a5;right:-230px;bottom:-260px}.login-card{width:440px;position:relative;background:#121216;border:1px solid #2a2a31;border-radius:18px;padding:38px 42px;box-shadow:0 30px 80px #0005}.login-brand{padding:0;margin-bottom:55px}.login-copy .eyebrow{color:#ff7991}.login-copy h1{font-size:31px;line-height:1.13;letter-spacing:-1.3px;margin:13px 0}.login-copy h1 em{font-style:normal;color:var(--pink)}.login-copy p{font-size:12px;line-height:1.7;color:#898991;margin:0 0 27px}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#a8a8b0;font-size:10px}input{background:#18181e;border:1px solid #303038;border-radius:7px;padding:11px 12px;color:#eee;outline:none;font-size:12px}input:focus{border-color:#ff5274;box-shadow:0 0 0 3px #ff375f18}.form-error{font-size:10px;color:#ff8ba1;line-height:1.4}.primary-btn{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:7px;background:#efeff1;color:#111115;font-weight:800;padding:12px;font-size:11px;margin-top:2px}.primary-btn:disabled{opacity:.6}.demo-btn{background:transparent;width:100%;padding:16px 0 4px;color:#ff7e98;font-size:10px;font-weight:700}.demo-btn span{margin-left:7px;font-size:15px}.login-foot{display:block;text-align:center;color:#54545d;font-size:9px;margin-top:32px}.login-note{position:absolute;bottom:24px;color:#65656e;font-size:10px}.note-dot{display:inline-block;background:#4ad79f;height:6px;width:6px;border-radius:50%;margin-right:7px}@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px}.content{padding:30px 24px}.topbar{padding:0 24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;display:block;padding:18px}.app-shell{display:block}.workspace,.sidebar-bottom,.sidebar nav{display:none}.main{margin-left:0}.topbar{padding:0 18px}.search-btn span,.search-btn kbd,.breadcrumb b,.breadcrumb span{display:none}.content{padding:25px 16px}.page-head{display:block}.head-actions{margin-top:20px}.insight-banner{align-items:start}.insight-banner button{display:none}.analytics-grid{grid-template-columns:1fr}.status-footer{display:block;line-height:2}.status-footer span{display:block}.login-card{width:calc(100% - 30px);padding:30px 25px}.login-brand{margin-bottom:38px}}