:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{background:#173f67;color:#fff;padding:14px 4%;display:flex;justify-content:space-between;gap:20px;align-items:center}header span{margin-left:12px;opacity:.8}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none}main{max-width:1200px;margin:auto;padding:28px 4%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card,form,.table-wrap{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 12px #0001}.metric{font-size:28px;font-weight:700}.muted{color:#657786}label{display:block;margin:10px 0 5px;font-weight:600}input,select,textarea{width:100%;padding:11px;border:1px solid #ccd4dc;border-radius:8px}button,.btn{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:#173f67;color:#fff;text-decoration:none;cursor:pointer;margin-top:12px}.btn2{background:#4f6578}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e8eb;text-align:left}th{background:#eef4f8}.ok{color:#287a38;font-weight:700}.warn{color:#a66a00;font-weight:700}.bad{color:#b3261e;font-weight:700}.alert{padding:12px;border-radius:8px;background:#fff2cc;margin-bottom:14px}.login{max-width:420px;margin:8vh auto}footer{margin-top:30px;color:#7b8794;font-size:13px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}}