:root{--brand-50: #EFF6FF;--brand-100: #DBEAFE;--brand-200: #BFDBFE;--brand-500: #3B82F6;--brand-600: #2563EB;--brand-700: #1D4ED8;--brand-800: #1E40AF;--ok-50: #ECFDF5;--ok-100: #D1FAE5;--ok-500: #10B981;--ok-600: #059669;--ok-700: #047857;--err-50: #FEF2F2;--err-100: #FEE2E2;--err-500: #EF4444;--err-600: #DC2626;--err-700: #B91C1C;--bg: #F7F8FA;--bg-elev: #FFFFFF;--bg-panel: #FFFFFF;--bg-muted: #F1F4F8;--bg-subtle: #FAFBFC;--bg-hover: #F1F4F8;--bg-active: #E5EAF0;--bg-input: #FFFFFF;--bg-scrim: rgba(15, 23, 42, .5);--border: #E5E9EF;--border-strong: #D0D6DF;--border-focus: var(--brand-500);--text: #0E1726;--text-2: #2C3849;--text-muted: #5B6678;--text-faint: #9099A8;--text-on-brand: #FFFFFF;--ring: 0 0 0 3px rgb(37 99 235 / .22);--shadow-xs: 0 1px 1px rgb(15 23 42 / .03);--shadow-sm: 0 1px 2px rgb(15 23 42 / .04), 0 1px 3px rgb(15 23 42 / .05);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .06), 0 2px 4px -2px rgb(15 23 42 / .05);--shadow-lg: 0 10px 25px -5px rgb(15 23 42 / .1), 0 8px 10px -6px rgb(15 23 42 / .05);--shadow-pop: 0 16px 48px -12px rgb(15 23 42 / .22);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--density: 1;--pad-y: calc(20px * var(--density));--pad-x: calc(24px * var(--density));--gap: calc(16px * var(--density));--sidebar-w: 232px;--topbar-h: 60px;--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--card: var(--bg-panel);--bdr: var(--border);--txt: var(--text);--dim: var(--text-muted);--accent: var(--brand-600);--hover: var(--bg-hover);--prob: var(--err-50);color-scheme:light}[data-theme=dark]{--bg: #0A0C10;--bg-elev: #0F1217;--bg-panel: #11141A;--bg-muted: #161A22;--bg-subtle: #0D0F14;--bg-hover: #1A1F28;--bg-active: #232935;--bg-input: #11141A;--bg-scrim: rgba(0, 0, 0, .65);--border: #1E2330;--border-strong: #2A3142;--border-focus: var(--brand-500);--text: #F1F5F9;--text-2: #CBD5E1;--text-muted: #94A3B8;--text-faint: #64748B;--shadow-xs: 0 1px 2px rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 1px 3px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 25px -3px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-pop: 0 16px 48px -12px rgb(0 0 0 / .7);--ok-100: #052E22;--err-100: #3A1010;--card: var(--bg-panel);--bdr: var(--border);--txt: var(--text);--dim: var(--text-muted);--accent: var(--brand-600);--hover: var(--bg-hover);--prob: #2A1515;color-scheme:dark}[data-density=compact]{--density: .88}[data-density=cozy]{--density: 1}[data-density=spacious]{--density: 1.12}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.005em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg)}.app.sidebar-collapsed{--sidebar-w: 60px}.sb{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:0;height:100vh}.sidebar-head{height:var(--topbar-h);padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.brand-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;letter-spacing:-.02em;color:var(--text)}.brand-logo .mark{width:28px;height:28px;border-radius:12px;background:var(--brand-600);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.brand-logo img{border-radius:12px}.sidebar-collapse-btn{width:26px;height:26px;border:none;background:transparent;border-radius:6px;display:grid;place-items:center;color:var(--text-muted);cursor:pointer}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:1px}.nav-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:14px 12px 6px}.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-item-label,.sidebar-collapsed .nav-item-badge,.sidebar-collapsed .brand-logo span{display:none}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:7px;color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .1s,color .1s;position:relative;font-family:inherit}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--bg-active);color:var(--text)}[data-theme=dark] .nav-item.active{background:#2563eb2e;color:var(--text)}.nav-item-icon{flex-shrink:0;width:18px;height:18px;color:var(--text-muted)}.nav-item.active .nav-item-icon{color:var(--brand-600)}[data-theme=dark] .nav-item.active .nav-item-icon{color:var(--brand-500)}.nav-item-label{flex:1}.nav-item-badge{background:var(--bg-muted);color:var(--text-muted);font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;font-family:var(--font-mono)}.nav-item.active .nav-item-badge{background:var(--brand-600);color:#fff}.nav-item-badge.alert{background:var(--err-100);color:var(--err-700)}.sidebar-foot{border-top:1px solid var(--border);padding:12px;flex-shrink:0}.plan-card{padding:12px 14px;border-radius:9px;background:var(--bg-subtle);border:1px solid var(--border)}.plan-card-row{display:flex;align-items:center;justify-content:space-between}.plan-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--brand-600);color:#fff}.plan-card-title{font-size:12px;font-weight:500;color:var(--text-muted)}.plan-card-meter{height:4px;border-radius:999px;background:var(--bg-active);margin:10px 0 6px;overflow:hidden}.plan-card-meter>div{height:100%;background:var(--brand-600);border-radius:999px}.plan-card-stats{font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between;font-family:var(--font-mono)}.sidebar-collapsed .plan-card{display:none}.app-main{display:flex;flex-direction:column;min-width:0}.topbar-new{height:var(--topbar-h);flex-shrink:0;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;z-index:10;position:sticky;top:0}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted);min-width:0}.breadcrumb-item{white-space:nowrap}.breadcrumb-item.active{color:var(--text);font-weight:600}.breadcrumb-sep{color:var(--text-faint)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:34px;height:34px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text-muted);display:grid;place-items:center;position:relative;transition:.1s;cursor:pointer;font-family:inherit}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.dot:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--err-500);border-radius:50%;border:2px solid var(--bg-elev)}.lang-switcher{display:flex;background:var(--bg-muted);border-radius:7px;padding:2px;gap:0}.lang-switcher button{border:none;background:transparent;padding:4px 10px;font-size:12px;font-weight:600;color:var(--text-muted);border-radius:5px;letter-spacing:.03em;cursor:pointer;font-family:inherit}.lang-switcher button.active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-xs)}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);transition:.1s;cursor:pointer;font-family:inherit}.user-chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}.user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-600);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600}.user-chip .name{font-size:13px;font-weight:500;color:var(--text);display:flex;flex-direction:column;gap:0;line-height:1.2;text-align:left}.user-chip .name small{font-size:10.5px;color:var(--text-muted);font-weight:400}.page{flex:1;overflow-y:auto;padding:var(--pad-y) var(--pad-x);background:var(--bg)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin:0}.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text);transition:.1s;white-space:nowrap;cursor:pointer;font-family:inherit}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700)}.btn-secondary{background:var(--bg-elev);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-hover)}.btn-danger{background:var(--err-600);color:#fff}.btn-danger:hover{background:var(--err-700)}.btn-danger-outline{background:var(--bg-elev);border:1px solid var(--border);color:var(--err-600)}.btn-danger-outline:hover{background:var(--err-50);border-color:var(--err-500)}.btn-sm{height:30px;padding:0 11px;font-size:12.5px;gap:6px}.btn-lg{height:42px;padding:0 20px;font-size:14px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px}.card-title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.card-subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.kpi{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;position:relative;display:flex;flex-direction:column;gap:6px;transition:.12s;min-height:132px}.kpi:hover{border-color:var(--border-strong)}.kpi-head{display:flex;align-items:center;gap:9px}.kpi-icon-wrap{width:28px;height:28px;background:var(--bg-muted);border-radius:7px;display:grid;place-items:center;color:var(--text-muted);flex-shrink:0}.kpi-label{font-size:13.5px;color:var(--text-2);font-weight:500}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text);font-feature-settings:"tnum";line-height:1.2;margin-top:4px}.kpi-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}.kpi-trend{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono)}.kpi-trend.up{color:var(--ok-600)}.kpi-trend.down{color:var(--err-600)}.kpi-trend.flat{color:var(--text-muted)}[data-theme=dark] .kpi-trend.up{color:#34d399}[data-theme=dark] .kpi-trend.down{color:#f87171}.kpi-sub{font-size:12px;color:var(--text-muted)}.kpi-spark-wrap{margin-top:6px;height:26px}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table thead th{background:var(--bg-subtle);color:var(--text-muted);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sortable:hover{color:var(--text)}.table thead th .sort-arrow{display:inline-block;margin-left:4px;color:var(--text-faint);font-family:var(--font-mono);font-size:10px}.table tbody td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr{transition:background .08s}.table tbody tr:hover{background:var(--bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.table .mono{font-family:var(--font-mono);font-size:12.5px;color:var(--text-2)}.table .muted{color:var(--text-muted)}.table .num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum"}.table tbody td:first-child,.table thead th:first-child{padding-left:20px}.table tbody td:last-child,.table thead th:last-child{padding-right:20px}.table-empty{padding:48px 24px;text-align:center;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.b-neutral{background:var(--bg-muted);color:var(--text-muted)}.badge.b-brand{background:var(--brand-50);color:var(--brand-700)}.badge.b-ok{background:var(--ok-100);color:var(--ok-700)}.badge.b-err{background:var(--err-100);color:var(--err-700)}.badge.b-outline{background:var(--bg-elev);color:var(--text-2);border-color:var(--border)}[data-theme=dark] .badge.b-brand{color:#93c5fd}[data-theme=dark] .badge.b-ok{color:#34d399}[data-theme=dark] .badge.b-err{color:#f87171}.segmented{display:inline-flex;background:var(--bg-muted);border-radius:8px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;padding:5px 12px;font-size:12.5px;font-weight:500;color:var(--text-muted);border-radius:6px;transition:.1s;cursor:pointer;font-family:inherit}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-xs)}.segmented button.active:hover{color:#fff}.tabs{display:flex;border-bottom:1px solid var(--border);gap:0}.tabs button{border:none;background:transparent;padding:12px 18px;font-size:13.5px;font-weight:500;color:var(--text-muted);position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit}.tabs button:hover,.tabs button.active{color:var(--text)}.tabs button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand-600);border-radius:2px}.tab-count{background:var(--bg-muted);color:var(--text-muted);padding:1px 7px;border-radius:999px;font-size:11px;font-family:var(--font-mono);font-weight:500}.tabs button.active .tab-count{background:var(--brand-50);color:var(--brand-700)}[data-theme=dark] .tabs button.active .tab-count{background:#2563eb33;color:#93c5fd}.input,.select{height:36px;border:1px solid var(--border);background:var(--bg-input);border-radius:7px;padding:0 12px;font-size:13.5px;color:var(--text);outline:none;width:100%}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:var(--ring)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--brand-600);border-radius:50%;animation:spin .8s linear infinite}button:focus-visible,.nav-item:focus-visible,.filter-chip:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.input::placeholder{color:var(--text-faint)}.search-input{position:relative}.search-input input{padding-left:34px}.search-input svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.field-label{font-size:12.5px;font-weight:500;color:var(--text-2);margin-bottom:6px;display:block}.banner{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);font-size:13.5px;border:1px solid var(--border);background:var(--bg-elev);align-items:center}.banner-icon-wrap{flex-shrink:0;width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.banner-body{flex:1}.banner-title{font-weight:600;color:var(--text);margin-bottom:2px}.banner-message{color:var(--text-muted)}.banner.brand .banner-icon-wrap{background:var(--brand-50);color:var(--brand-600)}.banner.ok .banner-icon-wrap{background:var(--ok-100);color:var(--ok-700)}.banner.err .banner-icon-wrap{background:var(--err-100);color:var(--err-700)}.banner.err{border-color:color-mix(in oklab,var(--err-500) 30%,var(--border))}.chart-grid line{stroke:var(--border);stroke-dasharray:3 3}.chart-grid-h line{stroke:#e2e8f0;stroke-dasharray:4 4}.chart-axis text{fill:var(--text-faint);font-size:10.5px;font-family:var(--font-mono)}.grouped-col-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;justify-content:center}.grouped-col-legend-item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-2);font-size:12.5px;cursor:pointer;transition:opacity .15s,background .15s;font-family:inherit}.grouped-col-legend-item.off{opacity:.45}.grouped-col-legend-item:hover{background:var(--bg-hover)}.grouped-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.grouped-col-tooltip .grouped-col-dot{width:8px;height:8px;border-radius:50%}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--text-muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:3px}.tooltip{position:absolute;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12.5px;pointer-events:none;box-shadow:var(--shadow-pop);z-index:50;min-width:150px}.tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tooltip-row+.tooltip-row{margin-top:4px}.tooltip-key{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.tooltip-val{font-family:var(--font-mono);font-weight:600;color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:grid;place-items:center;padding:20px;animation:fadeIn .18s ease-out}.modal{background:var(--bg-elev);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);max-width:560px;width:100%;border:1px solid var(--border);animation:popIn .22s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}.modal-head{padding:18px 24px 0}.modal-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600)}.modal-title{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-top:4px}.modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.modal-body{padding:18px 24px}.modal-foot{padding:14px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;background:var(--bg-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.radio-card{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);cursor:pointer;transition:.12s;align-items:flex-start}.radio-card:hover{border-color:var(--border-strong)}.radio-card.selected{border-color:var(--brand-600);background:var(--brand-50)}[data-theme=dark] .radio-card.selected{background:#2563eb14}.radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);margin-top:1px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-elev)}.radio-card.selected .radio-dot{border-color:var(--brand-600)}.radio-card.selected .radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-600)}.radio-card-title{font-size:13.5px;font-weight:600;color:var(--text)}.radio-card-desc{font-size:12.5px;color:var(--text-muted);margin-top:3px;line-height:1.45}.progress{height:6px;background:var(--bg-active);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--brand-600);border-radius:999px;transition:width .2s linear}.heat-cell{border-radius:3px;transition:filter .1s}.heat-cell:hover{filter:brightness(1.1);cursor:pointer}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border)}.toolbar .input{height:32px;font-size:13px;max-width:320px}.toolbar .btn{height:32px;font-size:12.5px}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);font-size:12.5px;font-weight:500;color:var(--text-2);white-space:nowrap;transition:.1s;cursor:pointer;font-family:inherit}.filter-chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}.filter-chip.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.filter-chip.active:hover{background:var(--brand-700);border-color:var(--brand-700)}.filter-chip-count{font-family:var(--font-mono);font-size:11px;background:var(--bg-muted);color:var(--text-muted);padding:0 6px;border-radius:999px;margin-left:2px}.filter-chip.active .filter-chip-count{background:#ffffff38;color:#fff}.dropdown-wrap{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-pop);z-index:50;min-width:220px;padding:4px}.dropdown-menu.right{left:auto;right:0}.dropdown-menu button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font-size:13px;color:var(--text);cursor:pointer;border-radius:6px;font-family:inherit}.dropdown-menu button:hover{background:var(--bg-subtle)}.dropdown-menu button.active{background:var(--brand-50);color:var(--brand-700);font-weight:600}[data-theme=dark] .dropdown-menu button.active{background:color-mix(in oklab,var(--brand-500) 16%,transparent);color:#93c5fd}.dropdown-menu hr{border:none;border-top:1px solid var(--border);margin:4px 2px}@media(max-width:720px){.settings-grid{grid-template-columns:1fr!important}.settings-grid>div:first-child{border-right:none!important;border-bottom:1px solid var(--border)}}.onb-tooltip{position:fixed;background:var(--text);color:var(--bg-elev);padding:14px 16px;border-radius:10px;font-size:13.5px;max-width:300px;box-shadow:var(--shadow-lg);z-index:100}[data-theme=dark] .onb-tooltip{background:var(--bg-elev);color:var(--text);border:1px solid var(--border)}.onb-tooltip-title{font-weight:600;margin-bottom:4px}.onb-tooltip-body{opacity:.85;line-height:1.45}.onb-tooltip-foot{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.onb-tooltip-foot .count{font-size:11px;opacity:.7;font-family:var(--font-mono)}.onb-tooltip .btn-onb{background:var(--brand-500);color:#fff;height:28px;padding:0 12px;font-size:12.5px;border:none;border-radius:6px;font-weight:500;cursor:pointer;font-family:inherit}.onb-tooltip .btn-onb-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit;height:28px;padding:0 12px;font-size:12.5px;border-radius:6px;font-weight:500;cursor:pointer;font-family:inherit}.onb-pulse-target{position:relative;z-index:99;box-shadow:0 0 0 4px #2563eb73,0 0 0 9999px #0f172a80;border-radius:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg-elev);padding:11px 16px;border-radius:8px;font-size:13px;z-index:250;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;animation:toastIn .2s ease-out}[data-theme=dark] .toast{background:var(--bg-elev);color:var(--text);border:1px solid var(--border)}@keyframes toastIn{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.row{display:flex;align-items:center;gap:8px}.row.gap-12{gap:12px}.row.gap-16{gap:16px}.col{display:flex;flex-direction:column}.col.gap-8{gap:8px}.col.gap-12{gap:12px}.col.gap-16{gap:16px}.col.gap-20{gap:20px}.between{justify-content:space-between}.flex-1{flex:1;min-width:0}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-12{margin-bottom:12px}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.text-sm{font-size:12.5px}.text-xs{font-size:11px}.fw-500{font-weight:500}.fw-600{font-weight:600}.divider{height:1px;background:var(--border);margin:16px 0}.pagination{display:flex;align-items:center;gap:6px}.pagination .pg-info{font-size:12.5px;color:var(--text-muted);margin-right:10px}.pagination .pg-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-2);display:grid;place-items:center;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit}.pagination .pg-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .pg-btn:hover:not(:disabled){background:var(--bg-hover)}.pagination .pg-btn.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.info-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.info-panel-grid{grid-template-columns:1fr}}.info-panel{padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel)}.info-panel-step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--brand-50);color:var(--brand-700);font-size:12px;font-weight:600;font-family:var(--font-mono)}[data-theme=dark] .info-panel-step{background:#2563eb2e;color:#93c5fd}.info-panel-label{font-size:13.5px;font-weight:600;color:var(--text);margin:10px 0 4px}.info-panel-text{font-size:13px;color:var(--text-muted);line-height:1.5}.activity-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-dot{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-muted)}.activity-dot.brand{background:var(--brand-50);color:var(--brand-600)}.activity-dot.ok{background:var(--ok-100);color:var(--ok-700)}.activity-dot.err{background:var(--err-100);color:var(--err-700)}[data-theme=dark] .activity-dot.brand{color:#93c5fd}[data-theme=dark] .activity-dot.ok{color:#34d399}[data-theme=dark] .activity-dot.err{color:#f87171}.activity-body{flex:1;min-width:0}.activity-title{font-size:13.5px;color:var(--text)}.activity-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px;font-family:var(--font-mono)}.upload-zone{border:2px dashed var(--border-strong);border-radius:12px;padding:48px 24px;text-align:center;background:var(--bg-subtle);cursor:pointer;transition:.12s}.upload-zone:hover{border-color:var(--brand-500);background:var(--bg-elev)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menuToggle{display:none}.hide-sm{display:inline-flex}.btn,.icon-btn,.nav-item,.filter-chip{min-height:44px}@media(max-width:768px){.btn{padding:12px 16px;font-size:14px}.icon-btn{width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-item{padding:12px 16px!important}.filter-chip{padding:10px 16px}.pagination .pg-btn{min-width:44px;min-height:44px;font-size:14px}input,select,textarea,.input{font-size:16px!important;padding:12px!important}}.sb-overlay{display:none}@media(max-width:980px){.app{grid-template-columns:1fr}.sb{position:fixed!important;left:0;top:0;width:260px!important;transform:translate(-110%);transition:transform .2s;z-index:60;box-shadow:0 10px 30px #0000002e}.sb.open{transform:translate(0)}.sb-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02061759;z-index:55}.menuToggle{display:inline-flex}.hide-sm,.user-chip .name{display:none}}@media(max-width:768px){.topbar-new,.topbar{padding:8px 12px;gap:8px}.topbar-new .breadcrumbs,.topbar .breadcrumbs{display:none}.menuToggle,.burger-btn{display:flex!important}.sb,.sidebar{width:280px!important;position:fixed!important;top:0;bottom:0;left:0;height:100vh;transform:translate(-110%);transition:transform .3s ease;z-index:200;box-shadow:none}.sb.open,.sidebar.open,.sidebar.mobile-open{transform:translate(0);box-shadow:0 0 40px #0000004d}.sb-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.shell .main,.main{margin-left:0!important;width:100%;min-width:0}.page-content,.page{padding:12px!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.info-cards-grid,[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{font-size:12px}.toolbar,.page-header{flex-wrap:wrap;gap:8px}.page-actions{flex-wrap:wrap}.card svg{max-height:200px}.modal{width:95vw!important;max-width:95vw!important;margin:10px}.user-chip .name span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;max-height:60vh;overflow-y:auto;border-radius:16px}.landing-hero h1{font-size:24px!important}.landing-hero p{font-size:14px!important}.pricing-grid,.lpu-pricing{grid-template-columns:1fr!important}.card{margin:0 -4px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr!important}.topbar-actions{gap:4px}.topbar-actions .lang-switcher .btn span:not(:has(img)){display:none}.topbar-actions .lang-switcher .btn .hide-sm{display:none}.page-title{font-size:18px}}.section-tip{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:16px;background:var(--brand-50, #EFF6FF);border:1px solid var(--brand-200, #BFDBFE);border-radius:12px;animation:fadeIn .3s ease}[data-theme=dark] .section-tip{background:#2563eb1a;border-color:#2563eb4d}.section-tip-icon{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;background:var(--brand-100);border-radius:10px;color:var(--brand-600)}.section-tip-title{font-weight:600;font-size:14px;margin-bottom:4px}.section-tip-body{font-size:13px;color:var(--text-muted);line-height:1.5}.section-tip-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px}.section-tip-close:hover{color:var(--text)}