:root{--brand-green:#26562e;--brand-olive:#849d3c;--brand-yellow:#ffc93a;--brand-success:#4caf50;--brand-warning:#ffa726;--brand-error:#e53935;--font-sans:Arial, Helvetica, sans-serif;--radius-control:6px;--radius-card:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--sidebar-width:248px;--content-max-width:1600px;--sidebar:#183b29;--sidebar-text:#fff;--sidebar-muted:#c9d9c8;--sidebar-selected:#fafce8;--sidebar-selected-text:#26562e;--accent:var(--brand-yellow);--on-accent:#1a2a16}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafce8;--surface:#fff;--surface-muted:#f0f4ee;--surface-hover:#e7eee4;--glass:#fffc;--text:#26562e;--text-muted:#526b54;--primary:#26562e;--on-primary:#fff;--border:#c6d3c2;--focus:#26562e;--success:#24682d;--success-surface:#e3f3e4;--warning:#795300;--warning-surface:#fff0c2;--danger:#b42320;--danger-surface:#fce9e7;--chart-students:#318341;--chart-teachers:#26562e;--chart-revenue:#a87500;--shadow:0 4px 18px #0e100f0d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0e100f;--surface:#191e1a;--surface-muted:#222a22;--surface-hover:#303b2c;--glass:#191e1ae0;--text:#fff;--text-muted:#c3cfb6;--primary:#849d3c;--on-primary:#0e100f;--border:#485638;--focus:#ffc93a;--success:#91d398;--success-surface:#203b28;--warning:#ffc93a;--warning-surface:#3d3217;--danger:#ffaba4;--danger-surface:#402420;--chart-students:#91d398;--chart-teachers:#849d3c;--chart-revenue:#ffc93a;--shadow:0 4px 18px #0000002e}
*{box-sizing:border-box}body{background:var(--background);color:var(--text);font-family:var(--font-sans);letter-spacing:0;margin:0;font-size:14px;line-height:1.5}.auth-loading{max-width:600px;margin:15vh auto;padding:24px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.2}h2{font-size:20px;line-height:1.3}h3{font-size:16px}img{max-width:100%;height:auto}.admin-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.admin-sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:var(--space-6) var(--space-4)}.admin-logo{width:148px;margin:0 auto 32px;display:block}.admin-nav-link{color:var(--sidebar-text);border-radius:var(--radius-control);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.admin-nav-link:hover{background:#ffffff1a}.admin-nav-link[aria-current=page]{background:var(--sidebar-selected);color:var(--sidebar-selected-text);font-weight:600}.admin-main{width:100%;max-width:var(--content-max-width);min-width:0;padding:var(--space-8)}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-muted{color:var(--text-muted)}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);min-width:0;padding:20px}.admin-glass{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-card)}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.admin-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.admin-button{border-radius:var(--radius-control);background:var(--primary);min-height:40px;color:var(--on-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.admin-button:hover{filter:brightness(.94)}.admin-button[data-variant=secondary]{background:var(--surface);border-color:var(--border);color:var(--text)}.admin-button[data-variant=accent]{background:var(--accent);color:var(--on-accent)}.admin-button[data-variant=danger]{background:var(--danger-surface);color:var(--danger);border-color:var(--danger)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-icon-button{flex-shrink:0;width:40px;height:40px;padding:0}.admin-input{background:var(--surface);width:100%;min-height:40px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);padding:8px 12px}.admin-input::placeholder{color:var(--text-muted);opacity:1}.admin-input[aria-invalid=true]{border-color:var(--danger)}.admin-input option{color:var(--text);background:var(--surface)}.admin-table-scroll{max-width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background:var(--surface-muted);font-weight:600}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:12px 16px}.admin-table tbody tr:hover{background:var(--surface-hover)}.admin-badge{background:var(--surface-muted);color:var(--text);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.admin-badge[data-status=success]{background:var(--success-surface);color:var(--success)}.admin-badge[data-status=warning]{background:var(--warning-surface);color:var(--warning)}.admin-badge[data-status=danger]{background:var(--danger-surface);color:var(--danger)}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1100px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:24px}}@media (max-width:760px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-sidebar,.admin-main{padding:16px}}@media (max-width:420px){.admin-stats{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-transparency:reduce){.admin-glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
:root{--sidebar:#103b2b;--dashboard-ink:#102328;--dashboard-muted:#627984}:root[data-theme=dark]{--dashboard-ink:#f4f7f2;--dashboard-muted:#b3c4b5}body{color:var(--dashboard-ink);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer}button,input{color:inherit}.account-menu-wrap{flex-shrink:0;position:relative}.account-dropdown{z-index:20;border:1px solid var(--border);background:var(--surface);width:180px;box-shadow:var(--shadow);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 10px);right:0}.account-dropdown button{text-align:left;width:100%;min-height:40px;color:var(--dashboard-ink);background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.account-dropdown button:hover,.account-dropdown button:focus-visible{background:var(--surface-hover)}.account-dropdown .account-logout{border-top:1px solid var(--border);color:#b53646;border-radius:0;margin-top:4px}:root[data-theme=dark] .account-dropdown .account-logout{color:#ffabb6}.finance-shell .account-menu-wrap .account-button{display:flex}.theme-toggle .theme-sun{display:none}:root[data-theme=dark] .theme-toggle .theme-sun{display:block}:root[data-theme=dark] .theme-toggle .theme-moon{display:none}.dashboard-shell{min-height:100dvh}.desktop-sidebar{background:var(--sidebar);color:#fff;width:244px;padding:24px 14px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.logo-wrap{justify-content:center;align-items:flex-start;height:94px;margin-bottom:12px;display:flex}.logo-wrap img{width:136px;height:auto}.nav-item{color:#f5faf5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:44px;margin-bottom:3px;padding:10px 16px;font-size:13px;display:flex}.nav-item span{flex:1}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#ffffff12}.nav-item.selected{color:#103b2b;background:#ecf6dc;font-weight:600}.nav-divider{margin-top:25px;position:relative}.nav-divider:before{content:"";border-top:1px solid #ffffff42;position:absolute;top:-14px;left:12px;right:12px}.dashboard-main{max-width:1900px;margin-left:244px;padding:25px 28px 38px}.dashboard-header{justify-content:space-between;gap:20px;min-height:98px;margin-bottom:13px;display:flex}.welcome{gap:12px;display:flex}.welcome p{color:var(--dashboard-muted);margin:0;font-size:14px}.welcome h1{margin:0 0 5px;font-size:32px;font-weight:750}.welcome .welcome-subtitle{font-size:13px}.welcome-hand{color:#edb73b;font-size:26px}.header-right{min-width:0}.header-controls{align-items:center;gap:20px;display:flex}.search-wrap{background:var(--surface);border:1px solid var(--border);width:280px;color:var(--dashboard-muted);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.search-wrap input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:22px;font-size:12px}.search-wrap:focus-within{outline:2px solid var(--focus);outline-offset:2px}.search-wrap kbd{white-space:nowrap;background:var(--surface-muted);border-radius:3px;padding:2px 6px;font-size:10px}.search-results{z-index:3;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:5px;position:absolute;top:calc(100% + 8px);left:0;right:0}.search-results button{text-align:left;background:0 0;border:0;justify-content:space-between;gap:8px;width:100%;padding:12px 8px;font-size:12px;display:flex}.search-results button:hover{background:var(--surface-hover)}.search-results p{margin:0;padding:12px}.icon-control{background:var(--surface);color:var(--text);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.notification-button{position:relative}.notification-button i{background:#e95551;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;right:13px}.account-button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.account-button strong{font-size:12px;display:block}.account-button small{color:var(--dashboard-muted);font-size:10px;display:block}.account-button>svg{margin-left:20px}.avatar{color:#26562e;background:#e3e7dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:inline-flex}.avatar-1{color:#275064;background:#d8e9f3}.avatar-2{color:#654b40;background:#ece1d9}.avatar-3{color:#574665;background:#e8e2f0}.account-button .avatar{width:40px;height:40px;font-size:12px}.date{color:var(--dashboard-muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.demo-label{border:1px solid var(--border);border-radius:4px;margin-right:4px;padding:1px 5px;font-size:10px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat-card{background:var(--surface);border-radius:16px;gap:18px;min-width:0;min-height:143px;padding:18px;display:flex;position:relative;overflow:hidden}.stat-icon{color:#174a28;background:#def3df;border-radius:21px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.stat-icon.olive{background:#eaf3d6}.stat-icon.yellow{background:#ffedb7}.stat-content{z-index:1;position:relative}.stat-content p{color:var(--dashboard-muted);margin:2px 0 7px;font-size:12px}.stat-content>strong{white-space:nowrap;font-size:28px;line-height:1.1}.stat-change{color:var(--success);align-items:center;margin-top:12px;font-size:12px;font-weight:600;display:flex}.stat-content small{color:var(--dashboard-muted);font-size:11px}.sparkline{color:#31b65c;width:80px;height:38px;position:absolute;bottom:16px;right:14px}.sparkline.yellow{color:#e6ac00}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px;margin-bottom:18px;display:grid}.tables-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;display:grid}.dashboard-panel{background:var(--surface);border-radius:16px;min-width:0;padding:20px}.dashboard-panel h2{margin:0;font-size:18px;font-weight:700;line-height:1.3}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.view-button{background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:7px;padding:7px 14px;font-size:11px}.view-button:hover{background:var(--surface-hover)}.chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-heading p{color:var(--dashboard-muted);margin:4px 0 0;font-size:12px}.chart-legend{gap:10px;display:flex}.chart-legend button{color:var(--dashboard-muted);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:10px;display:flex}.chart-legend button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.chart-legend span{border-radius:50%;width:7px;height:7px}.chart{height:250px;margin-top:18px}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{align-items:center;gap:14px;min-height:57px;display:flex}.activity-icon{color:#218445;background:#def4e1;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.activity-icon.teacher{color:#1472bd;background:#e1f0fb}.activity-icon.class{color:#35632d;background:#eaf4de}.activity-icon.payment{color:#9b6d00;background:#fff0c7}.activity-list li>div{border-bottom:1px solid var(--surface-muted);flex:1;min-width:0;padding:9px 0}.activity-list strong{font-size:12px;font-weight:500}.activity-list p{color:var(--dashboard-muted);margin:2px 0 0;font-size:12px}.activity-list time{color:var(--dashboard-muted);white-space:nowrap;font-size:11px}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:10px}.table-scroll th{background:var(--surface-muted);padding:12px 8px;font-weight:500}.table-scroll th:first-child{border-radius:8px 0 0 8px}.table-scroll th:last-child{border-radius:0 8px 8px 0}.table-scroll td{border-bottom:1px solid var(--surface-muted);color:var(--dashboard-muted);padding:9px 8px}.table-scroll tbody tr:last-child td{border-bottom:0}.table-name{color:var(--dashboard-ink);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:10px;display:flex}.table-name:hover{text-decoration:underline}.class-icon{color:#89682d;background:#f4e0b6;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.class-icon.science{color:#37653c;background:#e1efdc}.class-icon.book{color:#7e6925;background:#fbeab4}.table-scroll .admin-badge{padding:3px 8px;font-size:10px;font-weight:400}.row-action{color:var(--text);background:0 0;border:0;padding:4px;display:flex}.detail-dialog{border:1px solid var(--border);background:var(--surface);width:min(900px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--dashboard-ink);border-radius:16px;padding:24px;overflow:auto}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05140c73}.detail-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.detail-dialog h2{margin:0;font-size:21px}.settings-content{max-width:360px}.settings-content p{margin-top:20px}.detail-list{grid-template-columns:1fr 2fr;gap:16px;display:grid}.detail-list dt{color:var(--dashboard-muted)}.detail-list dd{margin:0}.module-empty{text-align:center;padding:28px 12px}.module-empty h3{margin:12px 0}.module-empty p{color:var(--dashboard-muted)}.mobile-menu{display:none}.mobile-nav{background:var(--sidebar);border-radius:8px;padding:20px}.skip-link{z-index:10;background:var(--surface);color:var(--text);padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}@media (min-width:1600px){.dashboard-main{padding:32px}.dashboard-header{margin-bottom:20px}.stat-card{min-height:154px}.chart{height:290px}.activity-list li{min-height:63px}.table-scroll td{padding-top:12px;padding-bottom:12px}}@media (max-width:1350px){.desktop-sidebar{width:220px}.dashboard-main{margin-left:220px;padding:24px}.header-controls{gap:10px}.search-wrap{width:220px}.account-button>svg{margin-left:0}.stat-card{gap:10px;padding:16px}.stat-icon{border-radius:16px;width:44px;height:44px}.stat-content>strong{font-size:24px}.sparkline{width:48px}.overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.activity-list{font-size:11px}.activity-list time{white-space:normal;text-align:right;max-width:52px}.tables-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:1100px){.dashboard-header{flex-direction:column}.header-right{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.date{margin-top:0}.header-controls,.search-wrap{flex:1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1fr)}.activity-list time{white-space:nowrap;max-width:none}.sparkline{width:75px}}@media (max-width:800px){.desktop-sidebar{display:none}.dashboard-main{margin-left:0;padding:20px}.mobile-menu{display:inline-flex}.welcome{align-items:flex-start}.welcome h1{font-size:28px}.dashboard-panel{padding:16px}.dashboard-main .date{margin:6px 0 0}.chart{height:240px}.dashboard-header{margin-bottom:20px}}@media (max-width:480px){.dashboard-main{padding:16px}.header-right{display:block}.search-wrap{width:auto;padding:9px}.search-wrap kbd,.account-button>span:not(.avatar),.account-button>svg{display:none}.header-controls{gap:8px}.stats-grid{gap:10px}.stat-card{min-height:177px;padding:14px;display:block}.stat-icon{border-radius:12px;width:36px;height:36px;margin-bottom:10px}.stat-icon svg{width:22px}.stat-content>strong{font-size:23px}.stat-content p{font-size:11px}.stat-change{margin-top:8px}.sparkline{width:44px;bottom:14px}.activity-list{gap:8px}.activity-list li{gap:9px}.activity-list strong,.activity-list p{font-size:11px}.activity-list time{white-space:normal;max-width:49px;font-size:10px}.chart-heading p{line-height:1.6}.detail-dialog{padding:16px}.welcome .welcome-subtitle{font-size:12px}.section-heading h2{font-size:17px}}