nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#1b3027;padding:16px;border-radius:12px}a{color:#e4c68d}main h1{font-size:36px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.kpi{background:#1d362b;border:1px solid #47604f;border-radius:12px;padding:20px}.kpi strong{display:block;font-size:25px;margin-top:10px;color:#e9c584}.data-table{overflow:auto;max-height:470px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #ffffff18;padding:10px;white-space:nowrap}th{color:#d6bc89}select{display:block;width:100%;padding:11px;margin:8px 0 18px;background:#10251b;color:#edf1e9;border:1px solid #526e59;border-radius:7px;font:inherit}form .toggle{margin:15px 0}.columns{align-items:start}.columns .panel{min-width:0}pre{overflow:auto;max-height:300px;font-size:11px;background:#102018;padding:15px}section[id]{scroll-margin-top:110px}.ok{color:#b5dfb6}.error{color:#f0ab93}#status{min-height:30px}#supply{line-height:1.9}@media(max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)}nav{font-size:12px;gap:12px}.kpi{padding:14px}.kpi strong{font-size:21px}}