:root{--bg:#f4f6f8;--card:#fff;--text:#17212b;--muted:#6d7986;--primary:#0f4c81;--primary-2:#0a3558;--ok:#1f7a3f;--warn:#9a6b08;--err:#992b2b}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% -20%,#d9e8f8,transparent 50%),var(--bg)}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid #dde3ea;border-radius:14px;padding:16px;box-shadow:0 8px 30px rgba(15,30,45,.06)}.badge{padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid #d0d7de}.badge.pending{color:var(--warn);border-color:#ebd79b}.badge.approved{color:var(--ok);border-color:#9fd4b3}.badge.rejected{color:var(--err);border-color:#edb3b3}button{border:0;border-radius:10px;padding:10px 14px;background:var(--primary);color:#fff;cursor:pointer}button:hover{background:var(--primary-2)}input,select,textarea{width:100%;border:1px solid #cbd5df;border-radius:8px;padding:10px;background:#fff}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #edf2f7;padding:10px;text-align:left;font-size:14px}a{color:var(--primary);text-decoration:none}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}