:root{--bg:#f6f7f9;--surface:#fff;--ink:#202d2b;--muted:#7b8586;--line:#e9edec;--green:#1d3858;--green-dark:#142b46;--lime:#dce4ed;--mint:#edf1f5;--purple:#e7edf3;--orange:#f8e7e4;--radius:16px;--sidebar:250px;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #708398;outline-offset:3px}button{border:0;background:none}input,select,textarea{border:1px solid #dfe5e1;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);min-width:0}textarea{resize:vertical;min-height:100px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.3;letter-spacing:-1.1px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px;font-weight:650}h3{font-size:15px;font-weight:600}small{font-size:12px}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#778480}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:28px 17px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:10px;align-items:center;font-size:30px;letter-spacing:-1.5px;font-weight:750;padding:0 10px 25px}.brand img{width:37px;height:37px}.brand-dot{color:#7aa060}.school-switch{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--line);border-radius:11px;margin:0 3px 25px}.school-switch strong{font-size:12px}.school-switch small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.school-avatar{background:#f2f0e9;border:1px solid #e4e2d7;border-radius:9px;width:33px;height:35px;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px;color:#677454}.switch-lock{margin-left:auto;color:#9aa39d}.nav-label{font-size:9px;letter-spacing:1.6px;color:#939b98;font-weight:700;margin:0 16px 12px}nav{overflow:auto;scrollbar-width:thin;flex:1;padding-bottom:15px}.nav-item{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:8px;color:#707c77;font-size:12px;font-weight:550;width:100%;text-align:left;margin-bottom:3px}.nav-item:hover{background:#f5f7f4;color:var(--green)}.nav-item.active{background:var(--green);color:white}.nav-item .chevron{margin-left:auto;font-size:12px}.nav-item .icon{width:18px;height:18px}.nav-count{font-size:9px;background:#edf0e8;padding:3px 6px;border-radius:4px;margin-left:auto}.nav-sub{padding:3px 0 7px 28px}.nav-sub a{display:block;border-left:1px solid #e4e9e4;padding:8px 12px;font-size:11px;color:#7a857f;line-height:1.45}.nav-sub a.active{color:#254e3f;font-weight:700;border-left:2px solid #527d5e;background:#f1f6ed;border-radius:0 6px 6px 0}.sidebar-bottom{background:white;padding-top:12px}.review-note{background:#f3f6ee;border:1px solid #e7eddf;border-radius:10px;padding:13px;margin:0 4px 16px;font-size:11px}.review-note p{color:#8b9483;line-height:1.7;margin-top:7px;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72985e;margin-right:7px;vertical-align:middle}.profile-button{display:flex;width:100%;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 5px;text-align:left}.profile-button strong{font-size:10px}.profile-button small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile-button>span:last-child{margin-left:auto}.avatar{border-radius:50%;width:35px;height:35px;display:inline-grid;place-items:center;background:#ebe7df;color:#766d61;font-size:11px;font-weight:650;flex-shrink:0;border:2px solid white}.avatar.small{width:33px;height:33px;background:#eee2d5}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#8a9590}.breadcrumb strong{font-weight:550;color:#44524b}.crumb-slash{color:#d1d6d2}.topbar-actions{display:flex;align-items:center;gap:18px}.search-trigger{display:flex;align-items:center;gap:10px;font-size:11px;color:#9aa29f}.search-trigger>span{font-size:23px}.search-trigger kbd{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:3px 5px;color:#b0b6b3}.year-picker select{font-size:11px;padding:8px;border-color:var(--line);border-radius:6px}.icon-button{height:32px;min-width:32px;display:inline-grid;place-items:center;border-radius:7px;font-size:22px;line-height:1}.icon-button:hover{background:#eef2ec}.notification-button{position:relative;border-left:1px solid var(--line);border-radius:0;padding-left:13px}.notification-button i{position:absolute;background:#c37b60;border:2px solid white;width:8px;height:8px;border-radius:50%;right:7px;top:4px}.preview-banner{display:flex;justify-content:space-between;align-items:center;padding:9px 32px;background:#eff4eb;border-bottom:1px solid #e6ecdf;color:#6f7e62;font-size:10px}.banner-divider{margin:0 10px;color:#bfccb4}.preview-banner button{font-size:10px;color:#526b43}main#main{padding:29px 32px 25px;min-height:calc(100vh - 162px)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header p{font-size:12px;color:#89918c;line-height:1.7;margin-top:7px}.heading-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#839079;margin-bottom:8px}.header-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:9px 15px;font-size:11px;font-weight:600;border:1px solid #dfe5df;background:white;border-radius:7px;line-height:1.4;white-space:nowrap}.btn .icon{width:15px;height:15px}.btn:hover{background:#f3f6f0}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.primary:hover{background:var(--green-dark)}.btn.danger{color:#9b4343;background:#fff4f1;border-color:#edccc7}.btn.subtle{border-color:transparent;background:#f4f6f2}.welcome-banner{background:#e9efdf;border:1px solid #e0e8d5;border-radius:var(--radius);padding:24px 27px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:22px;min-height:155px}.welcome-banner .eyebrow{color:#7c8a61;font-size:9px}.welcome-banner h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.7px;margin:9px 0}.welcome-banner p{font-size:11px;color:#839077;line-height:1.8;max-width:480px}.welcome-banner .welcome-copy{position:relative;z-index:2}.welcome-art{position:relative;width:230px;height:115px;flex-shrink:0}.art-book{position:absolute;right:42px;top:18px;transform:rotate(-13deg);background:#567155;width:70px;height:90px;border-radius:5px 10px 10px 5px;box-shadow:6px 5px 0 #faf9e9,8px 6px 0 #b5c59c}.art-book:after{content:'S';position:absolute;color:#dee8bd;font:42px Georgia;top:20px;left:23px}.art-orbit{position:absolute;width:150px;height:150px;border:1px solid #c9d4b8;border-radius:50%;right:5px;top:-15px}.art-flower{position:absolute;left:20px;top:0;color:#b7c691;font-size:70px}.art-dot{position:absolute;right:0;bottom:0;background:#c1cda6;width:32px;height:32px;border-radius:50%}.art-star{position:absolute;right:5px;top:-5px;color:#819565;font-size:29px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 19px;text-align:left;width:100%}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#8b958e;font-size:11px}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:#628654}.stat-icon.purple{background:var(--purple);color:#9885bc}.stat-icon.orange{background:var(--orange);color:#c18e60}.stat-icon.blue{background:#e9eff9;color:#7d9ac1}.stat-value{font-size:28px;letter-spacing:-1px;font-weight:600;margin:12px 0 9px;line-height:1}.stat-foot{font-size:10px;color:#a0a89f;display:flex;align-items:center;gap:6px}.stat-foot .positive{color:#639360;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:13px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 16px;gap:12px}.panel-head h2{font-size:14px;letter-spacing:-.2px}.panel-head p{font-size:10px;color:#929b94;line-height:1.7;margin-top:5px}.text-button{font-size:10px;color:#71905c;font-weight:600;padding:0}.panel-body{padding:0 21px 20px}.chart-legend{display:flex;gap:15px;font-size:9px;color:#9ba39c}.legend-dot{width:6px;height:6px;background:#668257;display:inline-block;border-radius:50%;margin-right:5px}.legend-dot.pale{background:#dfe9d4}.attendance-chart{height:185px;width:100%;display:block}.chart-label{fill:#a2aba3;font-size:10px;font-family:Segoe UI,Arial,sans-serif}.chart-grid{stroke:#eef1ec;stroke-dasharray:3 4}.chart-summary{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:#899488}.chart-summary strong{color:#465742;margin-right:5px}.task-list{padding:0 20px 9px}.task-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f1f3ef}.task-item:last-child{border:0}.task-item .task-icon{width:33px;height:33px;border-radius:9px;background:#f5eee1;display:grid;place-items:center;color:#b69761}.task-item .task-icon.green{background:#edf3e7;color:#8b9f6c}.task-item .task-icon.purple{background:#f0ebf6;color:#a899bd}.task-item .icon{width:16px;height:16px}.task-item strong{display:block;font-size:11px;font-weight:550;line-height:1.5}.task-item small{color:#a0a99f;font-size:9px;display:block;margin-top:4px}.task-item>button{margin-left:auto;color:#8c9e7b;font-size:19px}.panel-foot{padding:13px 20px;border-top:1px solid var(--line);font-size:10px;color:#9aa793;display:flex;justify-content:space-between}.lower-grid{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.data-table th{background:#f9faf8;padding:12px 20px;font-size:9px;letter-spacing:.4px;font-weight:600;color:#939d91;border-block:1px solid #eef1eb}.data-table td{padding:14px 20px;border-bottom:1px solid #f0f2ee;color:#7e897d}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcf8}.data-table td:first-child{color:#374934}.person-cell{display:flex;align-items:center;gap:10px}.person-cell .avatar{width:30px;height:30px;font-size:9px;border-radius:9px;background:#eaf0e3;color:#899477}.person-cell strong{font-size:11px;font-weight:550;color:#4d5c47}.person-cell small{display:block;font-size:9px;color:#a4aba0;margin-top:4px}.pill{display:inline-flex;align-items:center;padding:4px 8px;font-size:9px;border-radius:5px;background:#f0f2ed;color:#839077;font-weight:550;line-height:1.5;white-space:nowrap}.pill.mint,.pill.approved,.pill.paid,.pill.present,.pill.active,.pill.published,.pill.completed,.pill.resolved,.pill.authorized{background:#edf4e5;color:#759354}.pill.pending,.pill.draft,.pill.review,.pill.late,.pill.scheduled{background:#fbf1de;color:#b2975b}.pill.absent,.pill.overdue,.pill.expired,.pill.open,.pill.missing{background:#fbece7;color:#bd8c73}.pill.submitted,.pill.confirmed{background:#eeebf7;color:#9985b6}.event-list{padding:0 21px 15px}.event-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f1f3ef}.event-row:last-child{border:0}.date-tile{width:43px;height:47px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0f2e7;border-radius:8px;flex-shrink:0;color:#879565}.date-tile strong{font-size:18px;font-weight:600}.date-tile small{font-size:8px;letter-spacing:.5px}.event-row:nth-child(2) .date-tile{background:#f2eaf5;color:#a490ad}.event-row:nth-child(3) .date-tile{background:#fbf1e2;color:#b39c79}.event-row h3{font-size:11px;font-weight:550}.event-row p{font-size:9px;color:#a2aaa0;margin-top:6px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.quick-action{border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:12px;padding:14px;color:#7d8f73;text-align:left;font-size:10px}.quick-action .icon{width:17px;height:17px}.quick-action span:last-child{margin-left:auto;color:#bdc8b5}.workspace-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a6ada8;padding:8px 32px 20px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:21px;overflow:auto}.tab{padding:12px 0;font-size:11px;color:#8d978e;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{border-color:#55794c;color:#3f5e36;font-weight:600}.tab-count{font-size:9px;padding:2px 5px;background:#eef2e9;border-radius:4px;margin-left:5px}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;flex-wrap:wrap}.table-search{position:relative;flex:1;max-width:310px}.table-search input{width:100%;font-size:11px;padding:10px 12px 10px 33px}.table-search .icon{position:absolute;left:10px;top:10px;width:15px;height:15px;color:#97a28f}.toolbar select{font-size:11px;padding:9px 11px}.toolbar .toolbar-end{margin-left:auto}.record-count{font-size:10px;color:#9ca497}.pagination{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#99a18f;font-size:10px}.pagination button{border:1px solid var(--line);border-radius:5px;padding:5px 10px;margin-left:5px;font-size:10px}.module-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.module-summary .stat-card{padding:16px 20px}.module-summary .stat-value{font-size:24px}.module-summary .stat-top{font-size:10px}.row-action{color:#728c63;font-size:10px;font-weight:600}.scope-box{padding:17px 20px;background:#f1f4ec;border:1px solid #e4ebdc;border-radius:10px;margin-top:20px;display:flex;align-items:center;gap:14px}.scope-box p{font-size:11px;color:#8a9580;line-height:1.7}.scope-box strong{display:block;font-size:11px;color:#647656;margin-bottom:3px}.scope-box button{margin-left:auto;flex-shrink:0}.empty-state{text-align:center;padding:65px 25px;color:#94a08e}.empty-state .icon{width:35px;height:35px;margin-bottom:15px}.empty-state h3{font-size:16px;margin-bottom:8px;color:#62775b}.empty-state p{font-size:12px;margin-bottom:17px}.settings-layout{display:grid;grid-template-columns:1fr 290px;gap:22px}.settings-card{padding:24px}.settings-card h3{margin-bottom:7px}.settings-card>p{margin-bottom:23px;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#697965}.field input,.field select,.field textarea{font-size:12px;width:100%}.field.full{grid-column:1/-1}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.info-list{padding:20px}.info-list p{font-size:11px;line-height:1.9;color:#8b9782;margin-top:13px}.profile-header{display:flex;align-items:center;gap:17px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-header .avatar{width:62px;height:62px;font-size:19px;border-radius:15px}.profile-header h3{font-size:20px}.profile-header p{font-size:11px;color:#96a18d;margin-top:7px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.detail-grid dt{font-size:10px;color:#97a28e;margin-bottom:7px}.detail-grid dd{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.detail-grid .full{grid-column:1/-1}.detail-note{padding:14px;background:#f4f6f0;border-radius:8px;font-size:11px;color:#86947b;line-height:1.8;margin:18px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{padding:19px;text-align:left;display:block}.feature-card h3{margin:13px 0 8px;line-height:1.5}.feature-card p{font-size:11px;line-height:1.8;color:#93a087}.feature-card .feature-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;color:#839671}.feature-card:hover{border-color:#bacbaa}.scope-description{font-size:12px;line-height:1.9;color:#7d8a75;margin-top:16px}.scope-acceptance{padding:16px;border-left:3px solid #a9bf91;background:#f5f7f0;margin:18px 0;font-size:12px;line-height:1.9;color:#75846c}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-day{min-height:115px;padding:10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:11px;color:#849178}.calendar-day.today{background:#f1f6e9}.calendar-day.empty{background:#fafbf8}.calendar-weekday{padding:12px;text-align:center;background:#fafbf7;font-size:10px;color:#8e9a83}.calendar-event{display:block;font-size:9px;background:#e8efdc;color:#778961;padding:5px;border-radius:4px;margin-top:8px;line-height:1.5;white-space:normal;text-align:left;width:100%}.attendance-select{padding:6px 8px;font-size:10px;background:#f7faf2;border-color:#e4ebdb}.progress-track{height:5px;border-radius:8px;background:#edf1e7;overflow:hidden;margin-top:7px}.progress-fill{height:100%;background:#708398;width:72%}.review-list{display:grid;gap:10px}.review-result{padding:13px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;font-size:12px}.review-result small{font-size:10px;color:#99a28e}.review-result:hover{background:#f5f8f0}.global-input{width:100%;margin-bottom:17px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 25px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin-top:6px;font-size:20px}dialog{width:min(680px,calc(100% - 30px));padding:0;border:1px solid #e3e8dc;border-radius:15px;box-shadow:0 24px 90px #26392830;color:var(--ink);max-height:88vh}dialog::backdrop{background:#24352b66;backdrop-filter:blur(3px)}#modal-body{padding:23px 25px;max-height:calc(88vh - 100px);overflow:auto}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#1d3858;color:#fff;border-radius:10px;box-shadow:0 10px 35px #24402830;padding:14px 23px;z-index:100;font-size:12px;max-width:85%;display:none}#toast.visible{display:block}.skip-link{position:absolute;left:270px;top:-60px;background:white;z-index:100;padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only{display:none}.login-body{background:white}.login-layout{display:grid;grid-template-columns:46% 54%;min-height:100vh}.login-story{background:#1d3858;color:#fff;padding:38px 46px;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.brand.light{padding:0;font-size:33px}.brand.light .brand-dot{color:#c7dca8}.story-content{margin:auto 0;padding:70px 0 25px}.light-text{color:#a8bd9c}.story-content h1{font-family:Georgia,serif;font-weight:400;font-size:62px;letter-spacing:-2px;line-height:1.1;margin:23px 0}.story-content>p{font-size:14px;line-height:1.9;color:#b5c6b6;max-width:365px}.story-illustration{position:relative;height:215px;margin-top:35px}.orbit{position:absolute;left:50%;top:15px;border-radius:50%;width:195px;height:195px;border:1px solid #4b6b51}.orbit.two{width:240px;height:240px;left:40%;top:-9px}.mini-card{display:flex;align-items:center;gap:12px;border:1px solid #e0e7d3;background:#f0f3e5;color:#4d6144;padding:17px 20px;border-radius:12px;position:absolute;z-index:2;box-shadow:0 15px 30px #162f2522}.mini-card strong{font-size:12px}.mini-card small{display:block;margin-top:5px;color:#9da78e;font-size:10px}.card-one{top:12px;left:5px;transform:rotate(-5deg)}.mini-symbol{background:#d5e4b8;color:#65884c;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.card-two{top:120px;left:85px;transform:rotate(4deg)}.card-two>span{font-size:27px}.sun-shape{position:absolute;font-size:115px;color:#c8da9d;right:10px;top:15px;line-height:1}.story-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a6b99a;gap:20px}.story-footer span{letter-spacing:0}.login-form-side{padding:32px 40px 22px;display:flex;flex-direction:column}.login-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a0a69f}.login-top .pill{font-size:8px;letter-spacing:.8px}.login-form-wrap{width:min(365px,100%);margin:auto;padding:45px 0}.login-icon{display:grid;place-items:center;width:45px;height:45px;background:#eef3e5;border-radius:13px;color:#829c69;font-size:25px;margin-bottom:21px}.login-form-wrap h2{font-size:31px;letter-spacing:-1.2px;margin-bottom:9px}.login-form-wrap>.muted{font-size:12px}.login-form{display:flex;flex-direction:column;margin-top:26px;gap:9px}.login-form label{font-size:11px;margin-top:6px;font-weight:550}.login-form input{font-size:12px;height:44px}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:60px}.password-wrap button{position:absolute;right:8px;top:11px;font-size:10px;color:#8c9b82;padding:5px}.login-submit{margin-top:14px;height:43px;justify-content:space-between}.preview-credentials{margin-top:24px;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:#5b6d50}.preview-credentials p{font-size:11px;line-height:1.8;color:#97a18f;margin:8px 0 12px}.preview-entry{width:100%;justify-content:space-between;background:#edf3e5!important;color:#65844f!important;border-color:#dce8ce!important}.login-note{font-size:9px;color:#a5aea0;text-align:center;margin-top:17px}.login-bottom{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a2aa9a}.form-error{color:#ad6a55;background:#fdf0e9;font-size:12px;line-height:1.7;padding:12px;border-radius:8px;margin-top:18px}.report-preview{padding:20px;background:#f5f7f1;border-radius:10px;line-height:1.8;color:#829176;font-size:12px}.receipt-total{font-size:35px;color:#49653a;margin:20px 0}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.audit-item{border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.audit-item p{font-size:10px;color:#96a18d;margin-top:5px}.scope-status{padding:7px 0;font-size:10px;color:#8a9a7a}.scope-status input{vertical-align:middle;margin-right:7px}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.chip{padding:7px 10px;border:1px solid #e2e8dc;background:white;border-radius:6px;font-size:10px;color:#8d9a80}.chip.active{background:#eaf2df;border-color:#d0dfbc;color:#6b864f}.table-name-button{text-align:left;padding:0}.table-name-button:hover strong{text-decoration:underline}
@media(min-width:1550px){main#main{max-width:1450px;margin:auto;padding-top:35px}.welcome-banner{min-height:175px}.stat-card{padding:22px}.attendance-chart{height:210px}}
@media(max-width:1150px){:root{--sidebar:215px}.sidebar{padding-inline:12px}.topbar{padding-inline:22px}.topbar-actions{gap:10px}.search-trigger kbd{display:none}main#main{padding:24px 22px}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.welcome-art{width:165px}.stat-grid{gap:11px}.stat-card{padding:15px}.stat-value{font-size:25px}.data-table td,.data-table th{padding-inline:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.login-story{padding-inline:30px}.story-content h1{font-size:52px}}
@media(max-width:950px){.dashboard-grid,.lower-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.search-trigger{font-size:0}.search-trigger>span{font-size:25px}.page-header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.welcome-art{width:130px}.login-story{padding-inline:25px}.story-content h1{font-size:46px}.mini-card{padding:13px}.card-two{left:20px}.login-form-side{padding-inline:26px}.story-footer span{display:none}}
@media(max-width:760px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-only{display:inline-grid}#mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:#203a2b66;z-index:25}.topbar{padding:0 16px;height:62px}.breadcrumb{gap:7px;font-size:10px}.topbar-actions{gap:8px}.year-picker select{max-width:112px;font-size:10px}.notification-button{display:none}.preview-banner{padding:10px 18px;font-size:9px}.banner-divider{margin-inline:5px}.preview-banner button{font-size:9px}main#main{padding:23px 17px}.page-header{flex-wrap:wrap;margin-bottom:19px}.page-header h1{font-size:27px}.header-actions{justify-content:flex-start}.welcome-banner{padding:21px;min-height:156px}.welcome-banner h2{font-size:25px}.welcome-banner p{max-width:300px}.welcome-art{display:none}.welcome-banner .eyebrow{font-size:8px}.stat-grid{gap:11px}.stat-top{font-size:10px}.stat-value{font-size:25px}.stat-foot{font-size:9px}.stat-card{padding:14px}.dashboard-grid,.lower-grid{gap:16px}.lower-grid{margin-top:16px}.module-summary{gap:8px}.module-summary .stat-card{padding:14px 11px}.module-summary .stat-value{font-size:23px}.module-summary .stat-top{font-size:9px}.toolbar{padding:13px;gap:8px}.table-search{max-width:none;flex-basis:100%}.toolbar .toolbar-end{margin-left:auto}.feature-grid{grid-template-columns:1fr}.scope-box{align-items:flex-start;flex-wrap:wrap}.scope-box button{margin-left:0}.calendar-day{padding:5px;min-height:95px}.calendar-event{font-size:8px;padding:3px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.workspace-footer{padding-inline:18px;font-size:8px}.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form-side{min-height:100vh;padding:22px}.login-form-wrap{padding:40px 0}.login-bottom{font-size:8px}.login-top{font-size:9px}.login-top:before{content:'skoviqa.';font-size:23px;font-weight:750;letter-spacing:-1px;color:#1d3858}.login-top>span:last-child{display:none}#toast{left:50%;width:max-content}.search-trigger{display:none}.detail-grid{gap:15px}.quick-action{font-size:10px;padding:12px}.chart-legend{font-size:8px;gap:8px}.panel-head{padding:18px 16px}.panel-body{padding-inline:16px}.panel-head h2{font-size:13px}.tabs{gap:17px}}
.table-wrap{position:relative}.breadcrumb{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card{min-width:0}.event-row{width:100%;text-align:left}.module-summary .stat-card{cursor:default}.topbar-actions{flex-shrink:0}
@media(max-width:760px){.breadcrumb>span:first-of-type,.crumb-slash{display:none}.preview-banner{gap:8px}.preview-banner>span{line-height:1.7}.preview-banner button{flex-shrink:0}.module-summary .stat-icon{width:23px;height:23px}.module-summary .stat-icon .icon{width:15px;height:15px}.stat-top{gap:5px}.module-summary .stat-foot{line-height:1.6}.scope-box>div{min-width:0;flex:1 1 180px}}
@media print{.sidebar,.topbar,.preview-banner,.workspace-footer,.header-actions,.toolbar,.scope-box,.quick-grid,#toast{display:none!important}.workspace{margin:0}main#main{padding:0}.panel{break-inside:avoid}.stat-grid{grid-template-columns:repeat(4,1fr)}body{background:white}}

/* School admin palette: navy, slate, off-white, coral, red. */
:root{--bg:#f4f4f4;--ink:#1d3858;--muted:#596e83;--line:#dfe5ec;--green:#1d3858;--green-dark:#142b46;--lime:#dce4ed;--mint:#edf1f5;--purple:#e7edf3;--orange:#f8e7e4;--radius:12px}
.portal-masthead{height:83px;background:#1d3858;color:white;display:flex;align-items:center;gap:25px;padding:0 36px}.portal-masthead .brand{padding:0;color:white;font-size:30px}.brand-dot{color:#cf5046}.masthead-divider{height:32px;width:1px;background:#ffffff30}.school-identity strong{display:block;font-size:14px}.school-identity small{display:block;color:#c7d4e1;margin-top:6px}.masthead-end{margin-left:auto;display:flex;align-items:center;gap:24px}.environment-label{font-size:9px;letter-spacing:1.5px;color:#ccd7e3}.portal-masthead .profile-button{border:0;padding:0;color:white}.portal-masthead .profile-button small{color:#c7d4e1}.avatar,.avatar.small{background:#e4eaf0;color:#1d3858}.navigation-shell{position:relative;z-index:20;background:white;border-bottom:1px solid var(--line)}#nav{display:flex;align-items:stretch;overflow:visible;padding:0 28px;flex:none;gap:3px;flex-wrap:wrap}.nav-group{position:relative;display:flex;align-items:stretch}.nav-item{margin:0;border-radius:0;padding:16px 9px;font-size:11px;gap:7px;width:auto;color:#526a82;border-bottom:3px solid transparent}.nav-item.active{background:#edf1f5;color:#1d3858;border-bottom-color:#c94135}.nav-item:hover{background:#edf1f5}.nav-item .icon{width:15px;height:15px}.nav-expand{font-size:13px;padding:0 7px;color:#708398}.nav-expand[aria-expanded=true]{background:#edf1f5}.nav-dropdown{position:absolute;top:100%;left:0;width:250px;background:white;box-shadow:0 14px 35px #1d385824;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:8px;max-height:60vh;overflow:auto}.nav-group:nth-last-child(-n+3) .nav-dropdown{left:auto;right:0}.nav-dropdown a{display:block;padding:10px 12px;border-radius:6px;font-size:12px}.nav-dropdown a:hover{background:#edf1f5}#section-nav{display:flex;overflow-x:auto;gap:20px;padding:0 36px;background:#fafbfc;margin:0;flex:none}#section-nav a{font-size:11px;white-space:nowrap;padding:13px 0;color:#596e83;border-bottom:2px solid transparent}#section-nav a.active{border-bottom-color:#c94135;color:#1d3858;font-weight:650}.workspace{margin-left:0}.topbar{height:59px;padding:0 36px;background:#fafbfc}.preview-banner{background:#edf1f5;color:#526a82;padding:10px 36px}.preview-banner button{color:#1d3858}.status-dot{background:#cf5046}.welcome-banner{background:#1d3858;color:white;border:0}.welcome-banner h2{color:white}.welcome-banner p,.welcome-banner .eyebrow{color:#d3dce6}.art-flower{color:#cf5046}.art-book{background:#708398}.art-dot{background:#c94135}.art-star{color:#f4f4f4}.stat-value{color:#1d3858}.positive{color:#415d78}.stat-icon,.stat-icon.purple,.stat-icon.blue,.task-icon{background:#e7edf3;color:#1d3858}.stat-icon.orange{background:#f8e7e4;color:#b3372d}.panel,.stat-card{box-shadow:0 2px 5px #1d385803}.pill{color:#415d78;background:#e7edf3}.pill.pending,.pill.open,.pill.draft,.pill.absent{background:#f9e7e4;color:#a33027}.pill.active,.pill.paid,.pill.approved,.pill.present{background:#e5edf4;color:#294c6c}.text-button{color:#314f70}.btn.primary{background:#1d3858;color:white;border-color:#1d3858}.btn.primary:hover{background:#294c6c}.btn.danger{background:#c94135;color:white}.scope-box{background:#edf1f5;border-color:#dfe5ec}.scope-box p,.scope-box strong{color:#526a82}.date-tile{background:#f8e7e4;color:#b3372d}.date-tile strong{color:#b3372d}.legend-dot{background:#708398}.legend-dot.pale{background:#dce4ed}.workspace-footer{padding-inline:36px}#toast{left:50%}.skip-link{left:20px}.login-story{background:#1d3858}.story-content>p,.story-footer,.light-text{color:#c8d4e1}.preview-entry{background:#e7edf3!important;color:#1d3858!important;border-color:#ccd8e4!important}.mini-card{background:#edf1f5;color:#1d3858;border-color:#cbd6e2}.mini-symbol{background:#dce4ed;color:#1d3858}.sun-shape{color:#cf5046}.login-icon{background:#e7edf3;color:#1d3858}main#main{max-width:1600px;margin:auto;padding:28px 36px}
@media(max-width:950px){.portal-masthead{padding:0 20px}.environment-label{display:none}#nav{padding:0 12px}.nav-item{padding:12px 7px}.nav-item .icon{display:none}#section-nav{padding:0 20px}.topbar{padding:0 20px}main#main{padding:24px 20px}}
@media(max-width:760px){.portal-masthead{height:74px;gap:14px}.portal-masthead .brand{font-size:24px}.brand img{width:30px;height:30px}.school-identity,.masthead-divider{display:none}.masthead-end{gap:0}.navigation-shell{position:relative;transform:none}.nav-item{font-size:11px}.nav-expand{padding:0 6px}.nav-group{position:static}.nav-dropdown{left:12px!important;right:12px!important;width:auto;top:auto;margin-top:42px}.topbar .mobile-only{display:none}.preview-banner{padding:10px 20px}.workspace-footer{padding-inline:20px}.nav-item.active{background:#edf1f5}.login-top:before{color:#1d3858}}
@media print{.portal-masthead,.navigation-shell{display:none!important}}
.role-preview-entry{border-top-color:#cbd8e4}.role-preview-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.role-preview-links .btn{font-size:10px;padding:8px 10px;background:#edf1f5;color:#1d3858;border-color:#d3dee8}.role-preview-links .btn:hover{background:#dce4ed}
@media(max-width:760px){#nav{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;min-height:48px}.nav-group{flex-shrink:0}.nav-item{white-space:nowrap}.nav-dropdown{position:fixed;top:122px;margin-top:0;max-height:55vh;z-index:50}.portal-masthead .profile-button strong{font-size:11px}.portal-masthead .profile-button small{font-size:10px}}
.top{background:#1d3858;color:#fff;padding:18px 5%;display:flex;align-items:center;gap:20px}.top a{color:#fff;text-decoration:none}.top small{display:block;color:#cbd8e4;margin-top:5px}.exit{margin-left:auto;border:1px solid #ffffff66;padding:8px 12px;border-radius:6px;font-size:12px}.nav{background:#fff;padding:0 5%;display:flex;gap:4px;overflow:auto;border-bottom:1px solid #dfe5ec}.nav a{padding:14px 11px;color:#526e88;text-decoration:none;font-size:12px;white-space:nowrap}.nav a.active,.nav a:hover{color:#1d3858;border-bottom:3px solid #c94135}.banner{padding:12px 5%;background:#edf1f5;color:#526e88;font-size:12px}.main{max-width:1200px;margin:auto;padding:30px 5%}.hero,.panel,.card{background:#fff;border:1px solid #dfe5ec;border-radius:12px}.hero,.panel{padding:24px;margin-bottom:18px}.hero h1{margin:7px 0}.muted{color:#708398}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:18px}.card strong{display:block;margin-bottom:8px}.pill{display:inline-block;background:#e7edf3;color:#315470;border-radius:20px;padding:5px 9px;font-size:11px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;text-align:left;border-bottom:1px solid #edf1f5;font-size:12px}.button{background:#c94135;color:#fff;border:0;border-radius:6px;padding:9px 13px}@media(max-width:700px){.cards{grid-template-columns:1fr}.main{padding:22px 18px}}

/* Dedicated Top Header Menu Bar */
.top-menu-bar{background:#142b46;border-top:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;gap:4px;padding:0 36px;overflow:visible;position:relative;z-index:100}
.top-menu-item{position:relative}
.top-menu-link{display:inline-flex;align-items:center;gap:7px;padding:13px 15px;color:#c7d4e1;font-size:13px;font-weight:600;text-decoration:none;border-bottom:3px solid transparent;transition:all 0.15s ease;white-space:nowrap}
.top-menu-link:hover,.top-menu-link.active{color:#ffffff;background:rgba(255,255,255,0.08);border-bottom-color:#cf5046}
.top-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#ffffff;border:1px solid #dfe5ec;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(29,56,88,0.22);z-index:1000;padding:6px 0}
.top-menu-item:hover .top-dropdown-menu{display:block}
.top-menu-item.is-open .top-dropdown-menu{display:block}
.top-dropdown-menu a{display:block;padding:10px 16px;color:#1d3858;font-size:12px;font-weight:550;text-decoration:none}
.top-dropdown-menu a:hover{background:#edf1f5;color:#cf5046}