:root{color:#1f2933;background:#f6f4f1;font-family:Inter,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.shell.collapsed{grid-template-columns:76px 1fr}.sidebar{background:#850101;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0}.brand,.sidebar-toggle,.nav-link,.account{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;background:transparent;border:0;width:100%;text-align:left;padding:12px 14px}.brand strong{display:block;font-size:15px}.brand small,.nav-group,.account small{display:block;opacity:.75;font-size:12px}.nav-group{padding:14px 14px 4px;letter-spacing:.04em;text-transform:uppercase}.nav-link.active{background:#ffffff29}.nav-link:hover,.sidebar-toggle:hover{background:#ffffff14}.sidebar-mark{width:22px;height:22px;border:1.5px solid #fff;border-radius:4px;display:inline-grid;place-items:center;flex:0 0 auto}.account{margin-top:auto;border-top:1px solid rgba(255,255,255,.2)}.shell.collapsed .nav-group,.shell.collapsed .label,.shell.collapsed .brand span,.shell.collapsed .account span{display:none}.main{min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e6e1dc}.filters{display:flex;gap:8px;align-items:center}.filters input,.filters select,.panel input,.panel select,.panel textarea,.login input{border:1px solid #d5d0cb;border-radius:8px;padding:8px 10px;background:#fff}.content{padding:20px;display:grid;gap:16px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi,.panel{background:#fff;border:1px solid #e6e1dc;border-radius:12px;padding:14px}.kpi{text-align:left}.kpi b,.kpi em{display:block}.kpi em{color:#9a3412;font-style:normal;font-size:12px}.kpi small{color:#667085}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #eee;vertical-align:top}.cards{display:none}.card{border:1px solid #e6e1dc;border-radius:12px;padding:12px;background:#fff;display:grid;gap:4px}.card .plate{color:#667085;font-size:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs a,.tabs button,.primary,.ghost{border-radius:8px;border:1px solid #d5d0cb;background:#fff;padding:8px 10px;text-decoration:none}.tabs a.active,.primary{background:#850101;color:#fff;border-color:#850101}.notice,.error,.empty{padding:12px;border-radius:10px;background:#fff7ed}.error{background:#fef2f2}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(420px,100%);background:#fff;border-radius:16px;padding:24px;display:grid;gap:12px;border-top:6px solid #850101}.mobile-nav{display:none}.footer-actions{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff;padding-top:12px}.status{display:inline-flex;border-radius:999px;padding:2px 8px;background:#f3f4f6;font-size:12px}@media (max-width: 800px){.shell,.shell.collapsed{grid-template-columns:1fr}.sidebar{display:none}.kpis{grid-template-columns:1fr 1fr}.table-wrap{display:none}.cards{display:grid;gap:10px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:sticky;bottom:0;background:#fff;border-top:1px solid #e6e1dc}.mobile-nav a{text-align:center;text-decoration:none;padding:10px 4px;color:#850101;font-weight:600;font-size:12px}.topbar{align-items:stretch;flex-direction:column}}
