.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}

@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}}

/* Online exam, library and transport workspaces */
.module-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.module-kpi{position:relative;display:flex;align-items:center;gap:14px;min-height:108px;padding:19px;border:1px solid #dce6f1;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(30,56,92,.07)}
.module-kpi:after{content:"";position:absolute;width:74px;height:74px;right:-26px;bottom:-30px;border:14px solid currentColor;border-radius:50%;opacity:.06}
.module-kpi-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#fff;font-size:1.05rem;box-shadow:0 9px 20px rgba(37,99,235,.2)}
.module-kpi small{display:block;margin-bottom:5px;color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.module-kpi strong{display:block;color:#12233f;font-size:1.35rem;line-height:1.1}
.module-kpi.tone-blue{color:#2563eb;background:linear-gradient(135deg,#fff,#eff6ff)}.module-kpi.tone-blue .module-kpi-icon{background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.module-kpi.tone-violet{color:#7c3aed;background:linear-gradient(135deg,#fff,#f5f3ff)}.module-kpi.tone-violet .module-kpi-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.module-kpi.tone-green{color:#059669;background:linear-gradient(135deg,#fff,#ecfdf5)}.module-kpi.tone-green .module-kpi-icon{background:linear-gradient(135deg,#059669,#10b981)}
.module-kpi.tone-orange{color:#ea580c;background:linear-gradient(135deg,#fff,#fff7ed)}.module-kpi.tone-orange .module-kpi-icon{background:linear-gradient(135deg,#ea580c,#f59e0b)}
.module-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.module-form-panel{border-top:4px solid #2563eb}.module-form-panel:nth-child(2){border-top-color:#059669}
.module-panel-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px}.module-panel-head>span{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:#2563eb}.module-panel-head h3,.module-table-title h3{margin:0;color:#142641;font-size:1.02rem}.module-panel-head p,.module-table-title p{margin:5px 0 0;color:#718096;font-size:.78rem;line-height:1.45}
.module-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-form-grid .span-2{grid-column:span 2}.module-form-grid .field{min-width:0}.module-form-grid label,.bulk-upload-grid label{font-size:.73rem;font-weight:800;color:#203757}.module-form-grid input,.module-form-grid select,.module-form-grid textarea,.bulk-upload-grid input,.bulk-upload-grid select{width:100%;min-width:0}.module-form-grid textarea{min-height:84px;resize:vertical}
.bulk-upload-box{border:1px solid #cddffc;background:linear-gradient(135deg,#f8fbff,#f8f7ff)}.bulk-upload-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,1.2fr) auto;gap:15px;align-items:end}.bulk-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bulk-hint{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:#54708f;font-size:.76rem}.bulk-hint i{color:#2563eb}
.module-table-panel{padding:0;overflow:hidden}.module-table-title{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px;border-bottom:1px solid #e7edf5}.module-table-panel .data-table th{background:#f4f7fb;color:#36516f}.module-table-panel .data-table td{padding-top:13px;padding-bottom:13px}
.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:.69rem;font-weight:850;text-transform:capitalize;white-space:nowrap}.status-chip.info{background:#eaf3ff;color:#2166b2}.status-chip.success{background:#e8f8ef;color:#157347}.status-chip.danger{background:#fff0f0;color:#b42323}
.stock-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef4fa;color:#294f76;font-weight:850}.table-subtext{display:block;margin-top:4px;color:#8290a3;font-size:.68rem}.module-empty{text-align:center!important;padding:30px!important;color:#78879a}.transport-time{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#425f7e}.transport-time i{color:#3b82f6}
@media(max-width:1080px){.module-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-actions{grid-column:span 2}}
@media(max-width:800px){.module-workspace{grid-template-columns:1fr}}
@media(max-width:600px){.module-kpi-grid{grid-template-columns:1fr}.module-kpi{min-height:92px}.module-form-grid,.bulk-upload-grid{grid-template-columns:1fr}.module-form-grid .span-2,.bulk-actions{grid-column:span 1}.bulk-actions .btn{width:100%}.module-table-title{padding:17px}.module-form-panel,.bulk-upload-box{padding:17px}}