.menu-toggle{display:grid;place-items:center;cursor:pointer}
.sidebar,.app-main{transition:transform .28s ease,margin-left .28s ease,width .28s ease}
body.sidebar-collapsed .sidebar{transform:translateX(-105%)}
body.sidebar-collapsed .app-main{margin-left:0;width:100%}

.sidebar nav a{border:1px solid transparent}
.sidebar nav a i,.logout-link i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;box-shadow:0 5px 13px #02061736}
.sidebar nav a:nth-child(6n+1) i{background:linear-gradient(135deg,#06b6d4,#2563eb)}
.sidebar nav a:nth-child(6n+2) i{background:linear-gradient(135deg,#8b5cf6,#d946ef)}
.sidebar nav a:nth-child(6n+3) i{background:linear-gradient(135deg,#f97316,#facc15)}
.sidebar nav a:nth-child(6n+4) i{background:linear-gradient(135deg,#10b981,#22c55e)}
.sidebar nav a:nth-child(6n+5) i{background:linear-gradient(135deg,#ec4899,#ef4444)}
.sidebar nav a:nth-child(6n) i{background:linear-gradient(135deg,#6366f1,#0ea5e9)}
.sidebar nav a:hover,.sidebar nav a.active{border-color:#ffffff20;background:linear-gradient(90deg,#ffffff2b,#ffffff0d)}
.logout-link i{background:linear-gradient(135deg,#ef4444,#f97316)}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stats-grid .stat-card:nth-child(4n+1){background:linear-gradient(135deg,#2563eb,#06b6d4)}
.stats-grid .stat-card:nth-child(4n+2){background:linear-gradient(135deg,#7c3aed,#d946ef)}
.stats-grid .stat-card:nth-child(4n+3){background:linear-gradient(135deg,#059669,#34d399)}
.stats-grid .stat-card:nth-child(4n){background:linear-gradient(135deg,#ea580c,#f59e0b)}
.stats-grid+.grid-2 .panel{min-height:340px}
.stats-grid+.grid-2 canvas{max-height:280px}

.login-card .back-site{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-bottom:24px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.78rem;font-weight:800}
#director-message{scroll-margin-top:110px;border-color:#c4b5fd;box-shadow:0 18px 45px #7c3aed18}
.login-page .login-school-logo{display:block;width:min(246px,72vw)!important;height:246px!important;max-width:100%;border-radius:22px!important;object-fit:contain!important;padding:12px!important;align-self:center;margin:0 auto 24px!important}
@media(max-width:520px){.login-page .login-school-logo{width:min(220px,70vw)!important;height:220px!important}}

@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.sidebar-collapsed .sidebar{transform:translateX(-105%)}body.sidebar-collapsed .app-main{margin-left:0;width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid+.grid-2 .panel{min-height:290px}}
@media(max-width:460px){.stats-grid{grid-template-columns:1fr}}

/* Management suite */
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.module-grid>a.panel{position:relative;display:grid;align-content:start;gap:8px;min-height:174px;padding:22px;border:1px solid #dbe7f7;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.module-grid>a.panel:after{content:"";position:absolute;width:90px;height:90px;right:-28px;bottom:-32px;border:16px solid currentColor;border-radius:50%;opacity:.07}
.module-grid>a.panel:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,42,86,.14)}
.module-grid>a.panel>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:1.25rem;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 10px 22px rgba(37,99,235,.25)}
.module-grid>a.panel:nth-child(2)>i{background:linear-gradient(135deg,#7c3aed,#d946ef)}.module-grid>a.panel:nth-child(3)>i{background:linear-gradient(135deg,#059669,#2dd4bf)}.module-grid>a.panel:nth-child(4)>i{background:linear-gradient(135deg,#ea580c,#f59e0b)}.module-grid>a.panel:nth-child(5)>i{background:linear-gradient(135deg,#db2777,#fb7185)}.module-grid>a.panel:nth-child(6)>i{background:linear-gradient(135deg,#0891b2,#38bdf8)}.module-grid>a.panel:nth-child(7)>i{background:linear-gradient(135deg,#4f46e5,#818cf8)}.module-grid>a.panel:nth-child(8)>i{background:linear-gradient(135deg,#16a34a,#4ade80)}
.module-grid>a.panel h3{margin:3px 0 0;font-size:1rem;color:var(--ink)}.module-grid>a.panel p{margin:0;line-height:1.55}
/* Inventory forms */
.inventory-movement{display:grid;align-content:start;gap:16px}.inventory-movement h3{margin:0 0 2px}.inventory-movement .grid-equal{gap:14px}.inventory-movement .field{min-width:0}.inventory-movement .field label{font-size:.72rem;font-weight:800;color:var(--ink)}
.inventory-movement input,.inventory-movement select,.inventory-movement textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.inventory-movement textarea{min-height:86px;resize:vertical}.inventory-movement .btn{justify-self:start;margin-top:0}
/* Colorful student profile */
.profile-head{position:relative;overflow:hidden;background:linear-gradient(120deg,#08275b 0%,#2563eb 44%,#7c3aed 72%,#d97706 100%)}.profile-head:after{content:"";position:absolute;width:220px;height:220px;right:-65px;top:-95px;border:34px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.profile-head>*{position:relative;z-index:1}
.tabs{border:1px solid #dbeafe;background:linear-gradient(90deg,#eff6ff,#faf5ff,#fff7ed)}.tabs a{color:#334155}.tabs a:nth-child(3n+1):hover{background:#dbeafe;color:#1d4ed8}.tabs a:nth-child(3n+2):hover{background:#f3e8ff;color:#7e22ce}.tabs a:nth-child(3n):hover{background:#dcfce7;color:#15803d}.tabs a.active{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 7px 16px rgba(79,70,229,.25)}
.detail-list{gap:7px;padding:7px;background:linear-gradient(135deg,#dbeafe,#f3e8ff,#dcfce7);border:0}.detail-item{border-radius:9px;border-left:3px solid #60a5fa}.detail-item:nth-child(4n+2){border-left-color:#c084fc;background:#fdfaff}.detail-item:nth-child(4n+3){border-left-color:#34d399;background:#f7fffb}.detail-item:nth-child(4n){border-left-color:#fb923c;background:#fffaf5}
@media(max-width:1180px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.module-grid{grid-template-columns:1fr}.module-grid>a.panel{min-height:145px}.inventory-movement .grid-equal{grid-template-columns:1fr}}
.admin-fee-breakdown{display:grid;gap:5px;min-width:220px;white-space:normal}.admin-fee-breakdown>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid #dce9e2;border-radius:8px;background:#f5fbf7}.admin-fee-breakdown i{color:#169653}.admin-fee-breakdown .fa-circle-xmark{color:#c24141}.admin-fee-breakdown b{font-size:.72rem;color:var(--ink)}

/* Student import and class routine */
.import-guide{border-top:4px solid #2f7cc0}.import-guide>.panel-title{align-items:flex-start;gap:18px}.import-guide>.panel-title h3{display:flex;align-items:center;gap:9px;font-size:1rem}.import-guide>.panel-title h3 i{color:#2f7cc0}.import-guide>.panel-title p{margin-top:6px;line-height:1.55}
.routine-count{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #cfe0ef;border-radius:999px;background:#f5f9fc;color:#315f8d;font-size:.78rem;font-weight:800}.routine-builder{border-top:4px solid #315f8d}.routine-builder .panel-title{align-items:flex-start}.routine-builder .panel-title h3{display:flex;align-items:center;gap:9px;font-size:1rem}.routine-builder .panel-title h3 i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eaf2f9;color:#315f8d}.routine-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.routine-save{margin-top:18px}.routine-list{padding:0;overflow:hidden}.routine-list>.panel-title{padding:20px 20px 0}.routine-table th{background:#edf3f8;color:#244664}.routine-table td{padding-top:13px;padding-bottom:13px}.routine-day{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:6px 10px;border-radius:999px;background:#edf4fb;color:#315f8d;font-size:.7rem;font-weight:800}.routine-day.day-tue,.routine-day.day-fri{background:#eef8f2;color:#367655}.routine-day.day-wed,.routine-day.day-sat{background:#fff7e8;color:#98661d}.routine-day.day-thu,.routine-day.day-sun{background:#f4f1fb;color:#67558b}.routine-period{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#173f67;color:#fff;font-size:.75rem;font-weight:800}.routine-time{display:inline-flex;align-items:center;gap:6px;color:#405b75;white-space:nowrap}.routine-time i{color:#698cac}
@media(max-width:900px){.routine-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.routine-form-grid{grid-template-columns:1fr}.import-guide>.panel-title{display:grid}.import-guide>.panel-title .btn{width:100%}.routine-count{align-self:flex-start}}