:root{--bg: #F4F8F9;--surface: #FFFFFF;--surface-2: #F7FBFC;--surface-3: #EDF3F5;--border: #DEE8EB;--border-strong: #C7D6DA;--text: #112024;--text-2: #54646A;--text-3: #7E8C92;--text-4: #A6B4B8;--brand-50: #E3F8FC;--brand-100: #C4F1F9;--brand-200: #93E6F5;--brand-400: #5FE0F2;--brand-500: #22D3EE;--brand-600: #0A7A86;--brand-700: #08616B;--brand: #22D3EE;--brand-ink: #0A5560;--brand-on: #08191C;--brand-fill-2: #15B6D2;--green-50: #E8F7EE;--green-500: #1CA85A;--green-600: #14904B;--green-ink: #0C6435;--amber-50: #FDF4E3;--amber-500: #E89311;--amber-600: #C77A07;--amber-ink: #8F5703;--red-50: #FCEDEC;--red-500: #E14640;--red-600: #C9332D;--red-ink: #8F211D;--slate-50: #EEF3F4;--slate-500: #71858B;--slate-600: #57696F;--shadow-xs: 0 1px 2px rgba(17,32,36,.05);--shadow-sm: 0 1px 2px rgba(17,32,36,.04), 0 1px 3px rgba(17,32,36,.06);--shadow-md: 0 2px 4px rgba(17,32,36,.04), 0 8px 20px rgba(17,32,36,.07);--shadow-lg: 0 6px 14px rgba(17,32,36,.06), 0 18px 40px rgba(17,32,36,.1);--shadow-brand: 0 8px 22px rgba(34,211,238,.3);--r-sm: 9px;--r: 13px;--r-lg: 18px;--r-pill: 999px;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-num: "Space Grotesk", "Hanken Grotesk", system-ui, sans-serif;--sidebar-w: 248px;--appbar-bg: rgba(244,248,249,.82);--shield-bg: linear-gradient(160deg, #fff, #fdf9f7);--pill-active-bg: var(--text);--tip-bg: #14201F;--demo-hatch: rgba(120,132,134,.11);--live-bg: rgba(28,168,90,.06)}[data-theme=dark]{--bg: #0F1417;--surface: #171D21;--surface-2: #1E262B;--surface-3: #252F35;--border: #283036;--border-strong: #374149;--text: #EAF2F3;--text-2: #9DAAB0;--text-3: #7E8C92;--text-4: #5C6772;--brand-50: rgba(34,211,238,.16);--brand-100: rgba(34,211,238,.3);--brand-200: rgba(34,211,238,.5);--brand-600: #4BDCF0;--brand-700: #6FE6F2;--brand-ink: #5FE3F0;--green-50: rgba(28,168,90,.16);--green-ink: #54D98A;--amber-50: rgba(232,147,17,.17);--amber-ink: #F4B85F;--red-50: rgba(225,70,64,.18);--red-ink: #FF8E89;--slate-50: rgba(122,132,138,.18);--slate-600: #9DAAB0;--shadow-xs: 0 1px 2px rgba(0,0,0,.45);--shadow-sm: 0 1px 2px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.45);--shadow-md: 0 2px 4px rgba(0,0,0,.35), 0 8px 20px rgba(0,0,0,.5);--shadow-lg: 0 6px 14px rgba(0,0,0,.45), 0 18px 40px rgba(0,0,0,.6);--appbar-bg: rgba(15,20,23,.82);--shield-bg: linear-gradient(160deg, var(--surface), rgba(225,70,64,.07));--pill-active-bg: #34424A;--tip-bg: #243038;--demo-hatch: rgba(150,162,165,.13);--live-bg: rgba(28,168,90,.13)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num{font-family:var(--font-num);font-feature-settings:"tnum" 1;letter-spacing:-.01em}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:18px 14px;position:sticky;top:0;height:100vh;z-index:60}.sb-brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px}.sb-logo{width:38px;height:38px;border-radius:10px;flex:none;background:var(--brand);display:grid;place-items:center;box-shadow:var(--shadow-brand)}.sb-brand .nm{font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.sb-brand .tg{font-size:11.5px;color:var(--text-3);font-weight:600;margin-top:2px}.sb-nav{display:flex;flex-direction:column;gap:3px;margin-top:4px}.sb-sec{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:none;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--text-2);padding:10px 11px;border-radius:var(--r);text-align:left;transition:all .14s ease}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--brand-50);color:var(--brand-ink)}.nav-item.active .nav-ic{color:var(--brand-600)}.nav-ic{color:var(--text-3);display:grid;place-items:center;flex:none}.nav-item .soon{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);background:var(--surface-3);padding:2px 7px;border-radius:var(--r-pill)}.sb-foot{margin-top:auto;padding:10px;border-top:1px solid var(--border)}.sb-user{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-2);font-weight:600}.logout-btn{margin-left:auto;border:none;background:transparent;color:var(--text-3);cursor:pointer;font-family:var(--font-ui);font-size:12px;font-weight:700;padding:4px 6px;border-radius:8px}.logout-btn:hover{color:var(--red-600);background:var(--red-50)}.content{flex:1;min-width:0;display:flex;flex-direction:column}.menu-btn{display:none;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:38px;height:38px;cursor:pointer;color:var(--text-2);align-items:center;justify-content:center;flex:none}.scrim{display:none}.app{max-width:1320px;margin:0 auto;width:100%;padding:0 28px 64px}.appbar{position:sticky;top:0;z-index:40;background:var(--appbar-bg);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border)}.appbar-inner{max-width:1320px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:13px;flex:0 1 auto;min-width:0}.brand-text{min-width:0}.logo-mark{width:42px;height:42px;border-radius:11px;background:var(--brand);display:grid;place-items:center;box-shadow:var(--shadow-brand);flex:none}.brand-text h1{font-size:17px;font-weight:700;margin:0;letter-spacing:-.01em;white-space:nowrap}.brand-text h1 .tag{color:var(--text-2);font-weight:600}.brand-text .sub{font-size:12.5px;color:var(--text-3);margin-top:1px;font-weight:500}.agent-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);padding:5px 11px 5px 9px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;color:var(--text-2);box-shadow:var(--shadow-xs)}.agent-chip .avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(140deg,#5fe3f0,#22d3ee);color:var(--brand-on);font-size:10px;font-weight:800;display:grid;place-items:center}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green-500);position:relative}.live-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--green-500);opacity:.35;animation:ping 1.8s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.5}80%,to{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion: reduce){.live-dot:after{animation:none}}.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.range-tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px;gap:2px;box-shadow:var(--shadow-xs)}.range-tab{border:none;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-2);padding:7px 15px;border-radius:var(--r-pill);transition:all .16s ease;white-space:nowrap}.range-tab:hover{color:var(--text)}.range-tab.active{background:var(--brand);color:var(--brand-on);box-shadow:var(--shadow-brand)}.page-head{padding:26px 0 18px}.kicker{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-600)}.page-head h2{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em}.range-label{color:var(--text-3);font-weight:600}.section-label{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:13.5px;font-weight:700;color:var(--text-2);letter-spacing:.02em}.section-label .ix{color:var(--text-4);font-family:var(--font-num)}.section-label .rule{flex:1;height:1px;background:var(--border)}.insight{display:flex;align-items:flex-start;gap:13px;background:linear-gradient(100deg,var(--brand-50),var(--surface) 70%);border:1px solid var(--brand-100);border-radius:var(--r);padding:14px 18px;margin-top:14px;box-shadow:var(--shadow-xs)}.insight .spark{flex:none;color:var(--brand-600);margin-top:1px}.insight p{margin:0;font-size:14px;line-height:1.5;color:var(--text-2);font-weight:500}.insight strong{color:var(--text);font-weight:700}.insight .hl-green{color:var(--green-ink)}.insight .hl-red{color:var(--red-ink)}.stat-grid{display:flex;flex-wrap:wrap;gap:16px}.stat-card{flex:1 1 195px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 20px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card .label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-2);letter-spacing:.01em}.stat-card .label .ic{color:var(--text-3);display:grid;place-items:center}.stat-value{font-size:44px;font-weight:700;line-height:1;margin:14px 0 0}.stat-card .unit{font-size:21px;color:var(--text-3);font-weight:600;margin-left:2px}.stat-foot{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:var(--r-pill)}.trend.up{color:var(--green-ink);background:var(--green-50)}.trend.down{color:var(--red-ink);background:var(--red-50)}.trend.flat{color:var(--slate-600);background:var(--slate-50)}.stat-sub{font-size:12px;color:var(--text-3);font-weight:500}.stars{display:inline-flex;gap:1px;vertical-align:middle}.stars svg{display:block}.stat-card.accent{flex:1.5 1 280px;background:linear-gradient(150deg,var(--brand-500) 0%,var(--brand-fill-2) 100%);border-color:transparent;box-shadow:var(--shadow-brand)}.stat-card.accent:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}.stat-card.accent .label{color:#08191cb8}.stat-card.accent .label .ic{color:#08191c99}.stat-card.accent .stat-value{color:var(--brand-on);font-size:54px}.stat-card.accent .unit{color:#08191c9e}.stat-card.accent .trend.up,.stat-card.accent .trend.flat{color:var(--brand-on);background:#08191c1f}.stat-card.accent .stat-sub{color:#08191ca8}.stat-card.shield{background:var(--shield-bg)}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--shadow-sm)}.card.span2{grid-column:span 2}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.card-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.card-desc{font-size:12.5px;color:var(--text-3);margin-top:2px;font-weight:500}.card-metric{text-align:right}.card-metric .big{font-family:var(--font-num);font-size:24px;font-weight:700;line-height:1}.card-metric .cap{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);font-weight:600}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.chart-svg{display:block;width:100%;overflow:visible}.axis-text{fill:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-ui)}.axis-num{fill:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-num)}.chart-tip{position:absolute;pointer-events:none;z-index:50;background:var(--tip-bg);color:#fff;padding:7px 11px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #00000038;transform:translate(-50%,-118%);transition:opacity .12s ease}.chart-tip .tip-strong{font-family:var(--font-num)}.chart-tip .tip-sub{color:#aec3c4;font-weight:500;margin-top:1px;font-size:11px}.chart-wrap{position:relative}.bar-chart{position:relative;height:198px;padding-left:30px}.bc-grid{position:absolute;top:0;right:0;bottom:22px;left:30px;display:flex;flex-direction:column;justify-content:space-between}.bc-gridline{position:relative;height:0;border-top:1px dashed var(--border)}.bc-gridline span{position:absolute;left:-30px;top:-8px;width:24px;text-align:right}.bc-cols{position:absolute;top:0;right:0;bottom:0;left:30px;display:flex;align-items:flex-end;gap:10px;padding-bottom:22px}.bc-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer}.bc-barwrap{width:100%;max-width:60px;flex:1;display:flex;align-items:flex-end;justify-content:center}.bc-bar{width:100%;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--brand-400),var(--brand-600));transition:height .6s cubic-bezier(.22,.61,.36,1),filter .15s ease;min-height:3px}.bc-col:hover .bc-bar{filter:brightness(1.08) saturate(1.1)}.bc-bar.zero{background:var(--surface-3);min-height:3px}.bc-xlabel{margin-top:8px;font-size:11px;font-weight:600;color:var(--text-3);font-family:var(--font-ui);white-space:nowrap}.line-chart{position:relative;height:200px;padding-left:30px}.lc-grid{position:absolute;top:18px;right:0;bottom:22px;left:30px;display:flex;flex-direction:column;justify-content:space-between}.lc-gridline{position:relative;height:0;border-top:1px dashed var(--border)}.lc-gridline span{position:absolute;left:-30px;top:-8px;width:24px;text-align:right}.lc-svg{position:absolute;top:18px;left:30px;width:calc(100% - 30px);height:160px;overflow:hidden}.lc-line{stroke:var(--brand-500);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.lc-dots{position:absolute;top:18px;right:0;bottom:22px;left:30px}.lc-point{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--brand-500);border:2.5px solid var(--surface);box-shadow:0 0 0 1.5px var(--brand-500);transform:translate(-50%,50%);z-index:2}.lc-point.sm{width:7px;height:7px;border-width:2px;box-shadow:0 0 0 1px var(--brand-500);opacity:.85}.lc-point.zero{background:var(--text-4);box-shadow:0 0 0 1.5px var(--text-4)}.lc-point.current{width:13px;height:13px;background:var(--green-500);box-shadow:0 0 0 1.5px var(--green-500),0 0 0 5px var(--green-50);z-index:3}.lc-point.current.sm{width:11px;height:11px}.lc-point.current.zero{background:var(--green-500)}.lc-point.current .lc-val{color:var(--green-ink)}@media (prefers-reduced-motion: no-preference){.lc-point.current{animation:lcCurrentPulse 2s ease-in-out infinite}}@keyframes lcCurrentPulse{0%,to{box-shadow:0 0 0 1.5px var(--green-500),0 0 0 5px var(--green-50)}50%{box-shadow:0 0 0 1.5px var(--green-500),0 0 0 8px var(--green-50)}}.lc-val{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-family:var(--font-num);font-size:11px;font-weight:700;color:var(--text-2);white-space:nowrap;pointer-events:none}.lc-xlabels{position:absolute;left:30px;right:0;bottom:0;height:20px}.lc-xlabel{position:absolute;transform:translate(-50%);font-size:10.5px;font-weight:600;color:var(--text-3);font-family:var(--font-ui);white-space:nowrap}.rd-row{display:grid;grid-template-columns:52px 1fr 60px;align-items:center;gap:12px;padding:7px 0}.rd-star{display:flex;align-items:center;gap:4px;font-family:var(--font-num);font-weight:700;font-size:14px;color:var(--text-2)}.rd-track{height:12px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.rd-fill{height:100%;border-radius:var(--r-pill);transition:width .6s cubic-bezier(.22,.61,.36,1)}.rd-count{text-align:right;font-family:var(--font-num);font-weight:700;font-size:14px}.rd-pct{color:var(--text-3);font-weight:600;font-size:11.5px}.rd-row.re-out{grid-template-columns:138px 1fr 56px}.rd-row.re-out .rd-label{font-size:12px;font-weight:600;color:var(--text-2);line-height:1.25}@media (max-width: 560px){.rd-row.re-out{grid-template-columns:110px 1fr 48px}}.funnel{display:flex;flex-direction:column;gap:10px;margin-top:4px}.fn-row{display:grid;grid-template-columns:168px 1fr;align-items:center;gap:16px}.fn-label{font-size:13px;font-weight:600;color:var(--text-2)}.fn-label .step-ix{font-family:var(--font-num);color:var(--text-4);margin-right:7px;font-weight:700}.fn-bar-wrap{position:relative;display:flex;align-items:center;gap:12px}.fn-bar{height:38px;border-radius:9px;display:flex;align-items:center;padding:0 14px;color:var(--brand-on);font-family:var(--font-num);font-weight:700;font-size:16px;min-width:56px;transition:width .7s cubic-bezier(.22,.61,.36,1);box-shadow:inset 0 1px #ffffff40}.fn-meta{display:flex;flex-direction:column;gap:1px}.fn-pct{font-family:var(--font-num);font-weight:700;font-size:13.5px;color:var(--text)}.fn-pct-cap{font-size:10.5px;color:var(--text-3);font-weight:600}.pf-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-top:4px}.pf-head{display:flex;align-items:flex-start;gap:13px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.pf-head .pf-ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--red-50);color:var(--red-600)}.pf-head .pf-title{font-size:16px;font-weight:800;letter-spacing:-.01em}.pf-head .pf-desc{font-size:12.5px;color:var(--text-3);margin-top:3px;font-weight:500;max-width:640px;line-height:1.5}.pf-count{margin-left:auto;text-align:right;flex:none}.pf-count .big{font-family:var(--font-num);font-size:26px;font-weight:700;line-height:1}.pf-count .cap{font-size:10.5px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pf-body{padding:16px 22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pf-col-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.02em;margin-bottom:10px}.pf-col-title .tag{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}.pf-col.urgent .pf-col-title{color:var(--red-ink)}.pf-col.urgent .tag{background:var(--red-50);color:var(--red-ink)}.pf-col.suggest .pf-col-title{color:var(--amber-ink)}.pf-col.suggest .tag{background:var(--amber-50);color:var(--amber-ink)}.pf-list{display:flex;flex-direction:column;gap:10px}.pf-item{border:1px solid var(--border);border-radius:var(--r);padding:13px 15px;background:var(--surface-2)}.pf-item.urgent{border-left:3px solid var(--red-500)}.pf-item.suggest{border-left:3px solid var(--amber-500)}.pf-item .pf-top{display:flex;align-items:center;gap:9px;margin-bottom:7px}.pf-item .pf-name{font-size:13.5px;font-weight:700}.pf-item .pf-rating{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-num);font-weight:700;font-size:13px}.pf-item.urgent .pf-rating{color:var(--red-600)}.pf-item.suggest .pf-rating{color:var(--amber-600)}.pf-item .pf-date{margin-left:auto;font-size:11.5px;color:var(--text-4);font-weight:600;white-space:nowrap}.pf-item .pf-quote{font-size:13.5px;line-height:1.55;color:var(--text);font-style:italic}.pf-empty{padding:18px;text-align:center;color:var(--text-3);font-size:13px;font-weight:500;border:1px dashed var(--border);border-radius:var(--r);background:var(--surface-2)}.pf-head-text{flex:1;min-width:0}.pf-head-right{margin-left:auto;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.pf-head-right .pf-count{margin-left:0}.pf-toggle-archived{display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;font-family:var(--font-ui);font-size:11.5px;font-weight:700;color:var(--text-2);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 11px;transition:all .14s ease}.pf-toggle-archived:hover{color:var(--text);border-color:var(--border-strong)}.pf-toggle-archived.active{background:var(--pill-active-bg);color:#fff;border-color:var(--pill-active-bg)}.pf-archive-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;flex:none;font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--text-3);background:none;border:1px solid transparent;border-radius:var(--r-pill);padding:3px 8px;transition:all .14s ease}.pf-archive-btn:hover{color:var(--text);background:var(--surface-3);border-color:var(--border)}.pf-five{padding:0 22px 22px;border-top:1px solid var(--border)}.pf-col-title.five{color:var(--green-ink);margin-top:18px}.pf-col-title.five .tag{background:var(--green-50);color:var(--green-ink)}.pf-five-desc{font-size:12px;color:var(--text-3);margin:-4px 0 12px;max-width:720px;line-height:1.5}.pf-item.five{border-left:3px solid var(--green-500)}.pf-item.five .pf-rating{color:var(--green-600)}.pf-five-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-showmore{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;cursor:pointer;margin-top:4px;padding:5px 4px;background:none;border:none;font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--brand-600)}.pf-showmore:hover{color:var(--brand-700)}.pf-archived-box{padding:0 22px 22px;border-top:1px solid var(--border)}.pf-col-title.archived{color:var(--text-2);margin-top:18px}.pf-col-title.archived .tag{background:var(--slate-50);color:var(--slate-600)}.pf-item.archived{opacity:.72}.ph-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ph-left{min-width:0}.reset-demo-btn{flex:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;margin-top:4px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:8px 14px;box-shadow:var(--shadow-xs);transition:all .15s ease;white-space:nowrap}.reset-demo-btn:hover{color:var(--red-ink);border-color:var(--red-500);background:var(--red-50)}.actions-cell{white-space:nowrap}.row-reset-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:30px;height:30px;border-radius:var(--r-pill);color:var(--text-3);background:none;border:1px solid var(--border);transition:all .14s ease}.row-reset-btn:hover{color:var(--red-ink);border-color:var(--red-500);background:var(--red-50)}.row-reset-btn:disabled{opacity:.35;cursor:not-allowed}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#1120248c;animation:fadeIn .14s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:26px 26px 22px;animation:pop .16s cubic-bezier(.22,.61,.36,1)}.modal-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600);margin-bottom:14px}.modal-ic.danger{background:var(--red-50);color:var(--red-600)}.modal-title{font-size:18px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.modal-msg{font-size:13.5px;line-height:1.6;color:var(--text-2);font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.btn{cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:700;padding:9px 16px;border-radius:var(--r-pill);border:1px solid transparent;transition:all .14s ease}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface-3);color:var(--text-2);border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.btn-danger{background:var(--red-500);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-600)}.btn-brand{background:var(--brand);color:var(--brand-on)}.btn-brand:hover:not(:disabled){background:var(--brand-fill-2)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:12px 14px;border-radius:var(--r);box-shadow:var(--shadow-lg);font-size:13px;font-weight:600;line-height:1.45;animation:toastIn .2s cubic-bezier(.22,.61,.36,1)}.toast.ok{background:var(--green-ink);color:#fff}.toast.error{background:var(--red-600);color:#fff}.toast-ic{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff2e}.toast-msg{flex:1}.toast-x{flex:none;cursor:pointer;background:none;border:none;color:#fffc;display:grid;place-items:center;padding:2px}.toast-x:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;background:var(--surface-3);border:1px solid transparent;border-radius:var(--r-pill);padding:8px 14px;min-width:250px;transition:border-color .15s ease,background .15s ease}.search:focus-within{background:var(--surface);border-color:var(--brand-200);box-shadow:0 0 0 3px var(--brand-50)}.search svg{color:var(--text-3);flex:none}.search input{border:none;background:transparent;outline:none;font-family:var(--font-ui);font-size:13.5px;color:var(--text);width:100%;font-weight:500}.search input::placeholder{color:var(--text-4)}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.fpill{border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--text-2);padding:6px 13px;border-radius:var(--r-pill);transition:all .14s ease;display:inline-flex;align-items:center;gap:6px}.fpill:hover{border-color:var(--border-strong);color:var(--text)}.fpill.active{background:var(--pill-active-bg);color:#fff;border-color:var(--pill-active-bg)}.fpill .cnt{font-family:var(--font-num);opacity:.6;font-weight:700}.fpill.active .cnt{opacity:.8}.fpill .dot{width:7px;height:7px;border-radius:50%}.tbl-scroll{overflow-x:auto}table.log{width:100%;border-collapse:collapse;min-width:880px}.log thead th{text-align:left;font-size:11.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.log th.sortable{cursor:pointer}.log th.sortable:hover{color:var(--text)}.log th .th-in{display:inline-flex;align-items:center;gap:5px}.log th .caret{opacity:.35;transition:opacity .15s}.log th.sorted .caret{opacity:1;color:var(--brand-600)}.log th.center,.log td.center{text-align:center}.log tbody tr{border-bottom:1px solid var(--border);transition:background .12s ease}.log tbody tr:last-child{border-bottom:none}.log tbody tr:hover{background:var(--surface-2)}.log tbody tr.expanded{background:var(--brand-50)}.log td{padding:13px 16px;font-size:13.5px;vertical-align:middle}.cust{display:flex;align-items:center;gap:11px}.cust .ava{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.cust .nm{font-weight:600;white-space:nowrap}.cust .ph{font-size:11.5px;color:var(--text-4);font-weight:500;white-space:nowrap}.date-cell{color:var(--text-2);font-weight:500;white-space:nowrap}.date-cell .ago{color:var(--text-4);font-size:11.5px}.check{color:var(--green-600)}.cross{color:var(--text-4)}.rating-cell{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-num);font-weight:700}.rating-cell.r5{color:var(--green-600)}.rating-cell.r4{color:var(--amber-600)}.rating-cell.low{color:var(--red-600)}.rating-cell.none{color:var(--text-4);font-weight:600;font-family:var(--font-ui)}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:700;padding:5px 11px;border-radius:var(--r-pill)}.badge .bdot{width:7px;height:7px;border-radius:50%}.badge.green{background:var(--green-50);color:var(--green-ink)}.badge.green .bdot{background:var(--green-500)}.badge.blue{background:var(--brand-50);color:var(--brand-ink)}.badge.blue .bdot{background:var(--brand-500)}.badge.amber{background:var(--amber-50);color:var(--amber-ink)}.badge.amber .bdot{background:var(--amber-500)}.badge.red{background:var(--red-50);color:var(--red-ink)}.badge.red .bdot{background:var(--red-500)}.badge.gray{background:var(--slate-50);color:var(--slate-600)}.badge.gray .bdot{background:var(--slate-500)}.feedback-cell{max-width:280px;color:var(--text-2)}.fb-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-style:italic}.fb-empty{color:var(--text-4);font-style:normal}.fb-toggle{background:none;border:none;color:var(--brand-600);font-family:var(--font-ui);font-size:12px;font-weight:700;cursor:pointer;padding:0;margin-top:3px}.fb-expanded{padding:0 16px 16px 59px}.fb-quote{background:var(--surface-2);border-left:3px solid var(--brand-400);border-radius:0 9px 9px 0;padding:12px 16px;font-size:13.5px;color:var(--text);font-style:italic;line-height:1.55;max-width:640px}.fb-quote .who{display:block;font-style:normal;font-size:11.5px;color:var(--text-3);font-weight:600;margin-top:7px}.fu-timeline{list-style:none;margin:0;padding:4px 0 0;max-width:640px}.fu-tl-item{position:relative;display:flex;gap:12px;padding:0 0 14px 4px}.fu-tl-item:not(:last-child):before{content:"";position:absolute;left:8px;top:14px;bottom:-2px;width:2px;background:var(--border-strong)}.fu-tl-dot{flex:none;width:11px;height:11px;border-radius:50%;margin-top:3px;background:var(--brand-500);box-shadow:0 0 0 3px var(--surface-2);z-index:1}.fu-tl-body{flex:1;min-width:0}.fu-tl-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fu-tl-event{font-size:13px;font-weight:700;color:var(--text)}.fu-tl-date{font-size:11.5px;font-weight:600;color:var(--text-3)}.fu-tl-say{margin-top:4px;font-size:13px;font-style:italic;color:var(--text-2);line-height:1.5}.empty-row td{padding:44px;text-align:center;color:var(--text-3);font-weight:500}.tbl-foot{padding:13px 20px;font-size:12.5px;color:var(--text-3);font-weight:500;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.log tbody tr.demo-row td{background-image:repeating-linear-gradient(135deg,var(--demo-hatch) 0,var(--demo-hatch) 1px,transparent 1px,transparent 7px);color:var(--text-3)}.log tbody tr.demo-row .cust .ava{opacity:.5}.log tbody tr.demo-row .badge,.log tbody tr.demo-row .rating-cell{opacity:.8}.log tbody tr.live-row td{background-color:var(--live-bg)}.log tbody tr.live-row td:first-child{box-shadow:inset 3px 0 0 var(--green-500)}.log tbody tr.live-row .cust .nm:after{content:"NEW";margin-left:8px;vertical-align:middle;font-family:var(--font-ui);font-size:9px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--green-500);padding:1px 6px 2px;border-radius:var(--r-pill)}@media (prefers-reduced-motion: no-preference){.log tbody tr.live-row .cust .nm:after{animation:liveNewPulse 1.8s ease-in-out infinite}}@keyframes liveNewPulse{0%,to{opacity:1}50%{opacity:.5}}.coming-soon{display:grid;place-items:center;padding:80px 24px}.cs-card{text-align:center;max-width:460px}.cs-ic{width:56px;height:56px;border-radius:16px;margin:0 auto 18px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600)}.cs-card h3{font-size:22px;font-weight:800;margin:0 0 8px;letter-spacing:-.01em}.cs-card p{font-size:14px;color:var(--text-2);line-height:1.6;margin:0;font-weight:500}.cs-badge{display:inline-block;margin-bottom:16px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-50);padding:5px 12px;border-radius:var(--r-pill)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--brand-50),var(--bg) 60%)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:34px 32px;width:100%;max-width:400px}.login-logo{width:52px;height:52px;border-radius:14px;margin:0 auto 18px;display:grid;place-items:center;background:var(--brand);box-shadow:var(--shadow-brand)}.login-card h1{font-size:20px;font-weight:800;text-align:center;margin:0 0 4px;letter-spacing:-.01em}.login-card .sub{font-size:13px;color:var(--text-3);text-align:center;margin:0 0 24px;font-weight:500}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:7px}.login-input{width:100%;border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;font-family:var(--font-ui);font-size:14px;color:var(--text);background:var(--surface-2);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;outline:none}.login-input:focus{border-color:var(--brand-200);box-shadow:0 0 0 3px var(--brand-50);background:var(--surface)}input::-ms-reveal,input::-ms-clear{display:none}.login-remember{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-2);font-weight:500;margin:4px 0 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{width:16px;height:16px;accent-color:var(--brand-600);cursor:pointer}.login-btn{width:100%;border:none;border-radius:var(--r);padding:13px;cursor:pointer;background:var(--brand);color:var(--brand-on);font-family:var(--font-ui);font-size:14.5px;font-weight:700;box-shadow:var(--shadow-brand);transition:filter .15s ease,transform .1s ease}.login-btn:hover{filter:brightness(1.05)}.login-btn:active{transform:translateY(1px)}.login-btn:disabled{opacity:.65;cursor:default}.login-err{background:var(--red-50);color:var(--red-ink);font-size:13px;font-weight:600;padding:10px 13px;border-radius:var(--r);margin-bottom:16px;text-align:center}.app-loading{min-height:60vh;display:grid;place-items:center;color:var(--text-3)}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand-600);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.refresh-flag{font-size:11.5px;color:var(--text-4);font-weight:600;display:inline-flex;align-items:center;gap:6px}.label-tag{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-50);padding:2px 7px;border-radius:var(--r-pill);margin-left:2px}.stat-note{font-size:11px;color:var(--text-3);font-weight:500;margin-top:9px;line-height:1.4}.theme-toggle{display:inline-flex;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px;gap:2px;flex:none}.tt-btn{border:none;background:transparent;cursor:pointer;color:var(--text-3);width:30px;height:26px;border-radius:var(--r-pill);display:grid;place-items:center;transition:all .14s ease}.tt-btn:hover{color:var(--text)}.tt-btn.active{background:var(--surface);color:var(--brand-600);box-shadow:var(--shadow-xs)}.theme-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-row .lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4)}@media (max-width: 980px){:root{--sidebar-w: 0px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:256px;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,.61,.36,1);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#11202480;z-index:55}.menu-btn{display:inline-flex}}@media (max-width: 880px){.charts-grid{grid-template-columns:1fr}.card.span2{grid-column:span 1}.pf-body,.pf-five-list{grid-template-columns:1fr}.stat-grid{gap:12px}.stat-card{flex:1 1 calc(50% - 6px);padding:15px 15px 14px}.stat-card.accent{flex:1 1 calc(50% - 6px)}.stat-value{font-size:32px;margin-top:10px}.stat-card.accent .stat-value{font-size:36px}.stat-card .unit{font-size:17px}.stat-note{display:none}.section-label{margin:22px 0 12px}}@media (max-width: 560px){.app,.appbar-inner{padding-left:16px;padding-right:16px}.appbar-inner{padding-top:12px;padding-bottom:12px;gap:12px}.page-head{padding:18px 0 14px}.page-head h2{font-size:21px}.stat-card{padding:14px 14px 13px}.stat-value{font-size:28px;margin-top:9px}.stat-card.accent .stat-value{font-size:34px}.stat-foot{margin-top:9px}.fn-row{grid-template-columns:92px 1fr;gap:10px}.fn-label{font-size:12px}.fn-label .step-ix{margin-right:5px}.fn-bar{height:34px;font-size:15px}.header-right{gap:8px}.range-tab{padding:6px 10px;font-size:12px}.brand-text h1{white-space:normal;font-size:15px}.brand-text h1 .tag,.brand-text .sub{display:none}.pf-head{flex-wrap:wrap;padding:16px 16px 14px}.pf-count{margin-left:0}.pf-head-right{flex-direction:row;align-items:center;gap:12px}.pf-body{padding:14px 16px 18px}.pf-five{padding:0 16px 18px}.card{padding:16px}.ph-top{flex-direction:column;gap:10px}.reset-demo-btn{align-self:flex-start;margin-top:0}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg)}