:root{--bg:#f6f8fb;--card:#fff;--ink:#172033;--muted:#667085;--brand:#155EEF;--ok:#027A48;--bad:#B42318;--line:#e5e7eb;--soft:#EEF4FF}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:var(--brand);text-decoration:none}.top{background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;position:sticky;top:0;z-index:2}.brand{font-size:24px;font-weight:800;color:#0b1f45}.tag{margin-left:12px;color:var(--muted);font-size:13px}.wrap{max-width:1180px;margin:24px auto;padding:0 18px}.foot{text-align:center;padding:30px;color:var(--muted)}.hero{background:linear-gradient(135deg,#0b1f45,#155EEF);color:white;border-radius:22px;padding:48px;box-shadow:0 10px 25px #0002}.hero h1{font-size:44px;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 14px #00000008}.kpi{font-size:34px;font-weight:800}.muted{color:var(--muted)}.btn,button,input[type=submit]{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-block}.btn.alt{background:#111827}.btn.good{background:var(--ok)}.btn.bad{background:var(--bad)}.btn.light{background:var(--soft);color:#0b1f45}.nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.nav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#0b1f45}input,select,textarea{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:10px;margin:6px 0 12px;background:#fff}textarea{min-height:110px}label{font-weight:700;font-size:14px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f9fafb}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#eee;font-size:12px}.status.approved{background:#dcfae6;color:#027A48}.status.pending{background:#fff6d6;color:#92400e}.status.rejected{background:#fee4e2;color:#B42318}.notice{background:#fff8e1;border:1px solid #f5d76e;border-radius:12px;padding:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.split{grid-template-columns:1fr}.hero{padding:28px}.hero h1{font-size:32px}.top{display:block}.tag{display:block;margin:4px 0 0}}