:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--vschool-red: #b23a32;--vschool-red-dark: #8f2e29;--vschool-coral: #f26f61;--vschool-navy: #0a4a7a;--vschool-navy-strong: #06365f;--vschool-blue: #2091c8;--vschool-sky: #edf7fb;--vschool-cream: #fff0df;--vschool-cream-soft: #fff8f0;--vschool-gold: #e39a18;--surface: #ffffff;--page: #fff4e8;--line: #ead7c7;--muted: #6f5f55;background:var(--page);color:#0e1726;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--vschool-cream-soft);color:var(--vschool-navy);display:flex;flex-direction:column;gap:28px;padding:22px 16px;border-right:1px solid #ead1bd}.brand-block{display:flex;justify-content:center;align-items:center;min-height:148px;padding:4px 0 16px}.brand-logo{display:block;width:min(244px,100%);height:auto;object-fit:contain}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--vschool-navy);cursor:pointer}.nav-item:hover,.nav-item-active{background:#fff;border-color:#f1c5b9;color:var(--vschool-red-dark)}.nav-item-active{box-shadow:inset 4px 0 0 var(--vschool-red)}.nav-item:disabled{cursor:not-allowed;opacity:.58}.nav-item:disabled:hover{background:transparent;border-color:transparent;color:var(--vschool-navy)}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;padding:18px 28px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff 0,#fff8f0)}.topbar h1,.panel-heading h2{margin:0;letter-spacing:0}.topbar h1{font-size:24px;line-height:1.2;color:var(--vschool-navy-strong)}.eyebrow{margin:0 0 6px;color:var(--vschool-red);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-school-selector{display:grid;gap:4px;min-width:220px;color:var(--vschool-navy);font-size:12px;font-weight:800}.admin-school-selector span{color:var(--vschool-red);text-transform:uppercase}.admin-school-selector select{min-height:38px;padding:0 10px;border:1px solid #ead1bd;border-radius:8px;background:#fff;color:var(--vschool-navy-strong);font:inherit;font-size:13px}.language-switch{display:inline-grid;grid-template-columns:repeat(2,42px);min-height:38px;padding:3px;border:1px solid #ead1bd;border-radius:8px;background:#fff8f0}.language-option{border:0;border-radius:6px;background:transparent;color:var(--vschool-navy);cursor:pointer;font-size:13px;font-weight:800}.language-option-active{background:var(--vschool-red);color:#fff}.icon-text-button,.primary-action,.download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #ead1bd;border-radius:8px;background:var(--surface);color:var(--vschool-navy);cursor:pointer}.primary-action{border-color:var(--vschool-red);background:var(--vschool-red);color:#fff}.primary-action:hover{background:var(--vschool-red-dark)}.dashboard{display:grid;gap:18px;padding:22px 28px 36px;background:linear-gradient(180deg,#fff8f0 0,var(--page) 210px),var(--page)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{display:grid;gap:8px;min-height:132px;padding:16px;border:1px solid var(--line);border-top:4px solid var(--vschool-red);border-radius:8px;background:var(--surface)}.kpi-card svg{color:var(--vschool-blue)}.kpi-card span{color:var(--muted)}.kpi-card strong{font-size:30px;line-height:1;color:var(--vschool-navy-strong)}.kpi-card.tone-red{border-top-color:var(--vschool-red)}.kpi-card.tone-red svg{color:var(--vschool-red)}.kpi-card.tone-blue{border-top-color:var(--vschool-coral)}.kpi-card.tone-blue svg{color:var(--vschool-coral)}.kpi-card.tone-navy{border-top-color:var(--vschool-navy)}.kpi-card.tone-navy svg{color:var(--vschool-navy)}.kpi-card.tone-gold{border-top-color:var(--vschool-gold)}.kpi-card.tone-gold svg{color:var(--vschool-gold)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.lower-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operation-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb}.system-hero-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-top:4px solid var(--vschool-red)}.system-hero-panel h2{margin:0 0 8px;color:var(--vschool-navy-strong);font-size:28px;line-height:1.2;letter-spacing:0}.system-hero-panel .muted-copy{max-width:860px}.school-scope-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:4px solid var(--vschool-red)}.school-scope-panel h2{margin:0 0 6px;color:var(--vschool-navy-strong);font-size:24px;line-height:1.2;letter-spacing:0}.school-scope-panel svg{flex:0 0 auto;color:var(--vschool-red)}.muted-panel{background:#eef4fb;color:var(--muted)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-heading h2{font-size:20px;color:var(--vschool-navy-strong)}.panel-heading.compact{margin-bottom:14px}.data-table{display:grid;overflow:hidden;border:1px solid #dce6f2;border-radius:8px}.table-row{display:grid;grid-template-columns:1.5fr repeat(4,minmax(82px,1fr));gap:10px;align-items:center;min-height:48px;padding:0 14px;border-bottom:1px solid #dce6f2}.table-row:last-child{border-bottom:0}.table-head{min-height:42px;background:var(--vschool-cream-soft);color:var(--vschool-navy);font-weight:700}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;width:fit-content;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700}.status-pill.done{background:#e8f6ef;color:#12613f}.status-pill.open{background:#fff1d8;color:#8a5600}.timeline-list,.toggle-list,.delivery-list{display:grid;gap:10px}.panel-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.timeline-item,.delivery-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px;border:1px solid #dce6f2;border-radius:8px}.timeline-item small{grid-column:1 / -1;color:var(--muted)}.toggle-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid #dce6f2;border-radius:8px;background:var(--surface);color:var(--vschool-navy);cursor:pointer;text-align:left}.toggle-row svg{color:var(--vschool-red)}.toggle-row:disabled{cursor:not-allowed;opacity:.58}.download-button{width:100%;border-color:var(--vschool-navy);background:var(--vschool-navy);color:#fff}.download-button:disabled{border-color:#c8d7e8;background:#e8edf3;color:var(--muted);cursor:not-allowed}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #ead1bd;border-radius:8px;background:#fff;color:var(--vschool-navy);cursor:pointer}.icon-button:hover{color:var(--vschool-red)}.user-chip{display:grid;gap:2px;min-height:38px;max-width:220px;padding:4px 12px;border:1px solid #ead1bd;border-radius:8px;background:#fff}.user-chip strong,.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip strong{color:var(--vschool-navy-strong);font-size:13px}.user-chip span{color:var(--muted);font-size:12px}.app-loading{display:grid;min-height:100vh;place-items:center;background:var(--page);color:var(--vschool-navy);font-weight:800}.login-page{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,440px);gap:32px;align-items:center;min-height:100vh;padding:42px 42px 76px;background:radial-gradient(circle at 10% 20%,rgba(242,111,97,.18),transparent 30%),linear-gradient(135deg,#fff8f0 0,#fff0df 46%,#f7fbff)}.login-hero{display:grid;gap:28px;max-width:720px}.login-logo{display:block;width:min(420px,88%);height:auto}.login-hero h1{max-width:760px;margin:0;color:var(--vschool-navy-strong);font-size:44px;line-height:1.08}.login-hero p:last-child{max-width:620px;margin:14px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.login-footnote{position:absolute;left:50%;bottom:24px;width:min(680px,calc(100% - 48px));margin:0;transform:translate(-50%);color:var(--vschool-navy-strong);font-size:14px;font-weight:900;letter-spacing:0;line-height:1.45;text-align:center;text-transform:uppercase}.login-panel{display:grid;gap:24px;padding:28px;border:1px solid #ead1bd;border-radius:8px;background:#fffffff0;box-shadow:0 24px 60px #0a315f1f}.login-panel-heading{display:flex;align-items:center;gap:14px}.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--vschool-red);color:#fff}.login-panel h2,.login-panel p{margin:0}.login-panel h2{color:var(--vschool-navy-strong);font-size:22px}.login-panel-heading p{margin-top:4px;color:var(--muted)}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:8px;color:var(--vschool-navy);font-weight:800}.login-form small{color:var(--muted);font-size:12px;font-weight:600;line-height:1.45}.field-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid #d9c4b4;border-radius:8px;background:#fff;color:var(--vschool-red)}.select-control{grid-template-columns:auto minmax(0,1fr) auto}.password-control{grid-template-columns:auto minmax(0,1fr) 36px}.field-control input,.field-control select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--vschool-navy-strong);font:inherit}.field-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:800}.select-control svg:last-child{color:var(--vschool-navy);pointer-events:none}.password-visibility-button{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--vschool-navy);cursor:pointer}.password-visibility-button:hover,.password-visibility-button:focus-visible{background:#fff0df;color:var(--vschool-red-dark)}.form-error{padding:10px 12px;border:1px solid #f1c5b9;border-radius:8px;background:#fff0eb;color:var(--vschool-red-dark);font-weight:800}.form-success{padding:10px 12px;border:1px solid #d7eadf;border-radius:8px;background:#e8f6ef;color:#12613f;font-weight:800}.field-warning{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid #f5cd8b;border-radius:8px;background:#fff7e8;color:#7a4d00}.field-warning svg{margin-top:1px}.field-warning strong{display:block;margin-bottom:4px;color:#6d4300;font-size:13px}.field-warning p{margin:0;color:#7a4d00;font-size:12px;font-weight:700;line-height:1.45}.login-button{min-height:48px;border:0;border-radius:8px;background:var(--vschool-red);color:#fff;cursor:pointer;font-weight:900}.login-button:hover{background:var(--vschool-red-dark)}.login-button:disabled{cursor:wait;opacity:.72}.login-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid #ead1bd;border-radius:8px;background:#fff8f0;color:var(--vschool-navy);font-size:14px;font-weight:800;text-align:center;text-decoration:none}.secondary-action:hover{border-color:#f1c5b9;color:var(--vschool-red-dark)}.approval-note{margin:-14px 0 0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.support-box{display:grid;gap:8px;padding:12px;border:1px solid #ead1bd;border-radius:8px;background:#fff8f0}.support-box div{display:flex;align-items:center;gap:8px;color:var(--vschool-navy-strong)}.support-box p{color:var(--muted);font-size:14px}.support-box a{color:var(--vschool-red-dark);font-weight:800;text-decoration:none}.identity-page{gap:18px}.identity-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.identity-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.6fr);gap:18px}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:7px;color:var(--vschool-navy);font-weight:800}.account-form input,.account-form select,.account-form textarea{width:100%;min-height:42px;padding:0 12px;border:1px solid #d9c4b4;border-radius:8px;background:#fff;color:var(--vschool-navy-strong);font:inherit}.account-form textarea{min-height:86px;padding:10px 12px;resize:vertical}.account-form small,.muted-copy{color:var(--muted);font-size:13px;line-height:1.5}.form-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.module-editor{display:grid;gap:10px;padding:12px;border:1px solid #ead1bd;border-radius:8px;background:#fff8f0}.module-editor-heading{display:flex;align-items:center;gap:8px;color:var(--vschool-navy-strong)}.module-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-toggle{display:grid;gap:3px;min-height:52px;padding:8px 10px;border:1px solid #dce6f2;border-radius:8px;background:#fff;color:var(--muted);cursor:pointer;text-align:left}.module-toggle strong{color:var(--muted);font-size:12px}.module-toggle-active{border-color:#f1c5b9;color:var(--vschool-navy);box-shadow:inset 4px 0 0 var(--vschool-red)}.module-toggle-active strong{color:var(--vschool-red-dark)}.school-list{display:grid;gap:12px}.school-card{display:grid;gap:12px;padding:14px;border:1px solid #dce6f2;border-radius:8px;background:#fff}.school-card-main,.school-card-actions,.school-metrics,.school-contact,.module-chip-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.school-card-main{justify-content:space-between}.school-card-main div{display:grid;gap:4px}.school-card-main strong{color:var(--vschool-navy-strong);font-size:18px}.school-card-main span:not(.status-pill),.school-contact,.school-metrics{color:var(--muted);font-size:13px}.school-metrics span{display:inline-flex;align-items:center;gap:6px}.school-contact{align-items:flex-start;flex-direction:column}.module-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #dce6f2;border-radius:999px;color:var(--muted);font-size:12px;font-weight:800}.module-chip-active{border-color:#d7eadf;background:#e8f6ef;color:#12613f}.scope-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px solid #dce6f2;border-radius:8px;background:#f8fbff;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.scope-note svg{flex:0 0 auto;margin-top:1px;color:var(--vschool-navy)}.inline-field-action{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.inline-field-action .icon-button{width:42px;height:42px}.settings-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.settings-account-list{display:grid;gap:10px}.settings-account-list div{display:grid;gap:4px;padding:12px;border:1px solid #dce6f2;border-radius:8px;background:#fff}.settings-account-list span{color:var(--muted);font-size:13px}.settings-account-list strong{overflow-wrap:anywhere;color:var(--vschool-navy-strong)}.classroom-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}.classroom-lists-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.student-list{display:grid;gap:10px}.student-card{display:grid;gap:10px;padding:14px;border:1px solid #dce6f2;border-radius:8px;background:#fff}.student-card>div:first-child,.student-card>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.student-card strong{color:var(--vschool-navy-strong)}.student-card span,.student-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.attendance-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto auto;gap:12px;align-items:end;margin-bottom:16px}.attendance-toolbar label,.attendance-field{display:grid;gap:7px;color:var(--vschool-navy);font-size:13px;font-weight:800}.attendance-toolbar select,.attendance-toolbar input,.attendance-field select,.attendance-field input{width:100%;min-height:42px;padding:0 12px;border:1px solid #d9c4b4;border-radius:8px;background:#fff;color:var(--vschool-navy-strong);font:inherit}.attendance-toolbar button{min-height:42px}.attendance-list{display:grid;gap:10px;margin-top:14px}.attendance-row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(160px,220px) minmax(150px,180px) minmax(220px,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #dce6f2;border-left:4px solid var(--vschool-navy);border-radius:8px;background:#fff}.attendance-present{border-left-color:#17935f}.attendance-absent{border-left-color:var(--vschool-red)}.attendance-late{border-left-color:var(--vschool-gold)}.attendance-excused{border-left-color:var(--vschool-blue)}.attendance-student{display:grid;gap:4px}.attendance-student strong{color:var(--vschool-navy-strong);font-size:16px}.attendance-student span{color:var(--muted);font-size:13px}.attendance-note-field input{min-width:0}.checkbox-line{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid #d9c4b4;border-radius:8px;background:#fff8f0;color:var(--vschool-navy);font-size:13px;font-weight:800}.checkbox-line input{width:18px;height:18px;accent-color:var(--vschool-red)}.password-settings-form{max-width:560px}.inline-password-field{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.inline-password-field .icon-button{width:42px;height:42px}.account-list{display:grid;gap:10px}.account-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(180px,.8fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #dce6f2;border-radius:8px;background:#fff}.account-main,.account-meta,.account-actions{display:grid;gap:7px}.account-main strong{color:var(--vschool-navy-strong);font-size:16px}.account-main span{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:13px}.account-meta{justify-items:start}.account-meta small{color:var(--muted)}.status-active{background:#e8f6ef;color:#12613f}.status-pending{background:#fff1d8;color:#8a5600}.status-locked,.status-inactive{background:#fff0eb;color:var(--vschool-red-dark)}.small-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid #d7eadf;border-radius:8px;background:#edf8f2;color:#12613f;cursor:pointer;font-weight:800}.small-action.danger{border-color:#f1c5b9;background:#fff0eb;color:var(--vschool-red-dark)}.small-action:disabled{cursor:wait;opacity:.6}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:14px}.brand-block{min-height:60px;justify-content:flex-start;padding:0}.brand-logo{width:172px}.nav-list{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:4px}.nav-item{width:auto;white-space:nowrap}.kpi-grid,.dashboard-grid,.lower-grid,.identity-grid,.attendance-toolbar,.attendance-row{grid-template-columns:1fr 1fr}.wide-panel{grid-column:1 / -1}.login-page{grid-template-columns:1fr;padding-bottom:84px}.login-hero h1{font-size:34px}}@media(max-width:720px){.topbar,.dashboard{padding-left:16px;padding-right:16px}.topbar{align-items:flex-start;flex-direction:column}.system-hero-panel{flex-direction:column}.system-hero-panel h2{font-size:24px}.topbar h1{font-size:21px}.language-switch{order:-1}.admin-school-selector{width:100%}.login-page{padding:18px}.login-footnote{position:static;width:auto;grid-column:1;transform:none;font-size:12px}.login-logo{width:min(320px,100%)}.login-panel{padding:20px}.login-secondary-actions,.form-actions,.module-toggle-grid,.split-fields{grid-template-columns:1fr}.school-card-actions{align-items:stretch;flex-direction:column}.school-card-actions .small-action{width:100%}.kpi-grid,.dashboard-grid,.lower-grid,.identity-grid,.identity-kpis,.attendance-toolbar,.attendance-row{grid-template-columns:1fr}.attendance-toolbar{align-items:stretch}.account-row{grid-template-columns:1fr}.table-row{grid-template-columns:1.1fr repeat(4,minmax(54px,1fr));gap:6px;padding:10px;font-size:13px}}