.adm-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:16px;border-radius:var(--adm-radius);box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.adm-kpi{display:flex;align-items:center;gap:12px}
.adm-kpi .kpi-value{font-size:22px;font-weight:700}
.adm-table{width:100%;border-collapse:collapse}
.adm-table th,.adm-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.03);color:var(--adm-muted)}
.adm-table th{color:var(--adm-text);font-weight:700}

/* Dashboard stat cards grid */
.admin-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.admin-stat-card{background:linear-gradient(90deg,rgba(255,255,255,0.02),transparent);padding:16px;border-radius:10px;box-shadow:0 6px 24px rgba(2,6,23,0.4);display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,0.03);color:var(--adm-text);transition:background .3s,box-shadow .3s}
.theme-light .admin-stat-card{background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0.8));box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.06)}
.admin-stat-num{font-size:20px;font-weight:800;color:var(--adm-text)}
.admin-stat-label{color:var(--adm-muted);font-size:13px;margin-top:6px}
@media (max-width:1100px){.admin-grid-cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.admin-grid-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.admin-grid-cards{grid-template-columns:1fr}}

/* Table responsive behavior */
.adm-table-responsive{overflow:auto;border-radius:8px}
.adm-table tr:hover td{background:rgba(255,255,255,0.01)}

:root{
  --adm-bg:#0b1220; --adm-surface:#071028; --adm-text:#e6eef6; --adm-muted:#9aa4b2;
  --adm-accent:#06b6d4; --adm-success:#10b981; --adm-danger:#ef4444;
  --adm-radius:10px; --adm-gap:16px; --adm-w-sidebar:260px;
}

/* Light mode admin overrides */
.theme-light{
  --adm-bg:#f8fafb;
  --adm-surface:#ffffff;
  --adm-text:#0f172a;
  --adm-muted:#6b7280;
  --adm-accent:#0b6e3a;
}

body.page-admin{background:var(--adm-bg);color:var(--adm-text);font-family:Inter,system-ui,Arial,sans-serif;transition:background .3s,color .3s}
.admin-shell{display:flex;min-height:100vh;background:var(--adm-bg)}
.admin-sidebar{width:var(--adm-w-sidebar);background:var(--adm-surface);padding:20px;box-shadow:2px 0 30px rgba(2,6,23,0.6);position:sticky;top:0;align-self:flex-start;color:var(--adm-text);border-right:1px solid rgba(255,255,255,0.05)}
.theme-light .admin-sidebar{background:var(--adm-surface);border-right:1px solid rgba(0,0,0,0.06)}
.admin-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--adm-text);text-decoration:none}
.admin-brand img{width:34px;height:34px;border-radius:6px}
.admin-nav{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.admin-nav a{padding:10px 12px;border-radius:8px;color:var(--adm-muted);text-decoration:none;font-weight:600;transition:background .2s}
.admin-nav a:hover{background:rgba(255,255,255,0.05)}
.theme-light .admin-nav a:hover{background:rgba(0,0,0,0.04)}
.admin-nav a.active{background:linear-gradient(90deg,rgba(6,182,212,0.12),transparent);color:var(--adm-text)}
.admin-nav-sep{height:1px;background:rgba(255,255,255,0.02);margin:12px 0}
.admin-foot{margin-top:18px;color:var(--adm-muted);font-size:13px}

.admin-main{flex:1;padding:20px}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.admin-title{margin:0;font-size:20px}
.admin-sub{color:var(--adm-muted);font-size:14px;margin-top:4px}
.admin-user{display:flex;align-items:center;gap:12px;color:var(--adm-muted)}
.admin-user-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(90deg,#083344,#06323a);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--adm-text);transition:background .3s}
.theme-light .admin-user-avatar{background:linear-gradient(90deg,#0a5e33,#0b6e3a)}

/* Responsive: collapse sidebar into drawer */
@media (max-width:980px){
  .admin-shell{flex-direction:column}
  .admin-sidebar{position:fixed;left:-320px;top:0;bottom:0;width:280px;z-index:120;transition:left .24s ease}
  .admin-sidebar.open{left:0}
  .admin-main{padding:16px;margin-top:64px}
}

.adm-card{background:var(--adm-surface);padding:16px;border-radius:var(--adm-radius);box-shadow:0 8px 30px rgba(2,6,23,0.6);border:1px solid rgba(255,255,255,0.03);color:var(--adm-text)}
.theme-light .adm-card{box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.06)}
.adm-kpi{display:flex;align-items:center;gap:12px}
.adm-kpi .kpi-value{font-size:22px;font-weight:700;color:var(--adm-text)}
.adm-table{width:100%;border-collapse:collapse;color:var(--adm-text)}
.adm-table th,.adm-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.03);color:var(--adm-muted)}
.theme-light .adm-table th,.theme-light .adm-table td{border-bottom:1px solid rgba(0,0,0,0.06)}
.adm-table th{color:var(--adm-text);font-weight:700}
.adm-table tbody tr:hover td{background:rgba(255,255,255,0.02)}
.theme-light .adm-table tbody tr:hover td{background:rgba(0,0,0,0.02)}

/* Buttons */
.adm-btn{background:var(--adm-accent);color:#fff;padding:8px 12px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:opacity .2s}
.adm-btn:hover{opacity:0.9}
.adm-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.04);color:var(--adm-text);cursor:pointer}
.theme-light .adm-btn-ghost{border:1px solid rgba(0,0,0,0.08)}
.adm-btn-ghost:hover{background:rgba(255,255,255,0.02)}
.theme-light .adm-btn-ghost:hover{background:rgba(0,0,0,0.02)}

/* Drawer toggle */
.admin-drawer-toggle{display:none}
@media (max-width:980px){.admin-drawer-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--adm-text);font-weight:700}}