:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9edf2;--surface:#fff;--surface-2:#f3f5f8;--surface-hover:#e6ecf5;--border:#d3dae3;--border-strong:#b7c1ce;--text:#17202b;--text-muted:#5a6574;--text-faint:#8893a2;--accent:#1e5bb8;--accent-hover:#174a99;--accent-contrast:#fff;--accent-soft:#1e5bb81a;--empty-bg:#dfe4ea;--empty-border:#cdd4dd;--empty-text:#8691a0;--fill:#2f6fd0;--fill-track:#dfe5ec;--danger:#b3261e;--danger-soft:#b3261e14;--shadow:0 1px 2px #1018280f, 0 2px 8px #1018280f;--shadow-hover:0 4px 16px #1018281f;--focus-ring:0 0 0 3px #1e5bb859}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161c;--surface:#1b2129;--surface-2:#222a34;--surface-hover:#283342;--border:#2f3946;--border-strong:#3f4b5b;--text:#e4e9f0;--text-muted:#9aa6b6;--text-faint:#6b7787;--accent:#4d8ee8;--accent-hover:#6aa2ee;--accent-contrast:#0b1018;--accent-soft:#4d8ee824;--empty-bg:#1a1f26;--empty-border:#262d37;--empty-text:#5c6878;--fill:#4d8ee8;--fill-track:#2a323d;--danger:#f2817a;--danger-soft:#f2817a1a;--shadow:0 1px 2px #0000004d, 0 2px 8px #00000040;--shadow-hover:0 6px 20px #0006;--focus-ring:0 0 0 3px #4d8ee873}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}.num{font-variant-numeric:tabular-nums}.unit{color:var(--text-muted);margin-left:.3em;font-size:.6em;font-weight:500}.app-shell{max-width:1120px;margin:0 auto;padding:24px clamp(16px,3vw,32px) 48px}.page{flex-direction:column;gap:24px;display:flex}.page-header{flex-direction:column;justify-content:center;gap:8px;min-height:56px;padding-right:72px;display:flex}.page-header__nav{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.page-header__title{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3.2vw,34px);font-weight:700}.page-header__subtitle{color:var(--text-muted);font-size:16px}.section-title{margin:0;font-size:18px;font-weight:600}.back-button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:6px;padding:0 16px 0 10px;font-weight:600;text-decoration:none;display:inline-flex}.back-button:hover{background:var(--surface-hover)}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;font-size:15px;display:flex}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs__sep{color:var(--text-faint);margin:0 8px}.theme-toggle{z-index:10;border:1px solid var(--border);background:var(--surface);width:52px;height:52px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;top:20px;right:20px}.theme-toggle:hover{background:var(--surface-hover)}.btn{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--accent-contrast);cursor:pointer;border-radius:10px;padding:0 20px;font-weight:600}.btn:hover{background:var(--accent-hover)}.warehouse-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.warehouse-card{border:1px solid var(--border);border-left:6px solid var(--accent);background:var(--surface);min-height:180px;color:var(--text);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;justify-content:center;gap:10px;padding:24px 28px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.warehouse-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.warehouse-card:active{transform:translateY(0)}.warehouse-card.is-empty{border-left-color:var(--empty-border)}.warehouse-card__name{font-size:26px;font-weight:700}.warehouse-card__volume{font-size:34px;font-weight:700;line-height:1.1}.warehouse-card.is-empty .warehouse-card__volume{color:var(--empty-text)}.warehouse-card__caption{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:14px}.boiler-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:680px;display:grid}.boiler-button{border:1px solid var(--border);background:var(--surface);min-height:96px;color:var(--text);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.boiler-button:hover{box-shadow:var(--shadow-hover);background:var(--surface-hover);transform:translateY(-2px)}.boiler-button:active{transform:translateY(0)}.boiler-button__number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.boiler-button__meta{color:var(--text-muted);text-align:right;font-size:17px;font-weight:600}.boiler-button.is-empty{background:var(--empty-bg);border-color:var(--empty-border);box-shadow:none}.boiler-button.is-empty .boiler-button__number,.boiler-button.is-empty .boiler-button__meta{color:var(--empty-text)}.boiler-button.is-empty .boiler-button__meta{text-transform:uppercase;letter-spacing:.08em;font-size:14px}.tabs{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-self:flex-start;padding:4px;display:inline-flex}.tabs__tab{min-width:160px;min-height:52px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 24px;font-size:17px;font-weight:600}.tabs__tab:hover{color:var(--text)}.tabs__tab.is-active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow)}.tab-panel{flex-direction:column;gap:16px;display:flex}.info-panel{flex-direction:column;gap:20px;display:flex}.info-panel__summary{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.stat{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:6px;padding:20px 24px;display:flex}.stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:14px}.stat__value{font-size:34px;font-weight:700;line-height:1.15}.stat__value--small{font-size:20px}.stat__hint{color:var(--text-muted);font-size:14px}.fill-bar{background:var(--fill-track);border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.fill-bar__value{border-radius:inherit;background:var(--fill);height:100%}.info-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);background:var(--surface);width:100%;max-width:640px;box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.info-table th,.info-table td{border-bottom:1px solid var(--border);padding:14px 24px;font-size:18px}.info-table tr:last-child th,.info-table tr:last-child td{border-bottom:0}.info-table th{text-align:left;color:var(--text-muted);font-weight:500}.info-table td{text-align:right;white-space:nowrap;font-family:ui-monospace,Cascadia Mono,Consolas,Roboto Mono,monospace;font-weight:700}.trend{flex-direction:column;gap:16px;display:flex}.trend-chart{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:16px 16px 8px 8px}.trend-chart__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:0 8px 4px 16px;display:flex}.trend-chart__title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.trend-chart__dot{border-radius:50%;width:10px;height:10px}.trend-chart__stats{color:var(--text-muted);font-size:14px}.trend-chart__stats strong{color:var(--text)}.trend-chart__sep{color:var(--text-faint);margin:0 8px}.trend-chart__body{width:100%;height:210px}.status-view{border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.status-view[role=status]{flex-direction:row;align-items:center}.status-view--error{border-style:solid;border-color:var(--danger);background:var(--danger-soft);color:var(--text)}.status-view__details{color:var(--text-muted);font-size:14px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.info-panel__summary{grid-template-columns:1fr 1fr}.stat--primary{grid-column:1/-1}.tabs{align-self:stretch}.tabs__tab{flex:1;min-width:0}}@media (width<=480px){.boiler-button{flex-direction:column;justify-content:center;align-items:flex-start}.boiler-button__meta{text-align:left}.info-table th,.info-table td{padding:12px 16px;font-size:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}
