body{margin:0;font-family:Segoe UI,system-ui,Arial;background:#f5f7fb;color:#0f172a}
.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{background:#0b1220;color:#e5e7eb;padding:18px}
.brand{font-weight:800;margin-bottom:14px}
.nav a{display:block;color:#e5e7eb;text-decoration:none;padding:10px;border-radius:10px;font-weight:600}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.08)}
.main{padding:20px}
.h1{font-size:24px;font-weight:850;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{background:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(15,23,42,.08);padding:14px}
.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}
.approved{background:#ecfdf5;color:#16a34a}
.pending{background:#fff7ed;color:#d97706}
.rejected{background:#fef2f2;color:#dc2626}
.btn{padding:8px 12px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}