*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fa;color:#1f2937}header{background:#073763;color:#fff;padding:18px 24px}.brand{font-size:24px;font-weight:700;margin-bottom:12px}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:7px 10px;border-radius:5px}nav a:hover{background:#0b4f8a}.container{max-width:1200px;margin:24px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card,.panel{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.07)}.card .value{font-size:28px;font-weight:700;color:#0b63a5;margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#eaf1f8}.btn,button{display:inline-block;background:#0b63a5;color:#fff;border:0;border-radius:6px;padding:10px 15px;text-decoration:none;cursor:pointer}.btn.secondary{background:#475569}.form-row{margin-bottom:14px}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;max-width:520px;padding:10px;border:1px solid #cbd5e1;border-radius:6px}.flash{background:#dcfce7;border:1px solid #86efac;padding:12px;border-radius:6px;margin-bottom:16px}.error{background:#fee2e2;border:1px solid #fca5a5;padding:12px;border-radius:6px;margin-bottom:16px}footer{text-align:center;padding:24px;color:#64748b}.login{max-width:380px;margin:90px auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}