/* ============================================================
   My School - Theme Styles v3.0 (Fixed Light Theme)
   ============================================================ */
:root {
  --primary:#4361ee; --primary-rgb:67,97,238;
  --secondary:#7209b7; --secondary-rgb:114,9,183;
  --accent:#f72585; --accent-rgb:247,37,133;
  --success:#10b981; --warning:#f59e0b; --danger:#ef4444;
  --bg:#f0f4ff; --surface:#ffffff; --surface-rgb:255,255,255; --surface-2:#e8edf5;
  --text:#0f172a; --text-secondary:#475569; --muted:#94a3b8; --border:rgba(148,163,184,.2);
  --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
  --shadow-md:0 4px 12px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.06);
  --shadow-lg:0 8px 24px rgba(0,0,0,.1),0 24px 64px rgba(0,0,0,.08);
  --radius:20px; --radius-sm:12px; --radius-xs:8px;
  --font:'Inter',system-ui,sans-serif;
  --font-display:'Space Grotesk','Inter',sans-serif;
  --gradient:linear-gradient(135deg,var(--primary),var(--secondary));
}
[data-theme="dark"] {
  --bg:#0a0e1a; --surface:#111827; --surface-rgb:17,24,39; --surface-2:#1e293b;
  --text:#f1f5f9; --text-secondary:#cbd5e1; --muted:#64748b; --border:rgba(100,116,139,.2);
  --shadow:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);
  --shadow-md:0 4px 12px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.3);
  --shadow-lg:0 8px 24px rgba(0,0,0,.5),0 24px 64px rgba(0,0,0,.4);
}
body{background:var(--bg);color:var(--text);font-family:var(--font)}

/* Admin Layout */
.admin-layout{display:flex;min-height:100vh}
.admin-sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;z-index:999;display:flex;flex-direction:column;transition:transform .3s}
.admin-sidebar .brand{border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;gap:12px}
.admin-sidebar .brand-badge{width:40px;height:40px;border-radius:12px;background:var(--gradient);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}
.admin-sidebar .brand-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text)}
.admin-sidebar .nav{flex:1;overflow-y:auto;padding:12px}
.admin-sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all .2s;margin-bottom:2px}
.admin-sidebar .nav-link:hover{background:rgba(var(--primary-rgb),.06);color:var(--primary)}
.admin-sidebar .nav-link.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--secondary-rgb),.06));color:var(--primary);font-weight:600;box-shadow:0 2px 8px rgba(var(--primary-rgb),.1)}
.admin-sidebar .nav-link i{font-size:1.1rem;width:22px;text-align:center}
.admin-main{flex:1;margin-left:260px;background:var(--bg)}
.admin-topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:998}
.admin-topbar h5{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin:0;color:var(--text)}
.admin-content{padding:28px}
.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:all .3s}
.stat-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.stat-box .ico{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.06));color:var(--primary);display:grid;place-items:center;font-size:1.3rem;transition:all .3s}
.stat-box:hover .ico{background:var(--gradient);color:#fff;transform:scale(1.08)}
@media(max-width:768px){
  .admin-sidebar{transform:translateX(-100%)}
  .admin-sidebar.open{transform:none;box-shadow:var(--shadow-lg)}
  .admin-main{margin-left:0}
}