:root{--ums-biru: #2F3185;--ums-kuning: #FFB800;--ums-toska: #1CBDB3}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Segoe UI,system-ui,sans-serif;color:#1f2937;background:#f5f6fa}.topbar{background:var(--ums-toska);color:#fff;padding:14px 24px;display:flex;align-items:center;gap:12px}.topbar .badge{background:var(--ums-biru);color:#fff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.topbar .spacer{flex:1}.topbar button{background:#fff;color:var(--ums-toska);border:0;border-radius:6px;padding:6px 14px;font-weight:600;cursor:pointer}.container{max-width:1100px;margin:24px auto;padding:0 16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px}.card h3{margin:0 0 10px;font-size:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eef0f4;font-size:13px}th{color:#4b5563;font-weight:600}.muted{color:#9ca3af}.user{font-size:13px}.kpi{font-size:28px;font-weight:700;color:var(--ums-biru)}