@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--bg-app: #f4f7fb;--bg-gradient: radial-gradient(circle at 12% 15%, #e2e8f0 0%, transparent 40%), radial-gradient(circle at 88% 20%, #fef3c7 0%, transparent 35%), radial-gradient(circle at 50% 90%, #dcfce7 0%, transparent 45%), #f4f7fb;--surface-card: #ffffff;--surface-raised: #f8fafc;--surface-active: #f1f5f9;--border-card: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #0d9488;--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--shadow-md: 0 6px 16px -2px rgba(15, 23, 42, .07), 0 2px 6px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 14px 30px -4px rgba(15, 23, 42, .1), 0 4px 10px -2px rgba(15, 23, 42, .04);--shadow-inner: inset 0 1px 2px 0 rgba(255, 255, 255, .85);--text-main: #090d16;--text-body: #334155;--text-muted: #64748b;--accent-teal: #0d9488;--accent-teal-dark: #0f766e;--accent-blue: #2563eb;--accent-emerald: #10b981;--accent-amber: #d97706;--accent-rose: #e11d48;--accent: #0d9488;--accent-soft: rgba(13, 148, 136, .12);--positive: #10b981;--chart-1: #0d9488;--chart-2: #2563eb;--chart-3: #d97706;--surface: #ffffff;--text-strong: #090d16;--badge-pos-bg: #dcfce7;--badge-pos-fg: #15803d;--badge-warn-bg: #fef3c7;--badge-warn-fg: #b45309;--badge-neg-bg: #fee2e2;--badge-neg-fg: #b91c1c;--badge-neu-bg: #e2e8f0;--badge-neu-fg: #334155;--btn-bg: #ffffff;--btn-border: #cbd5e1;--btn-text: #0f172a;--btn-hover: #f1f5f9;--map-ground: #eef4f8;--map-river: #93c5fd;--map-grid: #cbd5e1;--map-text: #1e293b;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-pill: 9999px}[data-theme=dark]{--bg-app: #080d1a;--bg-gradient: radial-gradient(circle at 15% 15%, rgba(13, 148, 136, .14) 0%, transparent 45%), radial-gradient(circle at 85% 20%, rgba(217, 119, 6, .12) 0%, transparent 40%), radial-gradient(circle at 50% 90%, rgba(37, 99, 235, .14) 0%, transparent 50%), #080d1a;--surface-card: #111827;--surface-raised: #1a2234;--surface-active: #232d42;--border-card: #222e44;--border-strong: #334155;--border-focus: #14b8a6;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 8px 20px -2px rgba(0, 0, 0, .5), 0 3px 8px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 18px 36px -4px rgba(0, 0, 0, .65), 0 6px 14px -2px rgba(0, 0, 0, .4);--shadow-inner: inset 0 1px 1px 0 rgba(255, 255, 255, .12);--text-main: #f8fafc;--text-body: #cbd5e1;--text-muted: #94a3b8;--accent-teal: #14b8a6;--accent-teal-dark: #0d9488;--accent-blue: #38bdf8;--accent-emerald: #34d399;--accent-amber: #fbbf24;--accent-rose: #f43f5e;--accent: #14b8a6;--accent-soft: rgba(20, 184, 166, .18);--positive: #34d399;--chart-1: #14b8a6;--chart-2: #38bdf8;--chart-3: #fbbf24;--surface: #111827;--text-strong: #f8fafc;--badge-pos-bg: rgba(34, 197, 94, .2);--badge-pos-fg: #86efac;--badge-warn-bg: rgba(245, 158, 11, .2);--badge-warn-fg: #fde68a;--badge-neg-bg: rgba(239, 68, 68, .2);--badge-neg-fg: #fca5a5;--badge-neu-bg: #222e44;--badge-neu-fg: #e2e8f0;--btn-bg: #1e293b;--btn-border: #475569;--btn-text: #f8fafc;--btn-hover: #334155;--map-ground: #0d1527;--map-river: #1e3a5f;--map-grid: #1e293b;--map-text: #e2e8f0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,kbd,.code-id{font-family:JetBrains Mono,Consolas,monospace;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.app-frame{min-height:100vh;display:flex;flex-direction:column}.top-bar{position:sticky;top:14px;margin:14px 20px 8px;padding:8px 20px;height:62px;border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-md),var(--shadow-inner);display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:40}.brand-cluster{display:flex;align-items:center;gap:12px}.brand-monogram{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-blue));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;box-shadow:0 4px 12px #0d948866}.brand-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.brand-scope{font-size:12px;font-weight:700;color:var(--accent-teal);background:var(--surface-raised);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-card)}.topbar-search-wrap{flex:1;max-width:480px;position:relative}.topbar-search{width:100%;height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border-card);background:var(--surface-raised);color:var(--text-main);font-family:inherit;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-sm);transition:all .16s ease-out}.topbar-search:focus{outline:none;background:var(--surface-card);border-color:var(--border-focus);box-shadow:0 0 0 3px #0d948833}.topbar-right{display:flex;align-items:center;gap:12px}.theme-toggle-btn{height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text)!important;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .14s ease-out;white-space:nowrap}.theme-toggle-btn:hover{background:var(--btn-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none;flex-shrink:0}.btn{height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text)!important;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .14s ease-out;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--btn-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--accent-teal),var(--accent-teal-dark))!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;box-shadow:0 4px 14px #0d948861!important}.btn-primary:hover{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;transform:translateY(-1px);box-shadow:0 6px 18px #0d94887a!important}.btn-danger{background:#e11d48!important;border:1px solid #be123c!important;color:#fff!important}.btn-danger:hover{background:#be123c!important;box-shadow:0 4px 14px #e11d4859!important}.btn-secondary{background:var(--surface-raised);border-color:var(--border-card);color:var(--text-main)!important}.session-pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-pill);background:var(--surface-raised);border:1.5px solid var(--border-card);font-size:12.5px;font-weight:700;color:var(--text-main);box-shadow:var(--shadow-sm)}.status-dot-live{width:8px;height:8px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.frame-body{flex:1;display:flex;padding:8px 20px 20px;gap:18px}.sidebar{width:240px;flex-shrink:0;padding:14px 12px;border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-md),var(--shadow-inner);display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:sticky;top:84px;height:calc(100vh - 104px);max-height:calc(100vh - 104px);align-self:flex-start;box-sizing:border-box;z-index:20}.nav-group{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;padding-right:2px;flex:1;min-height:0}.nav-group::-webkit-scrollbar{width:4px}.nav-group::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}.sidebar-footer{flex-shrink:0;margin-top:auto;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-card);display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-sm)}.sidebar-footer .kv-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-bottom:4px;border-bottom:1px dashed var(--border-card);color:var(--text-muted)}.sidebar-footer .kv-row span:last-child{font-weight:800;color:var(--text-main)}.nav-group-label{font-size:11px;font-weight:800;color:var(--text-muted);padding:8px 12px 4px;letter-spacing:.08em;text-transform:uppercase}.nav-item{height:44px;padding:0 14px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-body);font-family:inherit;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .14s ease-out}.nav-item:hover{background:var(--surface-raised);color:var(--text-main);transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,var(--accent-teal),var(--accent-teal-dark));color:#fff;box-shadow:0 6px 16px -2px #0d948873}.nav-item.active .nav-icon{stroke:#fff}.nav-item.active .nav-count{background:#ffffff40;color:#fff}.nav-item-left{display:flex;align-items:center;gap:11px}.nav-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;flex-shrink:0}.nav-count{font-size:11.5px;font-weight:800;color:var(--text-muted);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-raised)}.sidebar-widget{padding:14px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-card);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm)}.sidebar-widget-title{font-size:12px;font-weight:800;color:var(--text-main)}.work-sheet{flex:1;background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-lg),var(--shadow-inner);border-radius:var(--radius-xl);padding:26px;min-width:0;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sheet-title-group{display:flex;flex-direction:column;gap:4px}.sheet-title{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text-main)}.sheet-subtitle{margin:0;font-size:13.5px;font-weight:600;color:var(--text-muted)}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-main)}select.ui-control,input.ui-control,textarea.ui-control{height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:var(--surface-raised);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:700;box-shadow:var(--shadow-sm);transition:all .14s ease-out}textarea.ui-control{height:auto;border-radius:var(--radius-md);padding:10px 14px}select.ui-control:focus,input.ui-control:focus,textarea.ui-control:focus{outline:none;background:var(--surface-card);border-color:var(--border-focus);box-shadow:0 0 0 3px #0d948833}.kpi-cards-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.kpi-card-item{padding:18px 20px;border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-md),var(--shadow-inner);display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;font-family:inherit;transition:all .16s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.kpi-card-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.kpi-card-item.selected{border-color:var(--accent-teal);box-shadow:0 0 0 2px var(--accent-teal),var(--shadow-lg);background:var(--surface-raised)}.kpi-card-item.kpi-soft-blue{background:linear-gradient(145deg,#f0f7ff 0%,var(--surface-card) 100%);border-color:#bfdbfe}.kpi-card-item.kpi-soft-blue:hover{border-color:#93c5fd}.kpi-card-item.kpi-soft-blue.selected{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue),var(--shadow-lg);background:#e0f2fe}.kpi-card-item.kpi-soft-emerald{background:linear-gradient(145deg,#f0fdf4 0%,var(--surface-card) 100%);border-color:#bbf7d0}.kpi-card-item.kpi-soft-emerald:hover{border-color:#86efac}.kpi-card-item.kpi-soft-emerald.selected{border-color:var(--accent-emerald);box-shadow:0 0 0 2px var(--accent-emerald),var(--shadow-lg);background:#dcfce7}.kpi-card-item.kpi-soft-slate{background:linear-gradient(145deg,#f8fafc 0%,var(--surface-card) 100%);border-color:#cbd5e1}.kpi-card-item.kpi-soft-slate:hover{border-color:#94a3b8}.kpi-card-item.kpi-soft-slate.selected{border-color:#64748b;box-shadow:0 0 0 2px #64748b,var(--shadow-lg);background:#f1f5f9}.kpi-card-item.kpi-soft-amber{background:linear-gradient(145deg,#fffbeb 0%,var(--surface-card) 100%);border-color:#fde68a}.kpi-card-item.kpi-soft-amber:hover{border-color:#fcd34d}.kpi-card-item.kpi-soft-amber.selected{border-color:var(--accent-amber);box-shadow:0 0 0 2px var(--accent-amber),var(--shadow-lg);background:#fef3c7}.kpi-card-item.kpi-soft-teal{background:linear-gradient(145deg,#f0fdfa 0%,var(--surface-card) 100%);border-color:#99f6e4}.kpi-card-item.kpi-soft-teal:hover{border-color:#5eead4}.kpi-card-item.kpi-soft-teal.selected{border-color:var(--accent-teal);box-shadow:0 0 0 2px var(--accent-teal),var(--shadow-lg);background:#ccfbf1}.kpi-card-item.kpi-soft-purple{background:linear-gradient(145deg,#faf5ff 0%,var(--surface-card) 100%);border-color:#e9d5ff}.kpi-card-item.kpi-soft-purple:hover{border-color:#d8b4fe}[data-theme=dark] .kpi-card-item.kpi-soft-blue{background:linear-gradient(145deg,rgba(37,99,235,.14) 0%,var(--surface-card) 100%);border-color:#3b82f64d}[data-theme=dark] .kpi-card-item.kpi-soft-emerald{background:linear-gradient(145deg,rgba(16,185,129,.14) 0%,var(--surface-card) 100%);border-color:#10b9814d}[data-theme=dark] .kpi-card-item.kpi-soft-slate{background:linear-gradient(145deg,rgba(148,163,184,.1) 0%,var(--surface-card) 100%);border-color:#94a3b840}[data-theme=dark] .kpi-card-item.kpi-soft-amber{background:linear-gradient(145deg,rgba(217,119,6,.14) 0%,var(--surface-card) 100%);border-color:#d977064d}[data-theme=dark] .kpi-card-item.kpi-soft-teal{background:linear-gradient(145deg,rgba(13,148,136,.14) 0%,var(--surface-card) 100%);border-color:#14b8a64d}[data-theme=dark] .kpi-card-item.kpi-soft-purple{background:linear-gradient(145deg,rgba(139,92,246,.14) 0%,var(--surface-card) 100%);border-color:#a78bfa4d}.chart-soft-teal{background:linear-gradient(180deg,rgba(13,148,136,.04) 0%,var(--surface-card) 100%);border-color:#0d948838}.chart-soft-emerald{background:linear-gradient(180deg,rgba(16,185,129,.04) 0%,var(--surface-card) 100%);border-color:#10b98138}.chart-soft-blue{background:linear-gradient(180deg,rgba(37,99,235,.04) 0%,var(--surface-card) 100%);border-color:#2563eb38}.kpi-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-card-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.kpi-card-label{font-size:13px;font-weight:700;color:var(--text-muted);line-height:1.25}.kpi-card-item.selected .kpi-card-label{color:var(--accent-teal)}.kpi-card-value{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--text-main);line-height:1.1}.kpi-card-sub{font-size:12px;font-weight:600;color:var(--text-muted)}.panel-card{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-md),var(--shadow-inner);padding:22px;display:flex;flex-direction:column;gap:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-title{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.panel-meta{font-size:13px;font-weight:600;color:var(--text-muted)}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:20px}@media(max-width:1024px){.dashboard-charts-grid{grid-template-columns:1fr}}.two-col-grid{display:grid;grid-template-columns:7fr 5fr;gap:18px}.equal-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.count-cards-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.count-filter-card{padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface-card);border:1.5px solid var(--border-card);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;text-align:left;font-family:inherit;transition:all .14s ease-out}.count-filter-card:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-1px);box-shadow:var(--shadow-md)}.count-filter-card.selected{border-color:var(--accent-teal);box-shadow:0 0 0 2px var(--accent-teal),var(--shadow-md);background:var(--surface-raised)}.count-card-label{font-size:12.5px;font-weight:700;color:var(--text-muted)}.count-filter-card.selected .count-card-label{color:var(--accent-teal)}.count-card-value{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.underline-tabs{display:inline-flex;align-items:center;gap:8px;background:var(--surface-raised);border:1.5px solid var(--border-card);border-radius:var(--radius-pill);padding:4px;box-shadow:var(--shadow-sm)}.underline-tab{height:38px;padding:0 18px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .14s ease-out;white-space:nowrap}.underline-tab:hover{color:var(--text-main);background:var(--surface-card)}.underline-tab.active{background:linear-gradient(135deg,var(--accent-teal),var(--accent-teal-dark));color:#fff!important;box-shadow:0 4px 12px #0d948859}.underline-tab.active svg{stroke:#fff}.map-layout,.map-layout-full{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:stretch}.map-stage,.map-stage-full{border-radius:var(--radius-lg);background:var(--map-ground);position:relative;min-height:480px;overflow:hidden;border:1.5px solid var(--border-card);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.map-svg,.map-svg-full{width:100%;height:480px;display:block}.map-legend,.map-legend-bar{position:absolute;left:14px;bottom:14px;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-pill);padding:8px 18px;display:flex;align-items:center;gap:16px;font-size:12px;font-weight:700;color:var(--text-main);box-shadow:var(--shadow-md);z-index:10;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.map-inspector,.map-inspector-card{border-radius:var(--radius-lg);background:var(--surface-card);border:1.5px solid var(--border-card);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:var(--shadow-md)}.kv-list{display:flex;flex-direction:column;gap:10px}.kv-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding-bottom:6px;border-bottom:1px dashed var(--border-card)}.kv-key{color:var(--text-muted);font-weight:600}.kv-val{color:var(--text-main);font-weight:800;text-align:right}.table-wrap,.table-wrap-clean{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-card);box-shadow:var(--shadow-sm)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}table.data-table th{height:44px;padding:0 16px;text-align:left;font-size:12px;font-weight:800;color:var(--text-muted);background:var(--surface-raised);border-bottom:1.5px solid var(--border-card);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}table.data-table td{height:52px;padding:8px 16px;border-bottom:1px solid var(--border-card);color:var(--text-main);font-weight:600;vertical-align:middle}table.data-table tbody tr{background:var(--surface-card);transition:background-color .12s ease-out}table.data-table tbody tr:hover{background:var(--surface-raised)}table.data-table th.num,table.data-table td.num{text-align:right}.cell-primary{font-weight:800;color:var(--text-main)}.cell-secondary{font-size:12px;font-weight:600;color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.status-pill.positive{background:var(--badge-pos-bg);color:var(--badge-pos-fg)}.status-pill.negative{background:var(--badge-neg-bg);color:var(--badge-neg-fg)}.status-pill.warning{background:var(--badge-warn-bg);color:var(--badge-warn-fg)}.status-pill.neutral{background:var(--badge-neu-bg);color:var(--badge-neu-fg)}.pagination-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-radius:var(--radius-md);background:var(--surface-raised);border:1.5px solid var(--border-card);box-shadow:var(--shadow-sm);flex-wrap:wrap}.pagination-info{font-size:13px;font-weight:700;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:6px}.page-btn{min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-pill);border:1.5px solid var(--border-card);background:var(--surface-card);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .12s ease-out}.page-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-btn.active{background:linear-gradient(135deg,var(--accent-teal),var(--accent-teal-dark));border-color:transparent;color:#fff!important;box-shadow:0 4px 12px #0d948859}.page-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.page-size-selector{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-muted)}.page-size-selector select{height:36px;padding:0 12px;border-radius:var(--radius-pill);border:1.5px solid var(--border-card);background:var(--surface-card);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:700;box-shadow:var(--shadow-sm);cursor:pointer}.page-size-selector select:focus{outline:none;border-color:var(--accent-teal)}.subview-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-pill);background:var(--surface-raised);border:1.5px solid var(--border-card);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:10px}.subview-tabs-group{display:inline-flex;background:var(--surface-card);border:1.5px solid var(--border-card);border-radius:var(--radius-pill);padding:4px;gap:6px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.subview-tab-btn{height:38px;padding:0 18px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .14s ease-out}.subview-tab-btn:hover{color:var(--text-main);background:var(--surface-raised)}.subview-tab-btn.active{background:linear-gradient(135deg,var(--accent-teal),var(--accent-teal-dark));color:#fff;box-shadow:0 4px 12px #0d948859}.subview-screen-container{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-md),var(--shadow-inner);padding:24px;display:flex;flex-direction:column;gap:20px}.form-card-container{max-width:860px;display:flex;flex-direction:column;gap:20px}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field-block{display:flex;flex-direction:column;gap:6px}.form-field-block.full{grid-column:1 / -1}.form-field-block label{font-size:13px;font-weight:700;color:var(--text-main)}.form-field-block input,.form-field-block select,.form-field-block textarea{height:44px;padding:0 16px;border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--surface-raised);color:var(--text-main);font-family:inherit;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-sm);transition:all .14s ease-out}.form-field-block textarea{height:auto;padding:12px 16px}.form-field-block input:focus,.form-field-block select:focus,.form-field-block textarea:focus{outline:none;background:var(--surface-card);border-color:var(--border-focus);box-shadow:0 0 0 3px #0d948833}.perm-chips-wrap{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.perm-chip-item{padding:8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border-card);background:var(--surface-raised);font-size:12.5px;font-weight:700;color:var(--text-body);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:all .14s ease-out}.perm-chip-item:hover{background:var(--surface-card);border-color:var(--border-strong)}.perm-chip-item.checked{border-color:var(--accent-teal);background:var(--badge-pos-bg);color:var(--badge-pos-fg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#090d168c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-sheet{width:100%;max-width:660px;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12.5px;font-weight:700;color:var(--text-main)}.form-field input,.form-field select{height:40px;padding:0 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--surface-raised);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:600}.notice-banner{padding:14px 20px;border-radius:var(--radius-md);background:var(--badge-pos-bg);border:1.5px solid var(--accent-teal);color:var(--text-main);font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-md)}.notice-banner.error{background:var(--badge-neg-bg);border-color:var(--accent-rose);color:var(--badge-neg-fg)}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.top-progress-track{position:absolute;top:0;left:0;right:0;height:3px;background:transparent;overflow:hidden;z-index:50}.top-progress-bar{width:40%;height:100%;background:linear-gradient(90deg,#38bdf8,var(--accent-teal));animation:progressSlide 1.1s ease-out infinite}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-stage{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 20px;text-align:center}.loader-ring-wrap{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3.5px solid var(--border-card);border-top-color:var(--accent-teal);animation:spinLoader .85s linear infinite}.loader-title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin:0}.loader-sub{font-size:13.5px;font-weight:600;color:var(--text-muted);margin:0}@media(max-width:1200px){.kpi-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col-grid,.map-layout,.map-layout-full{grid-template-columns:1fr}.count-cards-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.frame-body{flex-direction:column;padding:8px 12px 14px}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:10px}.nav-group{flex-direction:row}.work-sheet{border-radius:16px;padding:18px}.kpi-cards-grid,.form-grid-2,.count-cards-row{grid-template-columns:1fr 1fr}}.login-viewport{position:relative;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-gradient);overflow:hidden;box-sizing:border-box}.login-bg-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.6;z-index:0}.login-bg-glow-1{top:-80px;left:-80px;width:440px;height:440px;background:radial-gradient(circle,rgba(13,148,136,.22) 0%,transparent 70%)}.login-bg-glow-2{bottom:-60px;right:-60px;width:480px;height:480px;background:radial-gradient(circle,rgba(37,99,235,.18) 0%,transparent 70%)}.login-floating-theme-bar{position:absolute;top:16px;right:20px;z-index:30;display:flex;align-items:center;gap:12px}.login-main-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px 20px;box-sizing:border-box;z-index:10;overflow:hidden}.login-card-container{width:100%;max-width:980px;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);display:grid;grid-template-columns:1fr 1fr;background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-card);box-shadow:var(--shadow-lg),var(--shadow-inner);overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box}.login-hero-panel{background:linear-gradient(145deg,var(--surface-raised) 0%,rgba(13,148,136,.06) 50%,rgba(37,99,235,.05) 100%);padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border-card);gap:14px;box-sizing:border-box}.login-hero-header{display:flex;flex-direction:column;gap:10px}.login-badge-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-teal);background:var(--accent-soft);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid rgba(13,148,136,.25)}.login-hero-title{margin:0;font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--text-strong)}.login-hero-desc{margin:0;font-size:13px;font-weight:500;line-height:1.45;color:var(--text-body)}.login-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.login-metric-box{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2px;transition:transform .2s ease,box-shadow .2s ease}.login-metric-box:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-metric-val{font-size:16px;font-weight:800;color:var(--accent-teal);letter-spacing:-.02em}.login-metric-lbl{font-size:11px;font-weight:600;color:var(--text-muted)}.login-hero-footer{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed var(--border-card)}.login-trust-item{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--text-muted)}.login-trust-item svg{color:var(--accent-teal);flex-shrink:0;width:15px;height:15px}.login-form-panel{padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:var(--surface-card);box-sizing:border-box}.login-form-head{display:flex;align-items:center;gap:10px}.login-form-icon-wrap{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0d948826,#2563eb1f);color:var(--accent-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(13,148,136,.25)}.login-form-title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong)}.login-form-subtitle{margin:1px 0 0;font-size:12px;font-weight:500;color:var(--text-muted)}.login-portal-badge{display:flex;align-items:center;gap:7px;padding:5px 10px;background:var(--surface-raised);border:1px solid var(--border-card);border-radius:var(--radius-sm);font-size:11px;font-weight:700;color:var(--text-body)}.login-portal-badge svg{color:var(--accent-teal);flex-shrink:0;width:14px;height:14px}.login-alert-banner{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--badge-neg-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--badge-neg-fg);font-size:12px;font-weight:600;animation:fadeIn .25s ease}.login-alert-close{background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer;padding:2px;line-height:1}.login-form-body{display:flex;flex-direction:column;gap:9px}.login-field-wrap{display:flex;flex-direction:column;gap:3px}.login-label-row{display:flex;justify-content:space-between;align-items:center}.login-field-label{font-size:11.5px;font-weight:700;color:var(--text-strong)}.login-label-hint{font-size:10.5px;font-weight:600;color:var(--accent-teal);background:var(--accent-soft);padding:1px 6px;border-radius:var(--radius-pill)}.login-input-box{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;width:15px;height:15px;color:var(--text-muted);pointer-events:none}.login-text-input{width:100%;height:38px;padding:0 38px 0 36px;border-radius:var(--radius-md);border:1.5px solid var(--border-card);background:var(--surface-raised);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:600;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-text-input:focus{border-color:var(--accent-teal);background:var(--surface-card);box-shadow:0 0 0 3px var(--accent-soft)}.login-eye-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.login-eye-btn:hover{color:var(--text-strong)}.login-options-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px}.login-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-body);cursor:pointer;-webkit-user-select:none;user-select:none}.login-checkbox-input{width:14px;height:14px;accent-color:var(--accent-teal);border-radius:3px;cursor:pointer}.login-badge-safe{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-muted)}.login-submit-btn{height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-teal-dark) 100%);color:#fff;border:none;font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #0d948859;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;display:flex;align-items:center;justify-content:center}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0d948873}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.75;cursor:not-allowed}.login-btn-content,.login-btn-loading{display:inline-flex;align-items:center;gap:7px}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-quickfill-section{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--border-card)}.login-quickfill-head{display:flex;justify-content:space-between;align-items:center}.login-quickfill-title{font-size:11px;font-weight:800;color:var(--text-strong);text-transform:uppercase;letter-spacing:.04em}.login-quickfill-hint{font-size:10.5px;font-weight:600;color:var(--text-muted)}.login-quickfill-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.login-quick-card{display:flex;align-items:center;padding:6px 8px;background:var(--surface-raised);border:1.5px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;min-width:0}.login-quick-card:hover{background:var(--surface-card);border-color:var(--accent-teal);transform:translateY(-1px)}.login-quick-card.active{background:var(--surface-card);border-color:var(--accent-teal);box-shadow:0 0 0 1.5px var(--accent-teal),var(--shadow-sm)}.login-quick-card-left{display:flex;align-items:center;gap:7px;width:100%;min-width:0}.login-quick-avatar{width:24px;height:24px;border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0;box-shadow:var(--shadow-sm)}.login-quick-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.login-quick-role{font-size:11px;font-weight:800;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-quick-user{font-size:10px;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-form-footer{text-align:center;font-size:10.5px;font-weight:600;color:var(--text-muted);padding-top:2px}@media(max-width:860px){.login-viewport{height:auto;min-height:100vh;overflow-y:auto}.login-main-stage{height:auto;padding:24px 16px;overflow-y:visible}.login-card-container{grid-template-columns:1fr;max-width:440px;max-height:none}.login-hero-panel{display:none}.login-form-panel{padding:24px 20px}.login-quickfill-cards{grid-template-columns:1fr}}@media(max-height:680px)and (min-width:861px){.login-hero-desc,.login-hero-footer{display:none}.login-card-container{max-height:96vh}}.bento-dashboard{display:flex;flex-direction:column;gap:22px;width:100%}.bento-header-dock{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 2px}.bento-title-box{display:flex;flex-direction:column;gap:4px}.bento-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text-main);margin:0}.bento-subtitle{font-size:13.5px;font-weight:600;color:var(--text-muted);margin:0}.bento-filter-dock{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bento-pill-control{height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border-card);background:var(--surface-card);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:700;box-shadow:var(--shadow-sm);outline:none;transition:all .14s ease-out;display:inline-flex;align-items:center;gap:8px}.bento-pill-control:focus-within{border-color:var(--accent-teal);box-shadow:0 0 0 3px #0d948826}.bento-pill-select,.bento-pill-input{border:none;background:transparent;color:var(--text-main);font-family:inherit;font-size:13px;font-weight:700;outline:none;cursor:pointer}.bento-btn-pill{height:40px;padding:0 18px;border-radius:var(--radius-pill);border:none;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .14s ease-out;box-shadow:var(--shadow-sm);white-space:nowrap}.bento-btn-pill.primary{background:#1f2430;color:#fff}.bento-btn-pill.primary:hover{background:#0f172a;transform:translateY(-1px);box-shadow:var(--shadow-md)}.bento-btn-pill.reset{background:var(--surface-raised);border:1.5px solid var(--border-card);color:var(--text-body)}.bento-btn-pill.reset:hover{background:var(--surface-card);border-color:var(--border-strong)}.bento-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%}@media(max-width:1400px){.bento-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.bento-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.bento-kpi-grid{grid-template-columns:1fr}}.bento-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}@media(max-width:1200px){.bento-charts-grid{grid-template-columns:1fr}}.bento-grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;width:100%}.bento-col-2{grid-column:span 2}.bento-col-3{grid-column:span 3}.bento-col-4{grid-column:span 4}.bento-col-5{grid-column:span 5}.bento-col-6{grid-column:span 6}.bento-col-7{grid-column:span 7}.bento-col-8{grid-column:span 8}.bento-col-12{grid-column:span 12}.bento-card{border-radius:24px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:transform .16s ease-out,box-shadow .16s ease-out;border:1px solid rgba(255,255,255,.16);box-sizing:border-box}.bento-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bento-card.clickable{cursor:pointer;text-align:left;border:none;font-family:inherit}.bento-card.clickable.selected{outline:3px solid #1f2430;outline-offset:3px}.bento-card.bento-kpi-card{padding:16px 18px;border-radius:20px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px -2px #0000000d;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}.bento-card.bento-kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px -4px #00000017}.bento-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.bento-kpi-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000000a}.bento-kpi-icon svg{width:17px;height:17px}.bento-kpi-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.bento-kpi-badge .bento-arrow-icon{width:12px;height:12px;opacity:.75}.bento-kpi-body{margin-top:10px;display:flex;flex-direction:column;gap:3px;width:100%}.bento-kpi-label{font-size:12px;font-weight:700;line-height:1.25;white-space:normal;word-break:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:none;letter-spacing:normal}.bento-kpi-value{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:2px}.bento-kpi-sub{font-size:11px;font-weight:600;line-height:1.25;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-card.bento-kpi-blue{background:linear-gradient(145deg,#f0f7ff,#e0effe);border:1.5px solid #bfdbfe;color:#1e3a8a}.bento-card.bento-kpi-blue .bento-kpi-icon{background:#dbeafe;color:#2563eb}.bento-card.bento-kpi-blue .bento-kpi-badge{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.bento-card.bento-kpi-blue .bento-kpi-label{color:#3b82f6}.bento-card.bento-kpi-blue .bento-kpi-value{color:#1e3a8a}.bento-card.bento-kpi-blue .bento-kpi-sub{color:#2563eb}.bento-card.bento-kpi-blue.clickable.selected{outline:2.5px solid #2563eb;outline-offset:2px}.bento-card.bento-kpi-emerald{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:1.5px solid #bbf7d0;color:#065f46}.bento-card.bento-kpi-emerald .bento-kpi-icon{background:#dcfce7;color:#10b981}.bento-card.bento-kpi-emerald .bento-kpi-badge{background:#d1fae5;color:#047857;border:1px solid #a7f3d0}.bento-card.bento-kpi-emerald .bento-kpi-label{color:#059669}.bento-card.bento-kpi-emerald .bento-kpi-value{color:#064e3b}.bento-card.bento-kpi-emerald .bento-kpi-sub{color:#047857}.bento-card.bento-kpi-emerald.clickable.selected{outline:2.5px solid #10b981;outline-offset:2px}.bento-card.bento-kpi-slate{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1.5px solid #cbd5e1;color:#1e293b}.bento-card.bento-kpi-slate .bento-kpi-icon{background:#e2e8f0;color:#64748b}.bento-card.bento-kpi-slate .bento-kpi-badge{background:#e2e8f0;color:#334155;border:1px solid #cbd5e1}.bento-card.bento-kpi-slate .bento-kpi-label{color:#64748b}.bento-card.bento-kpi-slate .bento-kpi-value{color:#0f172a}.bento-card.bento-kpi-slate .bento-kpi-sub{color:#475569}.bento-card.bento-kpi-slate.clickable.selected{outline:2.5px solid #64748b;outline-offset:2px}.bento-card.bento-kpi-amber{background:linear-gradient(145deg,#fffbeb,#fef3c7);border:1.5px solid #fde68a;color:#78350f}.bento-card.bento-kpi-amber .bento-kpi-icon{background:#fef3c7;color:#d97706}.bento-card.bento-kpi-amber .bento-kpi-badge{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.bento-card.bento-kpi-amber .bento-kpi-label{color:#b45309}.bento-card.bento-kpi-amber .bento-kpi-value{color:#78350f}.bento-card.bento-kpi-amber .bento-kpi-sub{color:#92400e}.bento-card.bento-kpi-amber.clickable.selected{outline:2.5px solid #d97706;outline-offset:2px}.bento-card.bento-kpi-teal{background:linear-gradient(145deg,#f0fdfa,#ccfbf1);border:1.5px solid #99f6e4;color:#115e59}.bento-card.bento-kpi-teal .bento-kpi-icon{background:#ccfbf1;color:#0d9488}.bento-card.bento-kpi-teal .bento-kpi-badge{background:#ccfbf1;color:#0f766e;border:1px solid #99f6e4}.bento-card.bento-kpi-teal .bento-kpi-label{color:#0d9488}.bento-card.bento-kpi-teal .bento-kpi-value{color:#115e59}.bento-card.bento-kpi-teal .bento-kpi-sub{color:#0f766e}.bento-card.bento-kpi-teal.clickable.selected{outline:2.5px solid #0d9488;outline-offset:2px}.bento-card.bento-kpi-purple{background:linear-gradient(145deg,#faf5ff,#f3e8ff);border:1.5px solid #e9d5ff;color:#581c87}.bento-card.bento-kpi-purple .bento-kpi-icon{background:#f3e8ff;color:#9333ea}.bento-card.bento-kpi-purple .bento-kpi-badge{background:#f3e8ff;color:#7e22ce;border:1px solid #e9d5ff}.bento-card.bento-kpi-purple .bento-kpi-label{color:#9333ea}.bento-card.bento-kpi-purple .bento-kpi-value{color:#581c87}.bento-card.bento-kpi-purple .bento-kpi-sub{color:#7e22ce}[data-theme=dark] .bento-card.bento-kpi-blue{background:linear-gradient(145deg,#2563eb29,#1e3a8a40);border-color:#60a5fa59;color:#dbeafe}[data-theme=dark] .bento-card.bento-kpi-blue .bento-kpi-icon{background:#3b82f633;color:#93c5fd}[data-theme=dark] .bento-card.bento-kpi-blue .bento-kpi-badge{background:#3b82f633;color:#bfdbfe;border-color:#60a5fa59}[data-theme=dark] .bento-card.bento-kpi-blue .bento-kpi-label{color:#93c5fd}[data-theme=dark] .bento-card.bento-kpi-blue .bento-kpi-value{color:#fff}[data-theme=dark] .bento-card.bento-kpi-blue .bento-kpi-sub{color:#bfdbfe}[data-theme=dark] .bento-card.bento-kpi-blue.clickable.selected{outline-color:#60a5fa}[data-theme=dark] .bento-card.bento-kpi-emerald{background:linear-gradient(145deg,#10b98129,#065f4640);border-color:#34d39959;color:#d1fae5}[data-theme=dark] .bento-card.bento-kpi-emerald .bento-kpi-icon{background:#10b98133;color:#6ee7b7}[data-theme=dark] .bento-card.bento-kpi-emerald .bento-kpi-badge{background:#10b98133;color:#a7f3d0;border-color:#34d39959}[data-theme=dark] .bento-card.bento-kpi-emerald .bento-kpi-label{color:#6ee7b7}[data-theme=dark] .bento-card.bento-kpi-emerald .bento-kpi-value{color:#fff}[data-theme=dark] .bento-card.bento-kpi-emerald .bento-kpi-sub{color:#a7f3d0}[data-theme=dark] .bento-card.bento-kpi-emerald.clickable.selected{outline-color:#34d399}[data-theme=dark] .bento-card.bento-kpi-slate{background:linear-gradient(145deg,#94a3b824,#47556940);border-color:#94a3b859;color:#f1f5f9}[data-theme=dark] .bento-card.bento-kpi-slate .bento-kpi-icon{background:#94a3b833;color:#cbd5e1}[data-theme=dark] .bento-card.bento-kpi-slate .bento-kpi-badge{background:#94a3b833;color:#e2e8f0;border-color:#94a3b859}[data-theme=dark] .bento-card.bento-kpi-slate .bento-kpi-label{color:#cbd5e1}[data-theme=dark] .bento-card.bento-kpi-slate .bento-kpi-value{color:#fff}[data-theme=dark] .bento-card.bento-kpi-slate .bento-kpi-sub{color:#94a3b8}[data-theme=dark] .bento-card.bento-kpi-slate.clickable.selected{outline-color:#94a3b8}[data-theme=dark] .bento-card.bento-kpi-amber{background:linear-gradient(145deg,#d9770629,#92400e40);border-color:#fbbf2459;color:#fef3c7}[data-theme=dark] .bento-card.bento-kpi-amber .bento-kpi-icon{background:#d9770633;color:#fcd34d}[data-theme=dark] .bento-card.bento-kpi-amber .bento-kpi-badge{background:#d9770633;color:#fde68a;border-color:#fbbf2459}[data-theme=dark] .bento-card.bento-kpi-amber .bento-kpi-label{color:#fcd34d}[data-theme=dark] .bento-card.bento-kpi-amber .bento-kpi-value{color:#fff}[data-theme=dark] .bento-card.bento-kpi-amber .bento-kpi-sub{color:#fde68a}[data-theme=dark] .bento-card.bento-kpi-amber.clickable.selected{outline-color:#fbbf24}[data-theme=dark] .bento-card.bento-kpi-teal{background:linear-gradient(145deg,#0d948829,#115e5940);border-color:#2dd4bf59;color:#ccfbf1}[data-theme=dark] .bento-card.bento-kpi-teal .bento-kpi-icon{background:#0d948833;color:#5eead4}[data-theme=dark] .bento-card.bento-kpi-teal .bento-kpi-badge{background:#0d948833;color:#99f6e4;border-color:#2dd4bf59}[data-theme=dark] .bento-card.bento-kpi-teal .bento-kpi-label{color:#5eead4}[data-theme=dark] .bento-card.bento-kpi-teal .bento-kpi-value{color:#fff}[data-theme=dark] .bento-card.bento-kpi-teal .bento-kpi-sub{color:#99f6e4}[data-theme=dark] .bento-card.bento-kpi-teal.clickable.selected{outline-color:#2dd4bf}[data-theme=dark] .bento-card.bento-kpi-purple{background:linear-gradient(145deg,#9333ea29,#6b21a840);border-color:#c084fc59;color:#f3e8ff}[data-theme=dark] .bento-card.bento-kpi-purple .bento-kpi-icon{background:#9333ea33;color:#d8b4fe}[data-theme=dark] .bento-card.bento-kpi-purple .bento-kpi-badge{background:#9333ea33;color:#e9d5ff;border-color:#c084fc59}[data-theme=dark] .bento-card.bento-kpi-purple .bento-kpi-label{color:#d8b4fe}[data-theme=dark] .bento-card.bento-kpi-purple .bento-kpi-value{color:#fff}[data-theme=dark] .bento-card.bento-kpi-purple .bento-kpi-sub{color:#e9d5ff}.bento-card-violet{background:linear-gradient(135deg,#6b658b,#595276);color:#fff}.bento-card-ice{background:#f0f8fa;color:#1e293b;border:1.5px solid #d9ebf0}.bento-card-ice .bento-metric-value{color:#0f172a}.bento-card-ice .bento-badge-pill{background:#0d948824;color:#0d9488}.bento-card-ice .bento-card-sub{color:#475569}.bento-card-ice .bento-arrow-icon{color:#64748b}.bento-card-sage{background:linear-gradient(135deg,#a9aca3,#93968d);color:#fff}.bento-card-terracotta{background:linear-gradient(135deg,#ea7c6f,#d8695c);color:#fff}.bento-card-teal{background:linear-gradient(135deg,#387a7b,#244c4e);color:#fff}.bento-card-mauve{background:linear-gradient(135deg,#9e8079,#876d66);color:#fff}.bento-card-navy{background:linear-gradient(135deg,#1f2430,#131722);color:#fff}.bento-card-slate{background:var(--surface-card);color:var(--text-main);border:1.5px solid var(--border-card)}[data-theme=dark] .bento-card-ice{background:#1a2736;border-color:#273e52;color:#e2e8f0}[data-theme=dark] .bento-card-ice .bento-metric-value{color:#fff}[data-theme=dark] .bento-card-ice .bento-badge-pill{background:#0d948840;color:#2dd4bf}[data-theme=dark] .bento-card-ice .bento-card-sub{color:#94a3b8}[data-theme=dark] .bento-card-slate{background:#141c2b;border-color:#243044}[data-theme=dark] .bento-btn-pill.primary{background:#0d9488;color:#fff}[data-theme=dark] .bento-btn-pill.primary:hover{background:#0f766e}[data-theme=dark] .bento-card.clickable.selected{outline:3px solid #2dd4bf}.bento-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}.bento-card-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.bento-badge-pill{font-size:11px;font-weight:800;padding:3px 9px;border-radius:var(--radius-pill);background:#ffffff38;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:inherit;display:inline-flex;align-items:center;gap:4px}.bento-arrow-icon{width:14px;height:14px;opacity:.65;transition:transform .14s ease-out,opacity .14s ease-out;stroke:currentColor}.bento-card:hover .bento-arrow-icon{opacity:1;transform:translate(2px,-2px)}.bento-metric-body{margin-top:14px;position:relative;z-index:2}.bento-metric-value{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1}.bento-card-sub{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin-top:8px}.bento-avatar-stack{display:inline-flex;align-items:center;margin-right:6px}.bento-avatar-item{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.85);margin-left:-7px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#fff;box-shadow:0 1px 3px #0003}.bento-avatar-item:first-child{margin-left:0}.bento-gauge-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;height:100%}.bento-gauge-ring{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center}.bento-gauge-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.bento-gauge-val{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.bento-gauge-val span:first-child{font-size:26px;font-weight:900;color:var(--text-main);line-height:1}.bento-gauge-val span:last-child{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:2px}[data-theme=dark] .bento-gauge-val span:first-child{color:#fff}.bento-gauge-button{width:100%;padding:12px 16px;border-radius:18px;background:#1f2430;color:#fff;border:none;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .14s ease-out}.bento-gauge-button:hover{background:#0f172a;transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark] .bento-gauge-button{background:#0d9488}[data-theme=dark] .bento-gauge-button:hover{background:#0f766e}.bento-spark-bars{position:relative;height:90px;width:100%;margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px}.bento-spark-bar{width:10px;border-radius:5px 5px 0 0;background:#ffffff29;transition:height .3s ease}.bento-pill-tabs{display:inline-flex;align-items:center;padding:4px;border-radius:var(--radius-pill);background:var(--surface-raised);border:1.5px solid var(--border-card);gap:4px}.bento-pill-tab{height:34px;padding:0 16px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .14s ease-out}.bento-pill-tab:hover{color:var(--text-main)}.bento-pill-tab.active{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-sm)}@media(max-width:1400px){.bento-col-2{grid-column:span 4}}@media(max-width:1200px){.bento-col-3{grid-column:span 6}.bento-col-7,.bento-col-5,.bento-col-8,.bento-col-4{grid-column:span 12}}@media(max-width:768px){.bento-col-2,.bento-col-3,.bento-col-4,.bento-col-5,.bento-col-6,.bento-col-7,.bento-col-8,.bento-col-12{grid-column:span 12}.bento-header-dock{flex-direction:column;align-items:flex-start}.bento-filter-dock{width:100%}}