:root{--brand: #00496b;--brand-dark: #003a56;--accent: #00658e;--accent-hover: #00496b;--accent-tint: #e6f2f8;--page: #f1f5f8;--card: #ffffff;--border: #e2e9ee;--surface: #f7fafc;--line: #c3d2dc;--shadow: 0 1px 2px rgba(0, 73, 107, .05);--text: #0f1b24;--text-2: #5c6b76;--muted: #8a98a2;--icon-muted: #a8b6bf;--focus: #90b4d5;--sidebar-bg: #00496b;--sidebar-text: #d6e4ec;--sidebar-muted: #9fb9c8;--nav-inactive: #bbd0dc;--danger: #cf342e;--danger-bg: #fceeed;--danger-border: #f3c9c6;--ok: #06807d;--ok-bg: #e6faf9;--ok-border: #b6efec}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}::selection{background:#90b4d5;color:#06283a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:2px solid var(--page)}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.main{padding:24px 32px 60px}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:20px 14px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--brand-dark);position:sticky;top:0;height:100vh;align-self:start;overflow-y:auto}.sidebar-brand{padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:10px}.sidebar-brand img{height:44px;width:auto;display:block;filter:brightness(0) invert(1)}.sidebar-brand .subtitle{font-size:11px;color:var(--sidebar-muted);margin-top:11px;letter-spacing:.02em}.sidebar-divider{height:1px;background:#ffffff24;margin:10px 4px}.sidebar-build{padding:6px 8px;font-size:10px;color:#5f7e90;letter-spacing:.03em;font-variant-numeric:tabular-nums}.nav-item,.nav-parent{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;color:var(--nav-inactive);border:none;background:transparent;cursor:pointer;font-family:inherit;width:100%;text-align:left}.nav-item:hover,.nav-parent:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff29;color:#fff;font-weight:600}.nav-sub-group{margin-left:14px;border-left:1px solid rgba(255,255,255,.14);padding-left:6px;display:flex;flex-direction:column;gap:2px}.nav-sub{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;text-decoration:none;cursor:pointer;font-size:12.5px;font-weight:400;color:var(--sidebar-muted);border:none;background:transparent;font-family:inherit;width:100%;text-align:left}.nav-sub:hover{background:#ffffff14;color:#fff}.nav-sub.active{background:#ffffff29;color:#fff;font-weight:600}.chevron{transition:transform .18s ease;flex-shrink:0}.chevron.closed{transform:rotate(-90deg)}.page-title{font-size:23px;margin:0 0 4px;font-weight:800;letter-spacing:-.02em;color:var(--brand)}.page-subtitle{margin:0;color:var(--text-2);font-size:13px}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--accent);padding:8px 14px}.btn-secondary:not(:disabled):hover{background:var(--accent-tint);border-color:var(--focus)}.field{display:flex;flex-direction:column}.field-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.input,.select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);outline:none}.input:focus,.select:focus{border-color:var(--focus)}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer}.select-wrap{position:relative}.select-wrap .chev{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none}.lang-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.lang-toggle button{padding:6px 10px;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;background:transparent;color:var(--text-2)}.lang-toggle button.active{background:var(--accent);color:#fff}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:separate;border-spacing:0}table.data th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface);padding:11px 16px;border-bottom:1px solid var(--border);white-space:nowrap}table.data th.num,table.data td.num{text-align:right}table.data th.active{color:var(--accent)}table.data td{padding:9px 16px;border-bottom:1px solid #edf1f4;font-size:12.5px;white-space:nowrap}table.data tbody tr:hover{background:#edf4f9}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--accent)}.sort-ind{font-size:9px;opacity:.7}table.data tr.filter-row th{padding:0 16px 8px;background:var(--surface);border-bottom:1px solid var(--border)}.col-filter{width:100%;min-width:60px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:12px;font-weight:400;color:var(--text);text-transform:none;letter-spacing:normal;outline:none}.col-filter:focus{border-color:var(--focus)}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:76px 24px}.state-idle{border:1px dashed var(--line);color:var(--muted);padding:70px 24px}.state-error{border:1px solid var(--danger-border);background:var(--danger-bg)}@keyframes md-hg{0%{transform:rotate(0)}55%{transform:rotate(0)}to{transform:rotate(180deg)}}.spin-hg{animation:md-hg 1.2s ease-in-out infinite;transform-origin:50% 50%}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.kpi-tile{padding:16px 18px}.kpi-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.kpi-value{font-size:26px;font-weight:800;color:var(--brand);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-unit{font-size:13px;font-weight:600;color:var(--text-2);margin-left:4px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px}.chart-card{padding:16px 18px}.chart-title{font-size:13px;font-weight:700;color:var(--text);margin:0 0 14px}.bar-row{display:grid;grid-template-columns:120px 1fr 52px;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px}.bar-row .bar-label{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{background:var(--surface);border-radius:4px;height:14px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:4px;min-width:2px}.bar-row .bar-value{text-align:right;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);margin:1px 3px 1px 0;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}.refresh-note{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}