/* Pedal Monk - Custom CSS */
:root {
  --pm-red:    #e94560;
  --pm-dark:   #1a1a2e;
  --pm-navy:   #16213e;
  --pm-blue:   #0f3460;
}

/* Cards */
.card { border:none; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.08); }
.card-header { border-radius:12px 12px 0 0 !important; font-weight:600; }

/* Stat Cards */
.stat-card { border-radius:12px; color:#fff; padding:20px; position:relative; overflow:hidden; }
.stat-card .stat-icon { font-size:48px; opacity:.2; position:absolute; right:15px; top:10px; }
.stat-card .stat-number { font-size:28px; font-weight:700; }
.stat-card .stat-label { font-size:13px; opacity:.9; }

/* Status Badges */
.badge-pending-qc   { background:#ffc107; color:#000; }
.badge-waiting      { background:#17a2b8; color:#fff; }
.badge-tersedia     { background:#28a745; color:#fff; }
.badge-terjual      { background:#6f42c1; color:#fff; }
.badge-ditolak      { background:#dc3545; color:#fff; }

/* Table */
.table th { background: var(--pm-dark); color:#fff; font-size:13px; }
.table-hover tbody tr:hover { background:#fff3cd22; }

/* Buttons */
.btn-pm { background: var(--pm-red); color:#fff; border:none; }
.btn-pm:hover { background:#c93050; color:#fff; }

/* Login Page */
.login-page { background: linear-gradient(135deg, var(--pm-dark) 0%, var(--pm-navy) 100%); min-height:100vh; }
.login-box-body { border-radius:16px; box-shadow:0 8px 32px rgba(233,69,96,.2); border:1px solid rgba(233,69,96,.15); }
.login-logo { font-size:32px; font-weight:900; letter-spacing:2px; }

/* Responsive tweaks */
@media (max-width: 576px) {
  .stat-card .stat-number { font-size:22px; }
  .content-header h1 { font-size:18px; }
}