*{box-sizing:border-box}:root{--navy:#07172d;--blue:#1674ff;--sky:#00b6ff;--ink:#11213a;--muted:#617086;--bg:#f4f7fb;--line:#dce5f0;--ok:#149c55;--danger:#c0392b}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{background:var(--navy);color:#fff}.top .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:1.2rem}.brand span{color:var(--sky)}.nav{display:flex;gap:18px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff}.btn-light{background:#fff;border:1px solid var(--line)}main{padding:42px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 35px rgba(7,23,45,.06)}.metric{font-size:2rem;font-weight:900}.muted{color:var(--muted)}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #c8d4e4;border-radius:10px;font:inherit}textarea{min-height:130px}.field{margin-bottom:15px}.notice{padding:13px 16px;border-radius:10px;background:#eaf4ff;border:1px solid #b9dafd;margin-bottom:18px}.error{background:#fff0ee;border-color:#ffc9c2;color:#912b1e}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9eef6;font-size:.8rem;font-weight:800}.badge.active{background:#e2f8ea;color:#0b7b3b}.badge.pending{background:#fff5d8;color:#8b6500}.login{max-width:520px;margin:40px auto}.sidebar-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.side{background:#0b1d37;color:#d8e5f6;border-radius:18px;padding:18px;height:max-content}.side a{display:block;padding:12px;border-radius:9px}.side a:hover{background:#17345c}.footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:800px){.grid,.grid-2,.sidebar-layout{grid-template-columns:1fr}.nav{gap:10px;font-size:.9rem}.top .wrap{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}.table{display:block;overflow:auto}}.btn-logout{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35)}.btn-logout:hover{color:#fff;background:rgba(255,255,255,.16)}.btn-outline{background:transparent;color:var(--ink);border:1px solid #b9c9dc}.btn-danger{background:linear-gradient(135deg,#dd4b3e,var(--danger));color:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-head h1{margin-bottom:4px}@media(max-width:760px){.dashboard-head{align-items:flex-start;flex-direction:column}.actions form,.actions .btn{width:100%}}