:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#17212b;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center}.card{background:white;border-radius:18px;box-shadow:0 10px 35px #0001;padding:24px}.login{width:min(420px,92vw)}h1{margin:0;color:#ff5100}input,select,button{font:inherit}input,select{width:100%;padding:12px;margin:7px 0;border:1px solid #dbe1e7;border-radius:10px}button{border:0;border-radius:10px;padding:11px 15px;cursor:pointer}.login button{width:100%;background:#ff5100;color:#fff;margin-top:8px}.error{color:#c62828;margin-top:10px;min-height:20px}#app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#111820;color:white;padding:20px;display:flex;flex-direction:column}.brand{font-weight:900;font-size:22px;margin-bottom:25px}.brand span{font-size:11px;color:#ff8a55}nav{display:grid;gap:7px}nav button{background:transparent;color:#cbd3da;text-align:left}nav button:hover,nav button.active{background:#ff5100;color:#fff}.logout{margin-top:auto;background:#26313b;color:#fff}main{min-width:0}header{background:#fff;border-bottom:1px solid #e7ebef;padding:20px 26px;display:flex;justify-content:space-between;align-items:center}header h2{margin:0}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat{background:#fff;border-radius:16px;padding:20px;box-shadow:0 3px 18px #0000000b}.stat b{display:block;font-size:28px;margin-top:8px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select{width:auto;min-width:180px;margin:0}.tableWrap{overflow:auto;background:#fff;border-radius:16px;box-shadow:0 3px 18px #0000000b}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 14px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:top}.table th{background:#fafbfc}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf2f6;font-size:12px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{background:#edf2f6}.actions button.primary{background:#ff5100;color:#fff}.empty{padding:30px;text-align:center;color:#7a8792}@media(max-width:800px){#app{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:5;padding:10px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}aside .logout{display:none}}