@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#21262d;--text-main:#c9d1d9;--text-muted:#8b949e;--text-light:#fff;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--status-present:#238636;--status-present-bg:#23863626;--status-absent:#da3633;--status-absent-bg:#da363326;--status-late:#d29922;--status-late-bg:#d2992226;--border-color:#30363d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";pointer-events:none;opacity:.9;z-index:-1;background:radial-gradient(circle at 0 0,#6366f129,#0000 28%),radial-gradient(circle at 100% 0,#2386361f,#0000 22%),linear-gradient(#ffffff05,#0000 22%);position:fixed;inset:0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-gradient{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:var(--text-light);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 15px #6366f166}.btn-outline{color:var(--text-main);border-color:var(--border-color);background:0 0}.btn-outline:hover:not(:disabled){background-color:var(--bg-elevated);border-color:var(--text-muted)}.btn-danger{color:#ff7b72;background-color:#0000;border-color:#ff7b724d}.btn-danger:hover:not(:disabled){color:#fff;background-color:#da3633;border-color:#da3633}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--text-muted);transform:translateY(-2px)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-main);font-size:.875rem;font-weight:500}.input-field{background-color:var(--bg-base);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f126}.input-field[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:1;cursor:pointer}.input-field[type=month]::-webkit-calendar-picker-indicator{filter:invert();opacity:1;cursor:pointer}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-present{background-color:var(--status-present-bg);color:var(--status-present)}.badge-absent{background-color:var(--status-absent-bg);color:var(--status-absent)}.badge-late{background-color:var(--status-late-bg);color:var(--status-late)}.list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.list-item:last-child{border-bottom:none}.dashboard-shell{animation:.35s ease-out slideUp;position:relative}.dashboard-shell>*{margin-bottom:1.5rem}.dashboard-shell>:last-child{margin-bottom:0}.dashboard-shell .card{margin-bottom:.75rem}.dashboard-shell .card:last-child{margin-bottom:0}.dashboard-hero{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:center;gap:1.5rem;margin-bottom:.5rem;display:grid;position:relative;overflow:hidden}.dashboard-hero:before,.dashboard-hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.dashboard-hero:before{background:radial-gradient(circle,#6366f152,#0000 70%);width:260px;height:260px;top:-90px;right:-90px}.dashboard-hero:after{background:radial-gradient(circle,#23863638,#0000 68%);width:180px;height:180px;bottom:-70px;right:120px}.dashboard-hero-copy,.dashboard-hero-visual{z-index:1;position:relative}.dashboard-kicker{color:#b7bbff;letter-spacing:.02em;background:#6366f114;border:1px solid #6366f138;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.dashboard-title{margin-bottom:.75rem;font-size:clamp(2rem,3vw,3.1rem);font-weight:700;line-height:1.05}.dashboard-subtitle{max-width:56ch;color:var(--text-muted);font-size:.98rem}.dashboard-chip-row{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.dashboard-chip{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;display:inline-flex}.dashboard-hero-visual{grid-template-columns:1fr;justify-items:center;gap:1rem;display:grid}.dashboard-ring-wrap{flex-direction:column;align-items:center;gap:.85rem;display:flex}.dashboard-ring{border-radius:50%;width:220px;height:220px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 40px #00000047}.dashboard-ring-inner{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0d1117f5,#161b22e0);border:1px solid #ffffff0f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dashboard-ring-value{letter-spacing:-.04em;font-size:2.8rem;font-weight:700}.dashboard-ring-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;font-size:.82rem}.dashboard-ring-note{border:1px solid var(--border-color);background:#ffffff08;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem .85rem;font-size:.85rem;display:inline-flex}.dashboard-ring-note-label{color:var(--text-muted)}.dashboard-hero-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.dashboard-mini-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;background:#ffffff08;padding:.85rem .9rem}.dashboard-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.35rem;font-size:.75rem;display:block}.dashboard-mini-value{font-size:1.5rem;font-weight:700;display:block}.dashboard-stat-grid .card{position:relative;overflow:hidden}.dashboard-stat-grid .card:after{content:"";background:linear-gradient(90deg, var(--accent-primary), #6366f12e);opacity:.85;width:100%;height:4px;position:absolute;inset:0 auto auto 0}.dashboard-bottom-grid{align-items:stretch}.dashboard-panel{min-height:100%;padding-top:1.6rem;padding-bottom:1.6rem}.dashboard-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.dashboard-panel-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.dashboard-panel-subtitle{font-size:.875rem}.dashboard-panel-pill{border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap;background:#ffffff08;border-radius:999px;padding:.45rem .75rem;font-size:.78rem}.dashboard-signal-panel{flex-direction:column;justify-content:space-between;display:flex}.dashboard-signal-bars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;min-height:220px;margin-top:1.5rem;margin-bottom:.75rem;display:grid}.dashboard-signal-item{flex-direction:column;align-items:center;gap:.65rem;display:flex}.dashboard-signal-bar-shell{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:linear-gradient(#ffffff08,#ffffff03);justify-content:center;align-items:flex-end;width:100%;height:180px;padding:.5rem;display:flex}.dashboard-signal-bar{border-radius:999px 999px 10px 10px;width:min(64px,72%);min-height:16px;box-shadow:0 12px 24px #0000003d}.dashboard-signal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.dashboard-signal-value{font-size:1.4rem}.dashboard-monthly-grid{align-items:stretch}.dashboard-monthly-panel,.dashboard-insight-panel,.dashboard-ranking-panel{min-height:100%}.dashboard-monthly-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;margin-bottom:.5rem;display:grid}.dashboard-monthly-metric{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#ffffff08;flex-direction:column;gap:.35rem;padding:.95rem;display:flex}.dashboard-monthly-value{font-size:1.35rem;font-weight:700}.dashboard-insight-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;margin-bottom:.5rem;display:grid}.dashboard-insight-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:linear-gradient(#ffffff0a,#ffffff05);padding:.95rem}.dashboard-insight-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.5rem;font-size:.75rem;display:block}.dashboard-ranking-list{flex-direction:column;gap:1rem;margin-top:1.25rem;margin-bottom:.5rem;display:flex}.dashboard-ranking-item{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#ffffff08;padding:.95rem}.dashboard-ranking-main{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.dashboard-ranking-position{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.12em;margin-right:.45rem;font-size:.75rem;display:inline-block}.dashboard-ranking-title{font-size:1rem;display:inline-block}.dashboard-ranking-meta{color:var(--text-muted);margin-top:.2rem;font-size:.82rem}.dashboard-ranking-score{white-space:nowrap;font-size:1.2rem}.dashboard-ranking-track{background:#ffffff0d;border-radius:999px;height:10px;overflow:hidden}.dashboard-ranking-fill{background:linear-gradient(90deg, var(--accent-primary), #8b5cf6);border-radius:999px;height:100%}.dashboard-footer-note{border-top:1px solid var(--border-color);color:var(--text-muted);align-items:flex-start;gap:.75rem;margin-top:1rem;padding-top:1rem;font-size:.9rem;display:flex}.dashboard-footer-note a{color:var(--accent-primary);font-weight:600;text-decoration:none}.dashboard-footer-note a:hover{text-decoration:underline}.dashboard-footer-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem;margin-top:.25rem;box-shadow:0 0 16px #6366f1cc}@media (width<=1024px){.dashboard-hero,.dashboard-bottom-grid,.dashboard-monthly-grid{grid-template-columns:1fr}.dashboard-hero-visual{justify-items:start}}@media (width<=768px){.dashboard-hero-mini-grid,.dashboard-signal-bars,.dashboard-stat-grid,.dashboard-monthly-metrics,.dashboard-insight-list{grid-template-columns:1fr}.dashboard-panel-header{flex-direction:column}.dashboard-ring{width:190px;height:190px}}.classes-shell{animation:.25s ease-out slideUp}.classes-shell>*{margin-bottom:1.5rem}.classes-shell>:last-child{margin-bottom:0}.classes-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.classes-title,.students-title,.reports-title{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.classes-stats-grid,.students-stats-grid,.reports-quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.reports-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.classes-stat-card,.students-stat-card,.reports-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(#ffffff0a,#ffffff04);flex-direction:column;gap:.45rem;padding:1rem;display:flex}.classes-stat-card{margin-bottom:.35rem}.classes-stat-card span,.students-stat-card span,.reports-stat-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.classes-stat-card strong,.students-stat-card strong,.reports-stat-card strong{align-items:center;gap:.35rem;font-size:1.5rem;display:inline-flex}.class-card{position:relative;overflow:hidden}.class-card-elevated{background:linear-gradient(#ffffff0a,#ffffff04);border-color:#ffffff14;flex-direction:column;gap:1rem;min-height:100%;display:flex}.class-card-top{flex-direction:column;gap:.6rem;margin-bottom:.4rem;display:flex}.class-card-top>*{margin-bottom:.2rem}.class-card-top>:last-child{margin-bottom:0}.class-card-title-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.class-card-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.class-card-subject{font-size:.88rem}.class-card-title-actions{align-items:center;gap:.25rem;display:flex}.class-card-edit{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.2rem;display:inline-flex}.class-card-edit:hover{color:var(--accent-primary);background:#58a6ff1f}.class-card-delete{color:var(--status-absent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.2rem}.class-card-delete:hover{background:#da36331f}.class-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), #238636b3);height:3px;position:absolute;inset:0 0 auto}.class-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.class-card-tag{letter-spacing:.04em;color:#c7cbff;text-transform:uppercase;background:#6366f124;border:1px solid #6366f159;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.class-card-tag-muted{border-color:var(--border-color);color:var(--text-muted);background:#ffffff0d}.class-card-fee-line{color:#9ec6ff;text-transform:capitalize;background:#6366f11f;border:1px solid #6366f159;border-radius:999px;width:fit-content;padding:.35rem .55rem;font-size:.82rem}.class-card-description{margin-top:.1rem;font-size:.86rem;line-height:1.4}.classes-card-grid{align-items:stretch;margin-bottom:.5rem}.class-card-actions{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:auto;margin-bottom:.1rem;padding-top:.9rem;display:grid}.class-card-action-btn{gap:.35rem;width:100%;padding:.5rem .4rem;font-size:.74rem}.class-card-action-pay{background:var(--status-present);border-color:var(--status-present)}.class-empty-state{border-style:dashed}.attendance-shell{animation:.25s ease-out slideUp}.attendance-shell>*{margin-bottom:1.25rem}.attendance-shell>:last-child{margin-bottom:0}.attendance-back-link{text-decoration:none;display:inline-flex}.attendance-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.attendance-title{margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.attendance-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.attendance-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.attendance-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.attendance-stat-card span{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.attendance-stat-card strong{font-size:1.8rem;line-height:1}.attendance-stat-present{background:#2386361f;border-color:#23863647}.attendance-stat-present span,.attendance-stat-present strong{color:var(--status-present)}.attendance-stat-late{background:#d299221f;border-color:#d299224d}.attendance-stat-late span,.attendance-stat-late strong{color:var(--status-late)}.attendance-stat-absent{background:#da36331f;border-color:#da363347}.attendance-stat-absent span,.attendance-stat-absent strong{color:var(--status-absent)}.attendance-list-card{padding:0;overflow:hidden}.attendance-table-wrap{flex-direction:column;display:flex}.attendance-table-head{background-color:var(--bg-base);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) minmax(350px,2fr);align-items:center;padding:0;font-size:.8rem;font-weight:600;display:grid}.attendance-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) minmax(350px,2fr);align-items:center;transition:background-color .2s;display:grid}.attendance-row:hover{background:#6366f10d}.attendance-cell{border-right:1px solid var(--border-color);min-width:0;padding:.9rem 1rem}.attendance-cell:last-child{border-right:none}.attendance-name{font-weight:600}.attendance-status-group{justify-content:center;align-items:center;gap:.5rem;display:flex}.attendance-status-btn{border-color:var(--border-color);color:var(--text-main);background:0 0;padding:.5rem .65rem;font-size:.76rem}.attendance-status-btn span{display:inline}.attendance-status-present.is-active{background:var(--status-present);border-color:var(--status-present);color:#fff}.attendance-status-late.is-active{background:var(--status-late);border-color:var(--status-late);color:#fff}.attendance-status-absent.is-active{background:var(--status-absent);border-color:var(--status-absent);color:#fff}.attendance-empty-state{border-top:1px solid var(--border-color)}.payments-shell{animation:.25s ease-out slideUp}.payments-shell>*{margin-bottom:1.25rem}.payments-shell>:last-child{margin-bottom:0}.payments-back-link{text-decoration:none;display:inline-flex}.payments-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.payments-title{font-size:1.5rem;font-weight:700}.payments-subtitle{margin-top:.35rem}.payments-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.payments-period-pill{background:var(--bg-base);color:var(--text-muted);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.55rem .8rem;font-size:.84rem}.payments-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.payments-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.payments-stat-card span{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.payments-stat-card strong{font-size:1.65rem;line-height:1.1}.payments-stat-paid{background:#2386361f;border-color:#23863647}.payments-stat-paid span,.payments-stat-paid strong{color:var(--status-present)}.payments-stat-unpaid{background:#da36331f;border-color:#da363347}.payments-stat-unpaid span,.payments-stat-unpaid strong{color:var(--status-absent)}.payments-stat-collected{background:#6366f11f;border-color:#6366f147}.payments-stat-collected span,.payments-stat-collected strong{color:var(--accent-primary)}.payments-stat-expected{background:#ffffff0a}.payments-list-card{padding:0;overflow:hidden}.payments-table-wrap{flex-direction:column;display:flex}.payments-table-head{background-color:var(--bg-base);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) minmax(320px,2fr);align-items:center;padding:0;font-size:.8rem;font-weight:600;display:grid}.payments-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) minmax(320px,2fr);align-items:center;transition:background-color .2s;display:grid}.payments-row:hover{background:#6366f10d}.payments-cell{border-right:1px solid var(--border-color);min-width:0;padding:.9rem 1rem}.payments-cell:last-child{border-right:none}.payments-name{font-weight:600}.payments-status-group{justify-content:center;align-items:center;gap:.5rem;display:flex}.payments-status-btn{border-color:var(--border-color);color:var(--text-main);background:0 0;padding:.5rem .75rem;font-size:.76rem}.payments-status-paid.is-active{background:var(--status-present);border-color:var(--status-present);color:#fff}.payments-status-unpaid.is-active{background:var(--status-absent);border-color:var(--status-absent);color:#fff}.payments-empty-state{border-top:1px solid var(--border-color)}.students-shell{animation:.25s ease-out slideUp}.students-shell>*{margin-bottom:1.25rem}.students-shell>:last-child{margin-bottom:0}.students-back-link{text-decoration:none;display:inline-flex}.students-list-card{padding:0;overflow:hidden}.students-table-wrap{flex-direction:column;display:flex}.students-table-head{background-color:var(--bg-base);border-bottom:1px solid var(--border-color);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);grid-template-columns:minmax(220px,1.6fr) minmax(130px,1fr) minmax(130px,1fr) minmax(180px,1.4fr) 96px;align-items:center;padding:0;font-size:.82rem;font-weight:600;display:grid}.students-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(220px,1.6fr) minmax(130px,1fr) minmax(130px,1fr) minmax(180px,1.4fr) 96px;align-items:center;transition:background-color .18s,transform .18s;display:grid}.students-row:hover{background:#6366f10f}.students-row:nth-child(2n){background:#ffffff03}.students-cell{border-right:1px solid var(--border-color);min-width:0;padding:.95rem 1rem}.students-cell:last-child{border-right:none}.students-cell-name{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.students-cell-id,.students-cell-roll,.students-cell-contact{font-size:.86rem}.students-cell-actions{text-align:center;width:auto}.students-name-cell{gap:.3rem;font-weight:500}.students-profile-link{color:var(--text-main);font-weight:600;text-decoration:none}.students-gender{font-size:.75rem;font-weight:400}.students-row-actions{justify-content:center;gap:.5rem;width:auto;display:flex}.students-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.2rem;transition:background-color .2s}.students-action-edit{color:var(--text-muted)}.students-action-edit:hover{background:#ffffff14}.students-action-delete{color:var(--status-absent)}.students-action-delete:hover{background:#da36331f}.students-empty-state{border-top:1px solid var(--border-color)}.students-modal-switch{background:var(--bg-base);border:1px solid var(--border-color);border-radius:10px;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.students-switch-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.students-switch-btn:hover{color:var(--text-main)}.students-switch-btn.is-active{background:var(--bg-surface);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.global-students-shell{animation:.25s ease-out slideUp}.global-students-shell>*{margin-bottom:1.25rem}.global-students-shell>:last-child{margin-bottom:0}.global-students-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.global-students-title{margin-bottom:.3rem;font-size:1.5rem;font-weight:700}.global-students-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.global-students-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.global-students-list-card{padding:0;overflow:hidden}.global-students-table-wrap{flex-direction:column;display:flex}.global-students-table-head{background-color:var(--bg-base);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);grid-template-columns:minmax(220px,1.7fr) minmax(130px,1fr) minmax(120px,.9fr) minmax(180px,1.4fr) 88px;align-items:center;font-size:.82rem;font-weight:600;display:grid}.global-students-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(220px,1.7fr) minmax(130px,1fr) minmax(120px,.9fr) minmax(180px,1.4fr) 88px;align-items:center;transition:background-color .18s;display:grid}.global-students-row:hover{background:#6366f10f}.global-students-cell{border-right:1px solid var(--border-color);min-width:0;padding:.9rem 1rem}.global-students-cell:last-child{border-right:none}.global-students-name-cell{font-weight:500}.global-students-profile-link{color:var(--text-main);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.global-students-subline{margin-top:.2rem;font-size:.75rem;font-weight:400}.global-students-class-chip{background-color:var(--bg-base);border:1px solid var(--border-color);border-radius:1rem;padding:.2rem .6rem;font-size:.78rem}.global-students-row-actions{justify-content:center;display:flex}.global-students-action-btn{color:var(--status-absent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.25rem}.global-students-action-btn:hover{background:#da36331f}.global-students-empty-state{border-top:1px solid var(--border-color)}.student-profile-shell{animation:.25s ease-out slideUp}.student-profile-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.7fr);gap:1.5rem;display:grid}.student-profile-side,.student-profile-main{min-width:0}.student-profile-back{text-decoration:none;display:inline-flex}.student-profile-card{text-align:center;flex-direction:column;align-items:center;display:flex}.student-profile-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:.85rem;font-size:2rem;font-weight:700;display:flex}.student-profile-name{margin-bottom:.25rem;font-size:1.4rem;font-weight:700}.student-profile-id{margin-bottom:1rem}.student-profile-meta{text-align:left;border-top:1px solid var(--border-color);flex-direction:column;gap:.55rem;width:100%;padding-top:.95rem;display:flex}.student-profile-meta-row{justify-content:space-between;gap:.75rem;font-size:.92rem;display:flex}.student-profile-main{flex-direction:column;gap:1rem;display:flex}.student-profile-main-head{margin-top:2.45rem}.student-profile-main-title{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.student-profile-class-list{flex-direction:column;gap:.9rem;display:flex}.student-profile-class-head{margin-bottom:.35rem}.student-profile-class-link{color:var(--text-main);text-decoration:none}.student-profile-class-title{align-items:center;gap:.45rem;font-size:1.1rem;font-weight:700;display:inline-flex}.student-profile-class-subtitle{margin-top:.3rem;font-size:.86rem}.student-profile-metric-grid{background-color:var(--bg-base);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.85rem;padding:.9rem;display:grid}.student-profile-metric{flex-direction:column;gap:.3rem;display:flex}.student-profile-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.student-profile-metric-value{font-size:1.2rem;font-weight:700}.student-profile-payment-value{white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.84rem;font-weight:700;overflow:hidden}.student-profile-empty{border-style:dashed}.students-header,.reports-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.students-header-actions,.reports-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.reports-shell{animation:.25s ease-out slideUp}.reports-shell>*{margin-bottom:1.5rem}.reports-shell>:last-child{margin-bottom:0}.reports-hero{position:relative;overflow:hidden}.reports-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f13d,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -100px -120px auto}.reports-hero-copy{max-width:64ch}.reports-kicker{color:#c8ccff;letter-spacing:.08em;text-transform:uppercase;background:#6366f114;border:1px solid #6366f140;border-radius:999px;align-items:center;margin-bottom:.9rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.reports-subtitle{max-width:58ch}.reports-meta-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.reports-meta-pill,.reports-fee-badge{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff08;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.reports-fee-badge-muted{color:var(--text-muted)}.reports-content-grid{grid-template-columns:.9fr 1.6fr;gap:1.5rem;display:grid}.reports-summary-card,.reports-attendance-card,.reports-fee-card{margin-bottom:.5rem;position:relative}.reports-summary-card{flex-direction:column;gap:1.5rem;display:flex}.reports-summary-stack{flex-direction:column;gap:1rem;display:flex}.reports-section-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.reports-section-title{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.2rem;font-weight:700}.reports-section-subtitle{color:var(--text-muted);font-size:.92rem;line-height:1.5}.reports-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.35rem;font-size:.72rem;font-weight:700}.reports-attendance-list{flex-direction:column;gap:.9rem;display:flex}.reports-attendance-item{border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.9rem}.reports-attendance-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.reports-attendance-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.reports-fee-head{margin-bottom:1.5rem}.reports-fee-range{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.reports-fee-range>div{flex-direction:column;gap:.5rem;display:flex}.reports-fee-grid{border-radius:var(--radius-lg);background:linear-gradient(#6366f10d,#ffffff05);border:1px solid #ffffff0a;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.reports-fee-tile{text-align:center;border:1px solid #0000;border-radius:12px;padding:1rem}.reports-fee-tile span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:700;display:block}.reports-fee-tile strong{font-size:1.8rem;font-weight:700}.reports-fee-tile-success{background:#2386361f;border-color:#23863633}.reports-fee-tile-success span,.reports-paid{color:var(--status-present)}.reports-fee-tile-danger{background:#da36331f;border-color:#da363333}.reports-fee-tile-danger span,.reports-pending{color:var(--status-absent)}.reports-fee-tile-primary{background:#6366f11f;border-color:#6366f133}.reports-fee-tile-primary span{color:var(--accent-primary)}.reports-fee-tile-neutral{border-color:var(--border-color);background:#ffffff0a}.reports-fee-tile-neutral span{color:var(--text-muted)}.reports-fee-list{margin-top:1rem}.reports-fee-items{flex-direction:column;gap:.75rem;display:flex}.reports-fee-item-wrap{border-radius:12px;margin-bottom:.35rem}.reports-fee-item-wrap:last-child{margin-bottom:0}.reports-fee-item{border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;transition:transform .18s,border-color .18s,background .18s;display:flex}.reports-fee-item:hover{background:#6366f10d;border-color:#6366f173;transform:translateY(-1px)}.reports-fee-item-left,.reports-fee-item-right{align-items:center;gap:.85rem;display:flex}.reports-fee-item-left{min-width:0}.reports-fee-name{font-weight:600}.reports-fee-meta{color:var(--text-muted);font-size:.8rem}.reports-fee-status{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.reports-fee-status.is-paid{color:var(--status-present);background:#23863614}.reports-fee-status.is-pending{color:var(--status-absent);background:#da363314}.reports-fee-amount{color:var(--accent-primary);font-weight:700}.reports-fee-chevron{transition:transform .18s}.reports-fee-details{border-left:3px solid var(--accent-primary);background:#6366f10d;border-radius:0 10px 10px 0;margin-top:.55rem;margin-bottom:.35rem;padding:1rem 1rem 1rem 1.1rem}.reports-fee-detail-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.reports-fee-detail-row:last-child{margin-bottom:0}.reports-fee-contact{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:.85rem;padding-top:.85rem;font-size:.9rem}.reports-fee-badge-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-layout{border:1px solid var(--border-color);background:var(--bg-surface);width:min(960px,100%);box-shadow:var(--shadow-lg);border-radius:18px;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.auth-showcase{border-right:1px solid var(--border-color);background:radial-gradient(circle at 15% 20%,#23863633,#0000 35%),radial-gradient(circle at 85% 80%,#6366f138,#0000 40%),#111821;padding:2.2rem}.auth-kicker{color:#b7c5d7;border:1px solid #fff3;border-radius:999px;margin-bottom:1.1rem;padding:.3rem .7rem;font-size:.75rem;display:inline-block}.auth-showcase h1{margin-bottom:.85rem;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}.auth-showcase p{color:var(--text-muted);max-width:42ch}.auth-feature-list{gap:.7rem;margin-top:1.4rem;display:grid}.auth-feature-item{color:#d2d9e2;align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.auth-form-card{box-shadow:none;border:none;border-radius:0;padding:2rem}.settings-shell{animation:.25s ease-out slideUp}.settings-shell>*{margin-bottom:1.25rem}.settings-shell>:last-child{margin-bottom:0}.settings-back-link{color:var(--text-muted);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.settings-back-link:hover{color:var(--text-main)}.settings-hero{position:relative;overflow:hidden}.settings-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f140,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-80px}.settings-kicker{color:#c8ccff;text-transform:uppercase;letter-spacing:.08em;background:#6366f114;border:1px solid #6366f14d;border-radius:999px;align-items:center;margin-bottom:.8rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.settings-hero h2{margin-bottom:.35rem;font-size:clamp(1.5rem,2.5vw,2.1rem)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.settings-card{min-height:100%}.settings-card-head{margin-bottom:1rem}.settings-card-head h3{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.05rem;display:inline-flex}.settings-form{flex-direction:column;gap:.65rem;display:flex}.settings-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.settings-error,.settings-success{border-radius:10px;padding:.55rem .65rem;font-size:.84rem}.settings-error{color:var(--status-absent);background:#da36331a;border:1px solid #da363359}.settings-success{color:var(--status-present);background:#2386361a;border:1px solid #23863659}.settings-help-card{background:linear-gradient(#6366f11a,#ffffff04)}.settings-help-list{flex-direction:column;gap:.8rem;display:flex}.settings-help-item{background:#0d111799;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.settings-help-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.settings-help-item a{color:var(--text-main);font-weight:600;text-decoration:none}.settings-help-item a:hover{color:#c8ccff}@media (width<=1024px){.classes-stats-grid,.students-stats-grid,.reports-quick-stats,.reports-content-grid,.reports-fee-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.classes-header,.students-header,.reports-header{flex-direction:column;align-items:stretch}.students-header-actions,.reports-header-actions{width:100%}.global-students-header{flex-direction:column;align-items:stretch}.student-profile-layout{grid-template-columns:1fr}.student-profile-main-head{margin-top:0}.global-students-header-actions{width:100%}.global-students-header-actions .input-field,.students-header-actions .input-field,.reports-header-actions .input-field{width:100%;min-width:0!important}.classes-stats-grid,.students-stats-grid,.reports-quick-stats,.global-students-stats-grid{grid-template-columns:1fr}.student-profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-card-actions{grid-template-columns:1fr}.attendance-header{flex-direction:column;align-items:stretch}.attendance-controls{width:100%}.attendance-controls .input-field{width:100%!important;min-width:0!important}.payments-header{flex-direction:column;align-items:stretch}.payments-controls{width:100%}.payments-controls .input-field{width:100%!important;min-width:0!important}.payments-stats-grid{grid-template-columns:1fr}.payments-table-head{display:none}.payments-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;grid-template-columns:1fr;margin:.6rem}.payments-cell{border-bottom:1px dashed #ffffff14;border-right:none;padding:.65rem .85rem}.payments-cell:last-child{border-bottom:none}.payments-status-group{flex-wrap:wrap;justify-content:flex-start}.payments-status-btn{flex:1;min-width:110px}.attendance-stats-grid{grid-template-columns:1fr}.attendance-table-head{display:none}.attendance-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;grid-template-columns:1fr;margin:.6rem}.attendance-cell{border-bottom:1px dashed #ffffff14;border-right:none;padding:.65rem .85rem}.attendance-cell:last-child{border-bottom:none}.attendance-status-group{flex-wrap:wrap;justify-content:flex-start}.attendance-status-btn{flex:1;min-width:90px}.reports-content-grid,.reports-fee-grid{grid-template-columns:1fr}.reports-section-head,.reports-attendance-row,.reports-fee-item,.reports-fee-detail-row{flex-direction:column;align-items:flex-start}.reports-fee-item-right{justify-content:space-between;width:100%}.reports-fee-badge-row{justify-content:flex-start}.students-name-cell{flex-direction:column;align-items:flex-start;gap:.15rem}.students-table-head,.global-students-table-head{display:none}.students-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;grid-template-columns:1fr;gap:0;margin:.65rem}.students-cell{border-bottom:1px dashed #ffffff14;border-right:none;padding:.65rem .85rem}.students-cell:last-child{border-bottom:none}.students-row-actions{justify-content:flex-start}.global-students-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;grid-template-columns:1fr;margin:.65rem}.global-students-cell{border-bottom:1px dashed #ffffff14;border-right:none;padding:.65rem .85rem}.global-students-cell:last-child{border-bottom:none}.global-students-row-actions{justify-content:flex-start}.student-profile-meta-row{flex-direction:column;gap:.2rem}.students-cell-actions{width:100%}.students-modal-switch{flex-direction:column}.auth-layout{grid-template-columns:1fr}.auth-showcase{border-right:none;border-bottom:1px solid var(--border-color)}.settings-grid{grid-template-columns:1fr}}