/* Minimal Cardy style (gaya 3) and Apple-like centered login */
:root{
  --bg:#f6f9fc;--card:#ffffff;--muted:#667085;--accent:#8dd3c7;
}
body{font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); margin:0; padding:0;}
#lmp-root, #lmp-login-root, #lmp-admin-root{padding:24px;}
.lmp-container{max-width:1100px;margin:24px auto;}
.lmp-sidebar{width:240px;background:var(--card);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(17,24,39,0.06);float:left;margin-right:24px;}
.lmp-content{background:transparent;min-height:300px;}
.card{background:var(--card);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(16,24,40,0.06);margin-bottom:16px;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.centered-login{min-height:100vh;display:flex;align-items:center;justify-content:center;}
.login-card{width:400px;padding:28px;border-radius:14px;background:var(--card);box-shadow:0 10px 30px rgba(16,24,40,0.08);text-align:center;}
.input{width:100%;padding:10px;border-radius:8px;border:1px solid #e6edf3;margin:8px 0;}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--accent);border:none;color:#042a2b;font-weight:600;cursor:pointer;}
.table{width:100%;border-collapse:collapse;}
.table th,.table td{padding:10px;border-bottom:1px solid #eef2f6;text-align:left;}
.status-badge{padding:6px 10px;border-radius:12px;font-weight:600;}
.status-pending{background:#fff7e6;color:#a66300;}
.status-approved{background:#e6fffa;color:#03543f;}