/* ═══════════════════════════════════════════════════════════════
   Pavitra Ristey — Admin Panel CSS
═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --crimson:#6c0008;--gold:#c9a84c;--cream:#fcf9f8;
  --surface:#fff;--surface-container:#f6f3f2;
  --on-surface:#1c1b1b;--on-surface-variant:#58413f;
  --outline:#e0bfbc;--outline-variant:#e5e2e1;
  --error:#ba1a1a;--success:#16a34a;
  --admin-bg:#1a0a0b;--admin-sidebar:#200c0d;
  --radius:12px;--radius-lg:20px;
  --font-body:'Plus Jakarta Sans',sans-serif;
  --font-head:'Noto Serif',serif;
  --sidebar-w:256px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-body);background:#f8f5f4;color:var(--on-surface);font-size:14px;line-height:1.6;}
a{color:var(--crimson);text-decoration:none;}

/* Sidebar */
.admin-wrap{display:flex;min-height:100vh;}
.admin-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--admin-sidebar);display:flex;flex-direction:column;overflow-y:auto;z-index:100;}
.admin-sidebar .logo-area{padding:24px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.admin-sidebar .logo-area .logo-text{color:#fff;font-family:var(--font-head);font-size:1.1rem;font-weight:700;display:block;margin-top:8px;}
.admin-sidebar .logo-area .logo-sub{color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.08em;text-transform:uppercase;}
.admin-nav{padding:12px 0;flex:1;}
.admin-nav .nav-section{padding:10px 20px 4px;font-size:10px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.3);text-transform:uppercase;}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:rgba(255,255,255,.65);font-size:13px;font-weight:500;transition:all .2s;border-left:3px solid transparent;position:relative;}
.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.07);color:#fff;border-left-color:var(--gold);}
.admin-nav a .nav-badge{margin-left:auto;background:var(--crimson);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:50px;}
.admin-nav a .material-symbols-outlined{font-size:18px;}
.admin-sidebar-foot{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08);}
.admin-sidebar-foot a{color:rgba(255,255,255,.5);font-size:12px;display:flex;align-items:center;gap:8px;}

/* Main */
.admin-main{flex:1;margin-left:var(--sidebar-w);}
.admin-topbar{background:#fff;border-bottom:1px solid var(--outline-variant);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.admin-topbar .page-title{font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--crimson);}
.admin-topbar .admin-info{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;}
.admin-topbar .admin-info img{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.admin-content{padding:28px;}

/* KPI Cards */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;}
.kpi-card{background:#fff;border-radius:var(--radius-lg);padding:22px;border:1px solid var(--outline-variant);display:flex;flex-direction:column;gap:4px;}
.kpi-card .kpi-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px;}
.kpi-card .kpi-num{font-family:var(--font-head);font-size:1.8rem;font-weight:700;color:var(--crimson);line-height:1;}
.kpi-card .kpi-lbl{font-size:12px;color:var(--on-surface-variant);font-weight:500;}
.kpi-card .kpi-change{font-size:11px;font-weight:700;margin-top:4px;}
.kpi-card .kpi-change.up{color:var(--success);}
.kpi-card .kpi-change.down{color:var(--error);}

/* Cards */
.admin-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--outline-variant);margin-bottom:20px;}
.admin-card .card-head{padding:18px 24px;border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:space-between;}
.admin-card .card-head h3{font-family:var(--font-head);font-size:1rem;}
.admin-card .card-body{padding:24px;}

/* Tables */
.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--outline-variant);}
table{width:100%;border-collapse:collapse;font-size:13px;}
thead th{background:var(--surface-container);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--on-surface-variant);text-transform:uppercase;border-bottom:1px solid var(--outline-variant);}
tbody td{padding:12px 16px;border-bottom:1px solid var(--outline-variant);vertical-align:middle;}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover{background:#fdfafA;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;border:1.5px solid transparent;transition:all .2s;white-space:nowrap;}
.btn-primary{background:var(--crimson);color:#fff;}
.btn-primary:hover{opacity:.9;}
.btn-sm{padding:5px 12px;font-size:11px;}
.btn-outline{background:transparent;border-color:var(--crimson);color:var(--crimson);}
.btn-ghost{background:var(--surface-container);color:var(--on-surface);border-color:var(--outline-variant);}
.btn-danger{background:#fee2e2;color:var(--error);border-color:#fecaca;}
.btn-success{background:#dcfce7;color:var(--success);border-color:#bbf7d0;}
.btn-gold{background:var(--gold);color:#241a00;}

/* Badges */
.badge{display:inline-block;padding:2px 9px;border-radius:50px;font-size:10px;font-weight:700;letter-spacing:.04em;}
.badge-pending{background:#fef3c7;color:#92400e;}
.badge-verified{background:#dcfce7;color:#15803d;}
.badge-premium{background:linear-gradient(135deg,#c9a84c,#8b6914);color:#fff;}
.badge-inactive{background:#f3f4f6;color:#6b7280;}
.badge-banned{background:#fee2e2;color:var(--error);}
.badge-success{background:#dcfce7;color:#15803d;}
.badge-free{background:#f3f4f6;color:#6b7280;}

/* Forms */
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:var(--on-surface-variant);}
.form-control{width:100%;padding:9px 14px;border:1.5px solid var(--outline-variant);border-radius:var(--radius);font-family:var(--font-body);font-size:13px;background:#fff;color:var(--on-surface);transition:border-color .2s;}
.form-control:focus{outline:none;border-color:var(--crimson);box-shadow:0 0 0 3px rgba(108,0,8,.06);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}

/* Alerts */
.flash-msg{padding:12px 18px;border-radius:var(--radius);font-size:13px;font-weight:600;margin-bottom:16px;}
.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;}
.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}
.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;}

/* Pagination */
.pagination{display:flex;gap:4px;justify-content:center;margin-top:24px;}
.pg-btn{padding:6px 14px;border-radius:50px;border:1.5px solid var(--outline-variant);font-size:12px;font-weight:600;color:var(--on-surface);transition:all .2s;}
.pg-btn:hover,.pg-btn.active{background:var(--crimson);color:#fff;border-color:var(--crimson);}

/* Stats/Charts placeholders */
.chart-box{background:var(--surface-container);border-radius:var(--radius);height:200px;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);font-size:13px;}

/* Profile thumb */
.member-thumb{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--outline-variant);}
.member-info .name{font-weight:700;font-size:13px;}
.member-info .mid{font-size:11px;color:var(--on-surface-variant);}

/* Misc */
.divider{height:1px;background:var(--outline-variant);margin:20px 0;}
.text-crimson{color:var(--crimson);}
.text-gold{color:var(--gold);}
.text-muted{color:var(--on-surface-variant);}
.text-sm{font-size:12px;}
.font-bold{font-weight:700;}
.d-none{display:none!important;}
.flex{display:flex;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.items-center{align-items:center;}
.justify-between{justify-content:space-between;}
.gap-2{gap:8px;}
.gap-3{gap:12px;}
.mb-4{margin-bottom:16px;}
.mb-6{margin-bottom:24px;}
.w-full{width:100%;}

@media(max-width:768px){
  .admin-sidebar{transform:translateX(-100%);}
  .admin-sidebar.open{transform:translateX(0);}
  .admin-main{margin-left:0;}
  .form-row,.form-row-3{grid-template-columns:1fr;}
}