:root{font:15px system-ui,-apple-system,Segoe UI,sans-serif;color:#1b2029;background:#f4f5f8}*{box-sizing:border-box}body{margin:0}header{height:68px;background:#16191f;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,70px)}.brand{display:flex;gap:13px;align-items:baseline}.brand b{font-size:26px;color:#f05258;letter-spacing:-1px}.brand span{font-size:14px;color:#e4e4e4}.right{display:flex;align-items:center;gap:20px}main{max-width:1540px;margin:auto;padding:30px clamp(16px,3vw,45px)}h1{font-size:28px;margin:0 0 9px}h2{font-size:17px;margin:0 0 16px}h3{font-size:14px;margin:22px 0 7px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a01b27;font-weight:800}.muted,.panel p,.kpis p{color:#6d7581;font-size:13px;line-height:1.5}.head{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}.panel{background:white;border:1px solid #e7e9ee;border-radius:15px;padding:22px;box-shadow:0 4px 15px #1c263008}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:18px}.filters label{flex:1;min-width:140px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.kpis small{color:#6a7380}.kpis strong{display:block;font-size:clamp(22px,2.1vw,33px);margin:10px 0;letter-spacing:-1px}.kpis p{margin:0}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin:18px 0}.scroll{overflow:auto;max-height:350px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#6b7480;font-weight:600;background:#f7f7f9;position:sticky;top:0}td,th{padding:11px 10px;border-bottom:1px solid #f0f0f1;white-space:nowrap}td:nth-last-child(-n+3){font-variant-numeric:tabular-nums}input,select{display:block;width:100%;border:1px solid #d9dce3;border-radius:9px;padding:10px;margin-top:7px;background:white;color:#282c32;font:inherit}label{display:block;font-size:12px;font-weight:700;color:#414752}button{border:0;padding:11px 17px;background:#ae2330;color:white;border-radius:9px;cursor:pointer;font-weight:700}button:hover{background:#8c1924}button.subtle{background:#3d424b}.bars{display:grid;gap:12px}.barrow{display:grid;grid-template-columns:minmax(90px,1.4fr) minmax(60px,2fr) 100px;gap:9px;align-items:center;font-size:12px}.barlabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track{height:10px;background:#f0e7e8;border-radius:10px;overflow:hidden}.fill{height:100%;background:#bb2e3c;border-radius:10px}.barvalue{text-align:right;font-variant-numeric:tabular-nums}.list{font-size:12px;color:#454c57;max-height:130px;overflow:auto}.list div{padding:6px 0;border-bottom:1px solid #eee}.notice{color:#216f45!important}.error{color:#ad1827!important}.login{max-width:420px;margin:8vh auto}.login label{margin:14px 0}.login button{width:100%}footer{text-align:center;color:#88919e;font-size:12px;padding:24px}@media(max-width:1050px){.columns{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.kpis{grid-template-columns:1fr 1fr}.panel{padding:15px}.right span{display:none}.head{align-items:start}.barrow{grid-template-columns:90px 1fr 77px}}

.user-section{margin-top:18px}.user-section .columns{grid-template-columns:1fr 1.7fr;margin:0}.user-section form label{margin-bottom:10px}.user-section select{min-width:105px}.user-section table input{margin:0 0 5px}@media(max-width:900px){.user-section .columns{grid-template-columns:1fr}}
