:root{--bg: oklch(.985 .004 240);--surface: oklch(1 0 0);--surface-2: oklch(.975 .005 240);--surface-3: oklch(.955 .006 240);--ink: #0a1430;--ink-2: #16213f;--ink-line: #28365e;--text: oklch(.27 .018 256);--text-muted: oklch(.52 .016 256);--text-faint: oklch(.66 .012 256);--text-on-ink: oklch(.93 .006 256);--text-on-ink-muted: oklch(.66 .014 256);--line: oklch(.92 .006 256);--line-strong: oklch(.86 .008 256);--green: oklch(.65 .14 236);--green-strong: oklch(.54 .15 242);--green-soft: oklch(.95 .04 236);--green-line: oklch(.87 .06 236);--gold: oklch(.78 .15 73);--gold-strong: oklch(.6 .115 65);--gold-soft: oklch(.95 .06 80);--blue: oklch(.58 .135 258);--blue-soft: oklch(.95 .04 258);--amber: oklch(.74 .135 75);--amber-soft: oklch(.95 .05 80);--red: oklch(.62 .165 25);--red-soft: oklch(.95 .04 25);--violet: oklch(.6 .13 295);--violet-soft: oklch(.95 .035 295);--r-sm: 7px;--r: 11px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px oklch(.4 .02 256 / .06), 0 1px 1px oklch(.4 .02 256 / .04);--shadow: 0 4px 16px oklch(.4 .02 256 / .07), 0 1px 3px oklch(.4 .02 256 / .05);--shadow-lg: 0 18px 48px oklch(.35 .03 256 / .16), 0 4px 12px oklch(.35 .02 256 / .08);--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100vh}button{font-family:inherit;cursor:pointer}::selection{background:var(--green-line)}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#babec4;border-radius:9px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#a0a5ac}::-webkit-scrollbar-track{background:transparent}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;flex:0 0 252px;background:var(--ink);color:var(--text-on-ink);display:flex;flex-direction:column;border-right:1px solid var(--ink-line)}.brand{padding:22px 20px 18px;display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;border-radius:9px;flex:0 0 36px;background:#ffffff0f;position:relative;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:30px;height:30px;object-fit:contain;display:block}.brand-mark svg{width:19px;height:19px}.brand-name{font-weight:600;font-size:15.5px;letter-spacing:-.01em;line-height:1}.brand-name .tm{font-size:9px;vertical-align:super;opacity:.7;font-weight:500}.brand-sub{font-size:10.5px;color:var(--text-on-ink-muted);margin-top:3px;letter-spacing:.02em}.nav{padding:8px 12px;flex:1;overflow-y:auto}.nav-label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#6c727a;padding:16px 10px 7px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--r-sm);color:var(--text-on-ink-muted);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .13s,color .13s;position:relative}.nav-item svg{width:17px;height:17px;flex:0 0 17px;opacity:.85}.nav-item:hover{background:var(--ink-2);color:var(--text-on-ink)}.nav-item.active{background:var(--ink-2);color:#fff}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}.nav-item.active svg{opacity:1;color:var(--green)}.nav-badge{margin-left:auto;font-size:10.5px;background:var(--green);color:#04122b;border-radius:20px;padding:1px 7px;font-weight:700;font-family:var(--mono)}.sidebar-foot{padding:12px;border-top:1px solid var(--ink-line)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer}.user-chip:hover{background:var(--ink-2)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--green),oklch(.62 .13 248));display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:0 0 32px}.user-name{font-size:12.5px;font-weight:600;color:var(--text-on-ink);line-height:1.2}.user-role{font-size:10.5px;color:var(--text-on-ink-muted)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:62px;flex:0 0 62px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px}.page-title{font-size:17px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.page-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.topbar-spacer{flex:1}.search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 12px;width:280px;color:var(--text-faint);font-size:13px}.search svg{width:15px;height:15px}.search input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;color:var(--text);width:100%}.search-wrap{position:relative}.search-open{border-color:var(--green)!important;box-shadow:0 0 0 3px var(--green-soft);color:var(--text)!important}.search-clear{border:none;background:none;cursor:pointer;color:var(--text-faint);display:grid;place-items:center;padding:0;margin:-2px -4px -2px 0}.search-clear:hover{color:var(--text)}.search-pop{position:absolute;top:calc(100% + 7px);right:0;width:380px;max-width:78vw;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 44px #0d16232e;padding:6px;z-index:200;max-height:70vh;overflow-y:auto}.search-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;background:none;border-radius:9px;cursor:pointer;font-family:inherit}.search-item.active,.search-item:hover{background:var(--surface-2)}.search-item-ico{width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:var(--surface-3);color:var(--text-muted);display:grid;place-items:center}.search-item.active .search-item-ico{background:var(--green-soft);color:var(--green-strong)}.search-item-t{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-s{font-size:11.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.search-item-tag{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-3);border-radius:5px;padding:3px 7px;flex:0 0 auto}.search-empty{padding:18px 14px;font-size:13px;color:var(--text-faint);text-align:center}.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--text-muted);position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:17px;height:17px}.icon-btn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.content{flex:1;overflow-y:auto;padding:28px}.content-inner{max-width:1320px;margin:0 auto}#ra-toast-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.ra-toast{display:flex;align-items:center;gap:11px;background:#09121f;color:#fff;font-size:13.5px;font-weight:500;padding:13px 18px;border-radius:11px;box-shadow:0 12px 34px #0d162366;max-width:460px;opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s ease}.ra-toast.in{opacity:1;transform:translateY(0)}.ra-toast-dot{width:8px;height:8px;border-radius:50%;background:var(--green, #2f9e54);flex:0 0 8px;box-shadow:0 0 0 4px #43b96638}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);padding:9px 15px;font-size:13px;font-weight:600;color:var(--text);transition:all .13s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn-primary{background:var(--green-strong);border-color:var(--green-strong);color:#fff}.btn-primary:hover{background:#006093;background:oklch(.47 .15 242);border-color:#006093;border-color:oklch(.47 .15 242)}.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-2)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{padding:6px 11px;font-size:12px}.btn-lg{padding:12px 22px;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;line-height:1.4;white-space:nowrap}.badge .bdot{width:6px;height:6px;border-radius:50%}.badge-green{background:var(--green-soft);color:var(--green-strong)}.badge-green .bdot{background:var(--green)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-blue .bdot{background:var(--blue)}.badge-amber{background:var(--amber-soft);color:#925000;color:oklch(.5 .13 60)}.badge-amber .bdot{background:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-red .bdot{background:var(--red)}.badge-violet{background:var(--violet-soft);color:var(--violet)}.badge-violet .bdot{background:var(--violet)}.badge-gray{background:var(--surface-3);color:var(--text-muted)}.badge-gray .bdot{background:var(--text-faint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid var(--line-strong);background:var(--surface);font-size:12.5px;font-weight:500;color:var(--text-muted);transition:all .12s}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.row{display:flex;gap:18px}.grid{display:grid;gap:18px}.sec-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sec-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.sec-sub{font-size:12.5px;color:var(--text-muted)}.kpi{padding:18px 20px}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpi-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.kpi-ico svg{width:18px;height:18px}.kpi-label{font-size:12.5px;color:var(--text-muted);font-weight:500}.kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1;margin-top:7px;font-family:var(--mono)}.kpi-value .unit{font-size:16px;color:var(--text-muted);font-weight:500}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:9px;font-family:var(--mono)}.kpi-delta svg{width:13px;height:13px}.delta-up{color:var(--green-strong)}.delta-down{color:var(--red)}.kpi-delta .since{color:var(--text-faint);font-weight:500;font-family:var(--sans);margin-left:2px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:600;padding:11px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums}.cust{display:flex;align-items:center;gap:11px}.cust .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:#fff;flex:0 0 32px}.cust .nm{font-weight:600;font-size:13px}.cust .sub{font-size:11.5px;color:var(--text-faint);font-family:var(--mono)}.pbar{height:7px;border-radius:20px;background:var(--surface-3);overflow:hidden}.pbar>span{display:block;height:100%;border-radius:20px;background:var(--green)}.funnel{display:flex;flex-direction:column;gap:9px}.funnel-row{display:flex;align-items:center;gap:14px}.funnel-bar-wrap{flex:1}.funnel-bar{height:40px;border-radius:var(--r-sm);display:flex;align-items:center;padding:0 14px;color:#fff;font-weight:600;font-size:13px;transition:all .3s}.funnel-meta{width:132px;flex:0 0 132px}.funnel-meta .l{font-size:12.5px;font-weight:600}.funnel-meta .v{font-size:11.5px;color:var(--text-faint);font-family:var(--mono)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px;gap:2px}.seg button{border:none;background:none;padding:6px 13px;border-radius:5px;font-size:12.5px;font-weight:600;color:var(--text-muted)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tab{padding:11px 4px;margin-right:18px;font-size:13.5px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none}.tab.on{color:var(--text);border-bottom-color:var(--green)}.tab:hover{color:var(--text)}.divider{height:1px;background:var(--line);border:none;margin:0}.dot-sep{color:var(--line-strong)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10161f6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex}.drawer{margin-left:auto;width:540px;max-width:92vw;height:100%;background:var(--bg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slidein .24s cubic-bezier(.2,.7,.2,1)}@keyframes slidein{0%{transform:translate(40px);opacity:.4}to{transform:translate(0);opacity:1}}.modal-center{margin:auto;width:620px;max-width:92vw;max-height:90vh;background:var(--bg);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:pop .2s cubic-bezier(.2,.7,.2,1)}@keyframes pop{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.drawer-head{padding:20px 24px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:flex-start;gap:14px}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-foot{padding:16px 24px;border-top:1px solid var(--line);background:var(--surface);display:flex;gap:10px;justify-content:flex-end}.field{margin-bottom:16px}.field>label{display:block;font-size:12.5px;font-weight:600;margin-bottom:7px;color:var(--text)}.input,.select,textarea.input{width:100%;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);padding:10px 12px;font-size:13.5px;font-family:inherit;color:var(--text);outline:none;transition:border .12s,box-shadow .12s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.help{font-size:11.5px;color:var(--text-faint);margin-top:5px}.fade-in{animation:fade .32s cubic-bezier(.2,.7,.2,1)}@keyframes fade{0%{transform:translateY(8px)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.statline{display:flex;align-items:baseline;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.statline:last-child{border-bottom:none}.statline .k{font-size:13px;color:var(--text-muted)}.statline .v{font-family:var(--mono);font-weight:600;font-size:13.5px}.hamburger,.tabbar,.sidebar-scrim{display:none}.topbar-titles{min-width:0}@media (max-width: 1100px){.grid[style*="repeat(4"],.grid[style*="repeat(3"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 900px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .26s cubic-bezier(.2,.7,.2,1);width:280px;flex-basis:280px}.app.drawer-open .sidebar{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#10161f73;opacity:0;pointer-events:none;transition:opacity .26s}.app.drawer-open .sidebar-scrim{display:block;opacity:1;pointer-events:auto}.hamburger{display:grid}.topbar{padding:0 16px;gap:12px}.search,.topbar-cta{display:none}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));justify-content:space-around;box-shadow:0 -2px 14px #4148530f}.tab-btn{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 2px;color:var(--text-faint);font-size:10.5px;font-weight:600;border-radius:var(--r-sm);max-width:84px}.tab-btn .tab-ico{position:relative;display:grid;place-items:center}.tab-btn svg{width:22px;height:22px}.tab-btn.active{color:var(--green-strong)}.tab-badge{position:absolute;top:-5px;right:-8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;font-family:var(--mono);min-width:15px;height:15px;border-radius:9px;display:grid;place-items:center;padding:0 3px;border:1.5px solid var(--surface)}.content{padding:18px 16px calc(86px + env(safe-area-inset-bottom,0px))}.row{flex-direction:column}.grid[style*="repeat(4"],.grid[style*="repeat(3"],.grid[style*="repeat(2"]{grid-template-columns:1fr 1fr!important}.card[style*="position: sticky"],.card[style*="position:sticky"]{position:static!important}.card>.tbl,.tbl{display:table}.card:has(>.tbl){overflow-x:auto!important}.tbl{min-width:640px}.se-wrap{flex-direction:column!important;align-items:center!important;gap:28px!important}.se-wrap>div:first-child{max-width:100%!important}.modal-center{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;margin:0}.scrim{align-items:stretch}.drawer{width:100%;max-width:100%}}@media (max-width: 560px){.grid[style*="repeat(4"],.grid[style*="repeat(3"],.grid[style*="repeat(2"]{grid-template-columns:1fr!important}.page-sub{display:none}.page-title{font-size:16px}.content{padding:16px 13px calc(86px + env(safe-area-inset-bottom,0px))}.card-pad{padding:17px 16px}.kpi-value{font-size:25px}.tab-btn span{font-size:9.5px}.phone-mock{transform:scale(.92);transform-origin:top center}}