*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#202631;font-family:system-ui,Segoe UI,Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#171a22;padding:26px 18px;color:white}.brand{font-size:22px;font-weight:800;margin-bottom:38px}.brand span{color:#f04452}nav a{display:block;padding:12px 14px;margin:5px 0;border-radius:9px;color:#dce0e8;text-decoration:none}nav a:hover{background:#b82031;color:white}main{margin-left:245px;padding:30px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:26px;margin:0}h2{font-size:19px}.box{background:#fff;padding:24px;border-radius:13px;box-shadow:0 4px 18px #15243b0d;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric{font-size:32px;font-weight:800;color:#c52033}label{display:block;font-size:13px;font-weight:650;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #d4d9e1;border-radius:8px;padding:10px 12px;font:inherit;background:white}textarea{min-height:80px}form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:16px}.btn,button{display:inline-block;background:#c51e31;color:white;padding:10px 16px;border:0;border-radius:8px;font-weight:650;text-decoration:none;cursor:pointer;font-size:14px}.secondary{background:#354052}.btn:hover,button:hover{filter:brightness(.92)}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f3;font-size:14px}th{color:#67707e;background:#f8fafc}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alert{background:#e6f8ed;padding:12px;border-radius:8px;color:#136837}.alert.bad{background:#fde8eb;color:#9a1022}.right{text-align:right}.muted{color:#7b8593}.login{min-height:100vh;display:grid;place-items:center;background:#171a22}.login .box{width:min(420px,94vw)}.login h1{text-align:center;color:#c51e31;margin-bottom:25px}.login label{margin-top:16px}.login button{width:100%;margin-top:20px}@media(max-width:800px){aside{position:static;width:100%;padding:14px}aside nav{display:flex;flex-wrap:wrap}.brand{margin:0}main{margin:0;padding:16px}header{display:block}table{display:block;overflow:auto}}@media print{aside,.noprint,button{display:none!important}main{margin:0;padding:0}.box{box-shadow:none}body{background:white}}