*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#20262e;font-family:Arial,sans-serif}header{background:#17212b;color:white;padding:15px 25px;display:flex;justify-content:space-between;gap:20px}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#dce7f0;text-decoration:none}main{max-width:1200px;margin:25px auto;padding:0 15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.form{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0001}.metric{font-size:28px;font-weight:bold;margin-top:8px}.muted{color:#697580}.danger{color:#b42318}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:11px;border-bottom:1px solid #e5e9ed;text-align:left}.table th{background:#f9fafb}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:flex;flex-direction:column;gap:5px}.field input,.field select{padding:10px;border:1px solid #ccd3da;border-radius:6px}.btn{display:inline-block;padding:9px 13px;border:0;border-radius:6px;background:#1769aa;color:white;text-decoration:none;cursor:pointer}.secondary{background:#66717c}.red{background:#b42318}.actions{margin-top:16px;display:flex;gap:8px}.alert{max-width:1200px;margin:15px auto;padding:12px;border-radius:7px}.ok{background:#e6f7ed;color:#176b43}.err{background:#fdecec;color:#991b1b}.login{max-width:400px;margin:70px auto}.bar{height:8px;background:#e8edf1;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#1769aa}footer{text-align:center;color:#77838d;padding:30px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}header{flex-direction:column}}@media(max-width:500px){.grid{grid-template-columns:1fr}}