@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--color-bg: #f5f7fb;--color-bg-2: #eef2f9;--color-surface: #ffffff;--color-surface-subtle: #fafbfe;--color-surface-raised: #ffffff;--color-border: #d9e0ee;--color-border-soft: #e9edf7;--color-text: #101321;--color-text-muted: #57607a;--color-accent: #1f8f57;--color-accent-soft: #def5e9;--color-accent-2: #4f6fff;--color-success: #2f9d62;--color-warning: #c57c12;--color-danger: #c23a47;--chart-inflow: #29a86a;--chart-outflow: #e86b71;--chart-accent: #4f6fff;--chart-accent-2: #3f5de3;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--color-text);background:radial-gradient(circle at 12% -6%,#ffffff 0%,transparent 42%),radial-gradient(circle at 110% 10%,#ecf2ff 0%,transparent 34%),linear-gradient(180deg,var(--color-bg),var(--color-bg-2))}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:1.65rem;line-height:1.2;letter-spacing:-.015em}h2{font-size:1.06rem;line-height:1.25;letter-spacing:-.01em}h3,.subhead{font-size:.95rem;margin-bottom:10px}input,button{font:inherit}input[type=text],input[type=password],input[type=number]{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);padding:10px 12px;min-height:42px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus{border-color:#a8b8dd;box-shadow:0 0 0 3px #dce7ff}button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);padding:10px 13px;min-height:40px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}button:disabled{cursor:not-allowed;opacity:.55}button:hover:not(:disabled){transform:translateY(-1px);border-color:#bdc8e3}.btn{font-weight:600}.btn-primary{color:#fff;border-color:#1f8f57;background:linear-gradient(180deg,#2aaf6d,#1f8f57)}.btn-primary:hover:not(:disabled){border-color:#1d7f4f}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{border-right:1px solid var(--color-border);background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px 16px;position:sticky;top:0;align-self:start;height:100vh}.brand-block{display:flex;align-items:center;gap:10px;margin-bottom:24px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(130deg,#5a7bff,#1f8f57)}.brand-name{font-weight:780;letter-spacing:-.01em}.brand-subtitle{color:var(--color-text-muted);font-size:.76rem;margin-top:2px}.sidebar-nav{display:grid;gap:6px}.sidebar-link{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border-radius:10px;color:var(--color-text-muted);font-size:.94rem;font-weight:600;border:1px solid transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.sidebar-link:hover{color:var(--color-text);background:#f4f7fd}.sidebar-link.active{color:var(--color-text);background:#edf3ff;border-color:#ccdaf5}.shell-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.shell-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--color-border);background:#f5f8fdbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}.topbar-kicker{font-size:.79rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-text-muted);font-size:.78rem;padding:7px 11px}.status-dot{width:8px;height:8px;border-radius:999px;background:#9aa7c8}.status-dot.ok{background:var(--color-success)}.status-dot.bad{background:var(--color-danger)}.page-container{padding:22px 24px 30px}.page-stack{display:grid;gap:16px}.surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:16px;box-shadow:0 1px #0f132108,0 14px 32px #44588214;animation:surface-in .26s ease}.surface.subtle{background:var(--color-surface-subtle);box-shadow:none}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head.compact{margin-bottom:12px}.section-head .muted{margin-top:4px}.section-actions,.header-actions,.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.field-inline{display:grid;gap:6px;min-width:min(280px,100%)}.field-block{display:grid;gap:6px}.field-label{font-size:.77rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700;color:var(--color-text-muted)}.stack-form{display:grid;gap:12px}.segment-control{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:4px;width:fit-content}.segment-btn{min-height:34px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);font-size:.84rem;font-weight:700;padding:6px 12px}.segment-btn.active{background:#eef4ff;border-color:#cedaf4;color:#253466}.banner{border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);padding:10px 12px;font-size:.9rem;background:#f6f9ff}.banner.error{border-color:#f0ced2;background:#fff2f4;color:#9f2531}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px;min-height:118px}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-title{color:var(--color-text-muted);font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.kpi-value{margin-top:10px;font-size:1.38rem;font-weight:780;letter-spacing:-.01em}.kpi-subtitle{margin-top:7px;color:var(--color-text-muted);font-size:.82rem}.kpi-success{border-color:#bfe9cf;background:linear-gradient(180deg,#fff,#f4fff8)}.kpi-warning{border-color:#f1dfb4;background:linear-gradient(180deg,#fff,#fff9ef)}.kpi-danger{border-color:#f0c9ce;background:linear-gradient(180deg,#fff,#fff5f6)}.chart-card .chart-shell{min-height:250px}.empty-state{display:grid;place-items:center;gap:6px;min-height:230px;border:1px dashed var(--color-border);border-radius:12px;background:#fbfcff;padding:20px;text-align:center}.empty-title{font-weight:700}.two-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.two-col-grid.tight{gap:10px}.three-col-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.list-table{display:grid;gap:8px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border:1px solid var(--color-border-soft);border-radius:11px;background:#fff}.row-title{font-weight:700;font-size:.94rem}.row-metric{text-align:right;font-weight:700;white-space:nowrap}.legend-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.legend-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:999px;padding:5px 10px;font-size:.8rem;background:#fff}.legend-dot{width:8px;height:8px;border-radius:999px}.data-table-wrap{overflow-x:auto;border:1px solid var(--color-border-soft);border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:660px;background:#fff}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border-soft);font-size:.87rem}.data-table th{font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);font-weight:800;background:#f8faff}.data-table tr:last-child td{border-bottom:0}.mini-kpi-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.mini-kpi{border:1px solid var(--color-border-soft);border-radius:11px;padding:10px;background:#fbfcff}.mini-label{color:var(--color-text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.mini-value{margin-top:4px;font-size:1.08rem;font-weight:800}.meta-grid{display:grid;gap:6px}.muted{color:var(--color-text-muted)}.small{font-size:.82rem}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.stack{display:grid;gap:10px}@keyframes surface-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-border);padding-bottom:14px}.sidebar-nav{display:flex;gap:6px;flex-wrap:wrap}.shell-topbar{padding:0 16px}.page-container{padding:16px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-grid,.three-col-grid,.mini-kpi-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.kpi-grid{grid-template-columns:minmax(0,1fr)}.section-head{flex-direction:column;align-items:flex-start}.header-controls,.header-controls .field-inline{width:100%}.segment-control{width:100%;justify-content:space-between}.segment-btn{flex:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}