body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;background:#f3f7ff;color:#10213f}header{height:60px;background:#10213f;color:#fff;display:flex;align-items:center;padding:0 22px}header div{display:flex;gap:16px;align-items:center}nav{height:52px;background:#fff;border-bottom:1px solid #dbe5f3;display:flex;align-items:center;gap:8px;padding:0 18px;overflow:auto}nav a,.button{padding:9px 12px;border-radius:10px;color:#334155;text-decoration:none;border:1px solid transparent;font-weight:700}nav a:hover,.button:hover{background:#f3f7ff;color:#1d4ed8}.button.active{background:#1d4ed8;color:#fff}main{padding:22px}.card,.metric,.login-card{background:#fff;border:1px solid #d8e6fb;border-radius:14px;padding:18px;box-shadow:0 12px 30px rgba(16,33,63,.06);margin-bottom:18px}.login-card{max-width:420px;margin:80px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric span{display:block;color:#64748b}.metric b{font-size:32px;color:#1d4ed8}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-form .wide{grid-column:1/-1}label{display:block;font-weight:700}input,select,textarea{width:100%;padding:10px;border:1px solid #cfe0ff;border-radius:10px;margin-top:5px}textarea{min-height:120px}button{padding:9px 12px;border-radius:10px;border:1px solid #cfe0ff;background:#fff;font-weight:800;cursor:pointer}form button,.grid-form button{background:#1d4ed8;color:#fff;border-color:#1d4ed8}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #e5eefb;text-align:left;vertical-align:top}th{background:#f8fbff}.filters{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.columns{columns:3}