*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fa;color:#172033}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:#101828}.loginbox{width:min(390px,92%);background:#fff;border-radius:16px;padding:34px;box-shadow:0 20px 70px #0005}.loginbox .logo{margin:auto;width:48px;height:48px;border-radius:13px;background:#101828;color:#fff;display:grid;place-items:center;font-weight:800}.loginbox h1{text-align:center;margin:14px 0 3px}.loginbox p{text-align:center;color:#667085;margin:0 0 25px}.loginbox input{display:block;width:100%;margin:10px 0;padding:12px;border:1px solid #d0d5dd;border-radius:8px}.loginbox button,.primary{background:#111827;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.loginbox button{width:100%;margin-top:8px}.loginbox small{color:#b42318;display:block;margin-top:10px}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#101828;color:#fff;padding:22px 14px}.brand{padding:5px 10px 25px}.brand b{display:block;font-size:19px}.brand span{font-size:11px;color:#98a2b3}.nav,.logout{display:block;width:100%;border:0;background:transparent;color:#b8c1cf;text-align:left;padding:12px;border-radius:8px;margin:3px 0;cursor:pointer}.nav.active,.nav:hover{background:#202c3e;color:#fff}.logout{position:absolute;bottom:20px}.app main{margin-left:230px;padding:30px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header h1{margin:0;font-size:27px}header p{margin:5px 0;color:#667085}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:19px}.card span{display:block;color:#667085;font-size:12px}.card b{display:block;font-size:25px;margin-top:9px}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel h2{font-size:15px;margin:0 0 15px}.mini{padding:12px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-size:13px}.toolbar{display:flex;gap:10px;margin-bottom:15px}.toolbar input,.toolbar select{padding:11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.toolbar input{flex:1}.table{padding:0;overflow:auto}.table table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:13px 15px;text-align:left;border-bottom:1px solid #eef0f3;white-space:nowrap}.table th{font-size:11px;color:#667085;text-transform:uppercase}.status{border:1px solid #d0d5dd;border-radius:7px;padding:6px;background:#fff}.modal{position:fixed;inset:0;background:#10182899;display:grid;place-items:center;padding:20px}.modalbox{width:min(650px,100%);background:#fff;border-radius:14px;padding:24px;position:relative}.x{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{font-size:12px;font-weight:700;color:#344054}.formgrid input,.formgrid select,.formgrid textarea{width:100%;margin-top:5px;padding:10px;border:1px solid #d0d5dd;border-radius:8px}.wide{grid-column:1/-1}.formgrid button{grid-column:1/-1}@media(max-width:850px){aside{width:70px}.brand b,.brand span,.nav{font-size:0}.nav:before{content:"•";font-size:20px}.app main{margin-left:70px;padding:18px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}header{gap:10px;align-items:flex-start}.toolbar{flex-wrap:wrap}}