:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#073d32;color:#e8fff8;padding:24px;display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:12px}.brand div{display:grid}.brand small,.sidebar-footer small{color:#a9d8cc}.brand-mark{width:42px;height:42px;border-radius:13px;display:inline-grid;place-items:center;background:#f9c74f;color:#14342d;font-weight:900}.brand-mark.large{width:64px;height:64px;border-radius:18px;font-size:22px}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.nav-pending{padding:11px 13px;border-radius:11px;text-decoration:none;display:grid}.sidebar nav a:hover{background:#0d5848}.nav-pending{color:#acd2c8}.nav-pending small{font-size:10px}.sidebar-footer{margin-top:auto;display:grid;padding-top:18px;border-top:1px solid #27685a}.main{min-width:0;display:flex;min-height:100vh;flex-direction:column}.topbar{height:84px;background:white;border-bottom:1px solid #e5e9eb;padding:14px 28px;display:flex;align-items:center;gap:16px}.topbar h1{margin:2px 0 0;font-size:22px}.topbar small{color:#667085}.topbar form{margin-left:auto}.menu-button{display:none;border:0;background:transparent;font-size:24px}.content{padding:28px;flex:1}.main footer{padding:18px 28px;color:#667085;font-size:13px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:18px}.page-heading h2{font-size:27px;margin:2px 0}.page-heading p{margin:0;color:#667085}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#08785f!important;font-weight:800;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px}.stat-card,.panel,.panel-card,.stats-grid>article{background:#fff;border:1px solid #e3e8e9;border-radius:18px;box-shadow:0 8px 24px rgba(16,24,40,.035)}.stat-card,.stats-grid>article{padding:20px;display:grid;gap:8px}.stat-card span,.stats-grid>article span{color:#667085}.stat-card strong,.stats-grid>article strong{font-size:30px;color:#065f4b}.panel-header{padding:20px 22px;border-bottom:1px solid #e8ecee;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0}.panel-header p{margin:3px 0 0;color:#667085}.panel-body{padding:22px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.module-grid article,.module-card{border:1px solid #e0e7e5;background:#fff;border-radius:16px;padding:20px;display:grid;gap:9px;text-decoration:none;box-shadow:0 7px 20px rgba(16,24,40,.03)}.module-card:hover{border-color:#77ad9f;transform:translateY(-1px)}.module-card small,.module-grid p{color:#667085;margin:0;font-size:14px}.module-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e4f6ef;color:#06735a;font-size:21px;font-weight:900}.status{display:inline-flex;width:max-content;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:750}.status.active{background:#dff8ee;color:#067352}.status.pending{background:#fff4d1;color:#885c00}.status.inactive{background:#ffe4e4;color:#a01818}.filter-bar{background:#fff;border:1px solid #e3e8e9;border-radius:15px;padding:13px;display:flex;gap:10px;margin-bottom:16px}.filter-bar input{flex:1}.primary-button,.secondary-button,.danger-button{display:inline-flex;justify-content:center;align-items:center;border-radius:11px;padding:10px 15px;font-weight:750;text-decoration:none;cursor:pointer}.primary-button{border:1px solid #07624e;background:#07624e;color:#fff}.primary-button:hover{background:#054f40}.secondary-button{border:1px solid #cad4d2;background:#fff;color:#193c34}.danger-button{border:1px solid #b42318;background:#b42318;color:#fff}.link-button{border:0;background:transparent;color:#9b2c2c;font-weight:750;cursor:pointer;padding:0}.text-button{border:0;background:transparent;padding:3px;cursor:pointer;font-weight:750}.text-button.danger{color:#b42318}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf0f1;white-space:nowrap}th{background:#f8faf9;color:#55645f;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td small{display:block;color:#7a8581}.empty,.empty-cell,.empty-state{text-align:center;color:#667085;padding:32px}.pagination{padding:14px 18px;display:flex;justify-content:space-between}.pagination div{display:flex;gap:12px}.pagination a{font-weight:700;color:#07624e}.alert{padding:12px 14px;border-radius:11px;margin-bottom:16px}.alert.error{background:#fff0f0;color:#9d1c1c}.alert.success{background:#e5f8f1;color:#086848}.error-page{text-align:center;background:white;border:1px solid #e3e8e9;border-radius:18px;padding:60px 20px}.error-page>strong{font-size:55px;color:#08785f}.login-page{min-height:100vh;background:linear-gradient(135deg,#063f34,#0a6b57);padding:28px;display:grid;place-items:center}.login-shell{width:min(980px,100%);background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-brand{padding:56px;background:#e8f7f1}.login-brand h1{font-size:38px;line-height:1.14;margin:18px 0}.login-brand p{color:#536861}.login-form{padding:56px}.login-form h2{font-size:28px;margin-bottom:4px}.login-form>p{color:#667085}.login-form form,.install-card form{display:grid;gap:15px;margin-top:24px}.login-form label,.install-card label,.form-panel label,.form-grid label,.upload-form label{font-size:13px;font-weight:750;display:grid;gap:6px}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #cfd8d6;background:#fff;border-radius:11px;padding:11px 12px;min-width:0;color:#172033}textarea{min-height:100px;resize:vertical}.install-card{width:min(780px,100%);background:#fff;border-radius:22px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.install-card h1{margin-bottom:4px}.install-card>p{color:#667085}.form-panel{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.form-grid small{display:block;color:#667085;font-weight:400}.role-fieldset{border:1px solid #dce4e2;border-radius:13px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-fieldset legend{font-weight:800}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.check-row input{margin-top:4px}.check-row span{display:grid}

.setup-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 20px}.setup-steps span{padding:11px 14px;border-radius:12px;background:#e8edeb;color:#687671;font-weight:750}.setup-steps .current{background:#fff1c9;color:#7a5200}.setup-steps .done{background:#dff7ee;color:#07664f}.setup-section{margin-bottom:16px;overflow:hidden}.setup-section>summary{padding:18px 22px;background:#fff;cursor:pointer;font-weight:850;list-style-position:inside}.setup-section[open]>summary{border-bottom:1px solid #e8ecee}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px}.split-panel>section+section{border-left:1px solid #e4e9e8;padding-left:28px}.compact-form{grid-template-columns:repeat(3,1fr);align-items:end}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip-list span{padding:6px 10px;background:#edf7f3;color:#0b624f;border-radius:999px;font-size:13px;font-weight:700}.simple-list{display:grid;gap:8px;margin-top:16px}.simple-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#f7f9f8;border-radius:10px}.simple-list>div>span{color:#667085}.upload-form{display:grid;gap:12px;margin-top:16px}.field-help{color:#667085;font-size:13px}.section-divider{border:0;border-top:1px solid #e4e9e8;margin:26px 0}.check-list{display:grid;gap:8px;padding-left:22px}.narrow-card{max-width:760px;margin-left:auto;margin-right:auto}.form-actions,.bulk-toolbar,.button-row{display:flex;align-items:center;justify-content:flex-end;gap:10px}.form-actions{padding:18px 22px}.bulk-toolbar{padding:16px 20px;border-bottom:1px solid #e7ecea;justify-content:space-between}.bulk-toolbar>div{display:flex;gap:8px}.wide.primary-button{grid-column:1/-1}.hidden{display:none!important}

.status-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#edf0ef;color:#53605c;font-size:12px;font-weight:800}.status-badge.success,.status-badge.hadir{background:#dcf7eb;color:#057352}.status-badge.warning,.status-badge.terlambat{background:#fff1c7;color:#875900}.status-badge.izin,.status-badge.sakit{background:#e6f0ff;color:#1d5ca7}.status-badge.alpa{background:#ffe1e1;color:#a61b1b}.status-badge.belum{background:#eceff0;color:#596460}

.scanner-card{max-width:720px;margin:0 auto;padding:22px;background:#fff;border:1px solid #e0e7e5;border-radius:20px;text-align:center;box-shadow:0 12px 32px rgba(16,24,40,.05)}.scanner-status{margin-bottom:14px;color:#52615c;font-weight:750}.scanner-reader{width:min(500px,100%);margin:0 auto;overflow:hidden;border-radius:16px}.scanner-result{padding:18px;margin:16px 0;border-radius:14px}.scanner-result h3,.scanner-result p{margin:2px}.scanner-result.success{background:#dcf7eb;color:#075f49}.scanner-result.error{background:#ffe7e7;color:#981b1b}.scanner-help{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:20px auto}.scanner-help article{display:grid;gap:5px;background:#fff;border:1px solid #e2e8e6;border-radius:14px;padding:16px}.scanner-help span{color:#667085;font-size:13px}

.monitor-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.monitor-summary span{background:#fff;border:1px solid #e2e8e6;border-radius:13px;padding:13px;color:#667085}.monitor-summary strong{display:block;color:#075f49;font-size:22px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monitor-card{background:#fff;border:1px solid #e2e8e6;border-radius:15px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.monitor-card>div{display:grid;min-width:0}.monitor-card small{color:#667085}.avatar{width:42px;height:42px;border-radius:13px;background:#e2f5ee;color:#087057;display:grid;place-items:center;font-weight:900}

.id-card-stage{display:grid;place-items:center;padding:24px}.student-id-card{width:340px;min-height:520px;border-radius:22px;border:2px solid #075b49;background:#fff;padding:24px;text-align:center;box-shadow:0 18px 50px rgba(16,24,40,.13);display:flex;flex-direction:column;align-items:center}.student-id-card header{width:100%;display:flex;align-items:center;gap:11px;text-align:left}.student-id-card header div{display:grid}.student-id-card header small{color:#667085}.student-id-card .qr-box{width:204px;height:204px;margin:28px auto 15px;padding:12px;border:1px solid #dbe5e2;border-radius:14px;background:#fff}.student-id-card h3{margin:8px 0 0;font-size:22px}.student-id-card p{margin:4px;color:#667085}.student-id-card>footer{margin-top:auto;color:#687671;font-size:12px}

@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:270px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:translateX(0)}.menu-button{display:block}.stats-grid{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.split-panel{grid-template-columns:1fr}.split-panel>section+section{border-left:0;border-top:1px solid #e4e9e8;padding:22px 0 0}.compact-form{grid-template-columns:1fr 1fr}.monitor-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.content{padding:18px}.topbar{padding:12px 16px}.stats-grid,.module-grid,.form-grid,.role-fieldset,.compact-form,.monitor-grid,.scanner-help,.monitor-summary,.setup-steps{grid-template-columns:1fr}.filter-bar,.page-heading{flex-direction:column;align-items:stretch}.login-form,.install-card{padding:26px}.login-page{padding:14px}.form-grid .wide,.wide.primary-button{grid-column:auto}.bulk-toolbar{align-items:stretch;flex-direction:column}.bulk-toolbar>div{flex-wrap:wrap}.student-id-card{width:min(340px,100%)}}
@media print{.no-print,.sidebar,.topbar,.main>footer{display:none!important}.app-shell{display:block}.content{padding:0}.id-card-stage{padding:0}.student-id-card{box-shadow:none;break-inside:avoid;margin:0 auto}}

.sidebar{overflow-y:auto}.sidebar nav{gap:5px}.nav-group{border-top:1px solid rgba(255,255,255,.09);padding-top:7px}.nav-group summary{cursor:pointer;padding:9px 13px;color:#bce4da;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.nav-group a{margin-left:7px;padding:8px 12px!important;font-size:14px}.sidebar-footer a{color:#bce4da;font-size:12px;margin-top:5px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.management-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:18px;align-items:start}.compact-table{max-height:720px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>span{display:grid}.person-photo{width:42px;height:42px;border-radius:13px;object-fit:cover;background:#edf2f0}.photo-editor{display:flex!important;align-items:center;gap:16px}.photo-editor>img{width:105px;height:125px;border-radius:16px;object-fit:cover;background:#edf2f0}.photo-editor>label{flex:1}.photo-editor.vertical{flex-direction:column;text-align:center}.large-avatar{width:105px;height:125px;font-size:34px}.account-card{margin-top:18px}.profile-grid{grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr)}.school-logo-large{width:150px!important;height:150px!important;object-fit:contain!important;background:#fff!important}.promotion-toolbar{align-items:end}.promotion-toolbar>div{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.promotion-toolbar label{font-size:13px;font-weight:750;display:grid;gap:5px}.archive-preview{max-height:430px}.wrap-cell{white-space:normal;min-width:260px;max-width:500px}.notification-list{display:grid;gap:12px}.notification-card{padding:18px}.notification-card h3{margin:0}.notification-card p{white-space:normal}.notification-card.unread{border-left:5px solid #0a8064}.notification-card.disabled{opacity:.65}.notification-heading{display:flex;justify-content:space-between;gap:12px}.field-muted{opacity:.55}

.print-report-page{background:#edf2f0;color:#172033}.print-toolbar{position:sticky;top:0;z-index:2;background:#073d32;color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.print-report{width:min(1120px,calc(100% - 30px));margin:20px auto;background:#fff;padding:26px;box-shadow:0 12px 35px rgba(16,24,40,.12)}.report-letterhead{display:flex;align-items:center;gap:16px;border-bottom:3px double #075f49;padding-bottom:14px}.report-letterhead h1{margin:0;color:#075f49;font-size:22px}.report-letterhead p{margin:3px 0;color:#55645f}.report-logo{width:70px;height:70px;display:grid;place-items:center;border:1px solid #d8e2df;border-radius:12px;background:#f9c74f;color:#14342d;font-weight:900;font-size:23px;overflow:hidden}.report-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}.report-title{text-align:center;padding:20px 0 15px}.report-title h2{margin:0;font-size:18px;text-transform:uppercase}.report-title p{margin:5px 0;color:#667085}.print-report table th,.print-report table td{border:1px solid #98a6a2;padding:7px 8px;text-align:center;font-size:11px}.print-report table th{background:#075f49;color:#fff}.print-report table td:nth-child(3){text-align:left}.report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:30px;text-align:center}.report-signatures p{margin-bottom:55px}.report-meta{margin-top:22px;text-align:right;color:#667085;font-size:10px}

.student-portal-page{min-height:100vh;background:#f2f6f5}.student-portal-header{background:linear-gradient(135deg,#063f34,#08705a);color:#fff;padding:20px max(24px,calc((100vw - 1200px)/2)) 55px}.student-portal-header nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-brand{display:flex;align-items:center;gap:11px}.portal-brand>div{display:grid}.portal-brand small{color:#bce4da}.portal-logo{width:46px;height:46px;border-radius:13px;object-fit:contain;background:#fff;padding:3px}.portal-greeting{display:flex;align-items:center;gap:18px;margin-top:38px}.portal-greeting>img,.portal-avatar{width:92px;height:92px;border-radius:24px;object-fit:cover;background:#f9c74f;color:#14342d;display:grid;place-items:center;font-size:34px;font-weight:900}.portal-greeting p,.portal-greeting h1{margin:0}.portal-greeting h1{font-size:32px}.portal-greeting span{color:#cce9e2}.student-portal-main{width:min(1200px,calc(100% - 36px));margin:-28px auto 40px}.portal-content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start}.portal-prayer{margin-top:18px}

@media(max-width:900px){.management-grid,.portal-content-grid,.profile-grid{grid-template-columns:1fr}.promotion-toolbar{align-items:stretch;flex-direction:column}.student-portal-header nav{align-items:flex-start}.student-portal-header nav>.button-row{justify-content:flex-end}.print-report{width:100%;margin:0}.report-signatures{gap:30px}}
@media(max-width:620px){.photo-editor{align-items:stretch;flex-direction:column}.promotion-toolbar>div{grid-template-columns:1fr}.student-portal-header{padding:16px 18px 50px}.student-portal-header nav{flex-direction:column}.student-portal-header nav>.button-row{width:100%;justify-content:space-between}.portal-greeting{margin-top:28px}.portal-greeting h1{font-size:25px}.student-portal-main{width:min(100% - 24px,1200px)}}
.role-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.role-permission-grid .role-fieldset{margin:0}.guardian-portal-page .portal-greeting{color:inherit}@media(max-width:900px){.role-permission-grid{grid-template-columns:1fr}}
.guardian-child-filter{flex:1}.guardian-selected-child{margin:0 0 18px;background:#fff;border:1px solid #e3e8e9;border-radius:18px;padding:18px;color:#173a48}.guardian-muted{color:#667085!important}.guardian-secondary-grid{margin-top:18px}
.install-warning{padding:10px 12px;border-radius:10px;background:#fff4d6;color:#7d5907;font-size:13px}.install-warning code{font-weight:800}
@media print{.print-report-page{background:#fff}.print-report{width:100%;margin:0;padding:0;box-shadow:none}.report-letterhead{break-inside:avoid}.report-signatures{break-inside:avoid}}

.academic-module-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.inline-form{display:flex;align-items:center;gap:8px}.inline-form select{min-width:85px}.development-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-bottom:18px}.academic-history-panel{margin-top:18px}.academic-history-panel td small{white-space:normal;margin-top:5px}.period-highlight{background:#f0faf6;border-color:#9fd3c5}
@media(max-width:900px){.development-form-grid{grid-template-columns:1fr}}
@media(max-width:620px){.inline-form{align-items:stretch;flex-direction:column}.inline-form select,.inline-form button{width:100%}}

/* V5.4 workspace, dashboard, navigation, and Finance module */
:root{--green-950:#04362e;--green-900:#06483c;--green-800:#075f4d;--green-700:#08765f;--green-100:#dcf5ec;--ink:#14213d;--muted:#667085;--line:#e2e8e7;--surface:#fff;--canvas:#f4f7f6;--gold:#f2bf4b;--shadow:0 12px 32px rgba(19,43,37,.07)}
.app-shell{grid-template-columns:292px minmax(0,1fr);background:var(--canvas)}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:20px 16px 16px;gap:18px;background:radial-gradient(circle at 25% -10%,#0f715d 0,transparent 34%),linear-gradient(165deg,#064b3e 0%,#04372f 62%,#032d27 100%);box-shadow:12px 0 34px rgba(3,45,39,.1);z-index:20;scrollbar-width:thin;scrollbar-color:#36766a transparent}
.brand{padding:0 8px 4px}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.brand-mark{background:linear-gradient(145deg,#ffd66e,#e9ad2e);box-shadow:0 9px 22px rgba(239,181,54,.24);border:1px solid rgba(255,255,255,.35)}
.sidebar-close{display:none;margin-left:auto;border:0;background:rgba(255,255,255,.08);color:#fff;width:34px;height:34px;border-radius:10px;font-size:24px;line-height:1;cursor:pointer}
.portal-badge{display:flex;align-items:center;gap:10px;margin:0 4px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:13px}.portal-badge>span{width:8px;height:8px;border-radius:50%;background:#55dfa9;box-shadow:0 0 0 5px rgba(85,223,169,.1)}.portal-badge>div{display:grid}.portal-badge strong{font-size:11px}.portal-badge small{font-size:9px;color:#a8d3ca;margin-top:1px}
.sidebar nav{gap:3px}.nav-section-label{padding:12px 12px 5px;color:#8fc2b7;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.sidebar nav .nav-item,.sidebar nav .nav-pending,.nav-group summary{min-height:43px;padding:8px 10px;border-radius:11px;display:flex;align-items:center;gap:10px;color:#d9eee9;font-size:13px;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar nav .nav-item:hover,.nav-group summary:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar nav .nav-item.active{background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.07));color:#fff;box-shadow:inset 3px 0 #f3c550}.nav-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.09);color:#aee2d5;font-size:9px;font-weight:900;letter-spacing:.04em}.active>.nav-icon,.nav-group[open]>summary .nav-icon{background:#e1f7ef;color:#07634f}.nav-group{border-radius:12px}.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group[open]>summary{background:rgba(255,255,255,.07);color:#fff}.nav-group-featured[open]>summary{box-shadow:inset 3px 0 #f3c550}.nav-chevron{margin-left:auto;color:#86b9ae;font-size:18px;transition:transform .18s}.nav-group[open] .nav-chevron{transform:rotate(90deg)}.nav-live{margin-left:auto;padding:2px 6px;border-radius:999px;background:#dff8ee;color:#07634f;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.nav-group .nav-live+.nav-chevron{margin-left:0}.nav-children{position:relative;display:grid;gap:1px;padding:4px 0 6px 46px}.nav-children:before{content:"";position:absolute;left:24px;top:4px;bottom:9px;width:1px;background:rgba(186,224,215,.18)}.sidebar .nav-children a{position:relative;padding:7px 9px;border-radius:8px;color:#afd1ca;font-size:12px;display:block}.sidebar .nav-children a:before{content:"";position:absolute;left:-24px;top:50%;width:8px;height:1px;background:rgba(186,224,215,.24)}.sidebar .nav-children a:hover,.sidebar .nav-children a.active{background:rgba(255,255,255,.08);color:#fff}.sidebar .nav-children a.active{font-weight:800}.nav-pending{opacity:.75}.nav-pending small{display:block;color:#86b9ae;font-size:9px;font-weight:500}.sidebar-footer{margin-top:auto;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:9px;margin-left:4px;margin-right:4px;padding:14px 8px 0}.sidebar-footer>span:nth-child(2){display:grid;min-width:0}.sidebar-footer strong,.sidebar-footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{font-size:11px}.sidebar-footer small{font-size:9px}.sidebar-footer>a{padding:4px;color:#aad2c9;text-decoration:none;text-align:center}.user-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f6ca5d;color:#173b32;font-size:13px;font-weight:900}
.sidebar-backdrop{display:none}.main{background:linear-gradient(180deg,#f8faf9 0,#f2f6f5 100%)}.topbar{height:82px;padding:13px 28px;border-bottom:1px solid #e5ebe9;box-shadow:0 4px 20px rgba(19,43,37,.025);position:sticky;top:0;z-index:12}.topbar-title{display:grid}.topbar-title small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7b8985}.topbar-title small span{padding:0 3px;color:#bcc6c3}.topbar-title h1{font-size:21px;letter-spacing:-.02em}.topbar-meta{margin-left:auto;padding-right:8px}.topbar-meta>span{display:grid;text-align:right}.topbar-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.09em}.topbar-meta strong{font-size:12px;color:#344b45}.topbar form{margin-left:0}.logout-button{gap:8px;padding:8px 12px;font-size:12px}.logout-button b{font-size:13px}.content{width:100%;max-width:1640px;margin:0 auto;padding:28px 30px 34px}.main footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e4eae8;color:#7d8a86;font-size:10px;margin-top:auto}.page-heading h2{letter-spacing:-.035em;color:var(--ink)}.panel,.stat-card,.stats-grid>article{border-color:#e1e8e6;box-shadow:var(--shadow)}.panel-header h3{font-size:18px;letter-spacing:-.02em;color:var(--ink)}.panel-link,.table-primary-link{color:#06745c;font-weight:800;text-decoration:none}.panel-link:hover,.table-primary-link:hover{text-decoration:underline}.result-count{font-size:11px;font-weight:800;color:#5c706a;background:#f0f5f3;padding:6px 9px;border-radius:999px}.muted{color:#8a9692}.wrap-cell{white-space:normal;min-width:220px}.success-text{color:#067353!important}.primary-button:disabled,.secondary-button:disabled,button:disabled{opacity:.5;cursor:not-allowed}.form-note{color:#8b5f00;text-align:center}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filter-bar input:focus,.filter-bar select:focus{outline:3px solid rgba(8,118,95,.12);border-color:#2b927b}.check-list{display:grid;gap:10px;padding-left:22px;color:#4b5e58}.check-list code{background:#eef4f2;padding:2px 5px;border-radius:5px}.finance-install-panel{max-width:900px}
.dashboard-hero,.finance-hero{position:relative;overflow:hidden;min-height:225px;margin-bottom:20px;padding:34px 38px;border-radius:24px;background:radial-gradient(circle at 84% 14%,rgba(246,201,88,.22),transparent 26%),linear-gradient(120deg,#06483d 0%,#08705a 65%,#0b7c64 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 20px 46px rgba(5,76,63,.16)}.dashboard-hero:after,.finance-hero:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-90px;bottom:-150px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}.dashboard-hero-copy,.finance-hero>div{position:relative;z-index:1}.hero-kicker{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;color:#d9f2ec;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.dashboard-hero h2,.finance-hero h2{max-width:690px;margin:14px 0 8px;font-size:32px;line-height:1.17;letter-spacing:-.04em}.dashboard-hero p,.finance-hero p{max-width:700px;margin:0;color:#cce8e1;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:22px}.button-on-dark,.button-ghost-on-dark{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}.button-on-dark{background:#f5c959;color:#17382f;box-shadow:0 8px 20px rgba(241,187,52,.2)}.button-ghost-on-dark{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}.dashboard-hero-orbit{position:relative;z-index:1;width:148px;height:148px;flex:0 0 148px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 16px rgba(255,255,255,.025)}.dashboard-hero-orbit span{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#ffdb79,#e9ad2e);color:#173b32;font-size:24px;font-weight:950;transform:rotate(-5deg);box-shadow:0 18px 38px rgba(0,0,0,.2)}.dashboard-hero-orbit i,.dashboard-hero-orbit b{position:absolute;border-radius:50%;background:#71dfb5}.dashboard-hero-orbit i{width:9px;height:9px;top:15px;left:18px}.dashboard-hero-orbit b{width:6px;height:6px;bottom:23px;right:15px;background:#f5c959}
.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-stats .stat-card{grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:16px 17px}.dashboard-stats .stat-card>div{display:grid}.dashboard-stats .stat-card small{color:#6c7b76;font-size:10px}.dashboard-stats .stat-card strong{font-size:24px;line-height:1.1}.dashboard-stats .stat-card em{grid-column:1/-1;color:#87938f;font-size:9px;font-style:normal;border-top:1px solid #edf1f0;padding-top:8px}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e6f6f0;color:#08725c;font-size:10px;font-weight:900}.module-map-panel{margin-top:3px}.module-map-panel .panel-header{padding:23px 24px}.module-map-panel .panel-header .eyebrow{margin:0 0 3px}.system-health{display:flex;align-items:center;gap:7px;color:#527068;font-size:10px;font-weight:800}.system-health i{width:8px;height:8px;border-radius:50%;background:#25b980;box-shadow:0 0 0 4px #dcf6ec}.premium-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px 22px 24px}.premium-module-card{position:relative;min-height:190px;border:1px solid #e2e9e7;border-radius:18px;padding:19px;display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(180deg,#fff,#fcfdfd);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.premium-module-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-55px;background:var(--card-tint,#eef7f4)}.premium-module-card[href]:hover{transform:translateY(-3px);border-color:#96cabe;box-shadow:0 15px 30px rgba(21,69,58,.1)}.premium-module-card strong{font-size:17px;color:#14213d;margin:14px 0 5px}.premium-module-card p{margin:0;color:#687a75;font-size:12px;line-height:1.55}.premium-module-card>small{position:relative;z-index:1;margin-top:auto;padding-top:14px;color:#08725c;font-size:10px;font-weight:800}.premium-module-card>small b{font-size:14px;margin-left:3px}.module-card-top{display:flex;justify-content:space-between;align-items:center}.module-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--symbol-bg,#e4f5ef);color:var(--symbol-color,#08725c);font-size:11px;font-style:normal;font-weight:950;box-shadow:inset 0 0 0 1px rgba(7,107,87,.06)}.core-card{--card-tint:#edf3ff;--symbol-bg:#edf2ff;--symbol-color:#405ba8}.attendance-card{--card-tint:#e4f8f0}.academic-card{--card-tint:#fff4d6;--symbol-bg:#fff3ce;--symbol-color:#8b6200}.finance-card{--card-tint:#e3eefc;--symbol-bg:#e7effb;--symbol-color:#315f9b;border-color:#bfd5ed;background:linear-gradient(145deg,#fff,#f7fbff)}.muted-module-card{opacity:.78}.dashboard-note{display:flex;align-items:center;gap:13px;margin-top:18px;padding:17px 20px;background:#eaf6f2;border:1px solid #d5ebe4;border-radius:16px}.dashboard-note-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#08745d;color:#fff;font-weight:900}.dashboard-note strong{font-size:12px}.dashboard-note p{margin:2px 0 0;color:#60736d;font-size:11px}
.finance-hero{min-height:210px}.hero-balance{min-width:290px!important;padding:21px 23px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);backdrop-filter:blur(8px);border-radius:18px;display:grid!important}.hero-balance small{color:#c7e5de;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-balance strong{font-size:29px;letter-spacing:-.04em;margin:6px 0}.hero-balance span{color:#e5f4f0;font-size:10px}.finance-stats .stat-card{min-height:120px}.finance-stats .stat-card strong{font-size:23px;letter-spacing:-.035em}.finance-stats .stat-card small{color:#86928f;font-size:10px}.stat-card-accent{border-color:#b8ddcf!important;background:linear-gradient(145deg,#fff,#f0faf6)!important}.dashboard-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:18px;align-items:start}.finance-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px}.finance-action{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:13px;border:1px solid #e3eae8;border-radius:14px;text-decoration:none;background:#fff;transition:border-color .18s,transform .18s,background .18s}.finance-action:hover{transform:translateY(-2px);border-color:#9ccfc2;background:#f9fcfb}.finance-action-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#e4f5ef;color:#08735c;font-size:9px;font-weight:950}.finance-action>div{display:grid;min-width:0}.finance-action strong{font-size:12px;color:#192b27}.finance-action small{font-size:9px;color:#778681;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-action>span:last-child{color:#58a895}.transaction-list{display:grid;padding:7px 15px 13px}.transaction-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #edf1f0;text-decoration:none}.transaction-list>a:last-child{border-bottom:0}.transaction-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e7f3ef;color:#08705a;font-weight:900;font-size:11px}.transaction-list>a>span:nth-child(2){display:grid;min-width:0}.transaction-list strong{font-size:11px}.transaction-list small{font-size:9px;color:#82908c}.transaction-value{text-align:right;display:grid}.status-text{font-weight:800}.status-pending{color:#966500!important}.status-approved{color:#08705a!important}.status-rejected,.status-voided{color:#a52a24!important}.finance-entry-grid{grid-template-columns:1fr 1fr;margin-bottom:18px}.finance-filter{align-items:flex-end;flex-wrap:wrap}.finance-filter label{display:grid;gap:4px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#61726d;font-weight:800}.finance-filter input{min-width:190px}.finance-filter select{min-width:145px}.finance-bill-form{grid-template-columns:repeat(3,1fr)}.finance-bill-form .wide{grid-column:1/-1}.finance-student-directory{margin-top:18px}.finance-status.unpaid{background:#edf1f0;color:#53635f}.finance-status.partial,.finance-status.pending,.finance-status.overdue{background:#fff2cf;color:#865d00}.finance-status.paid,.finance-status.approved{background:#dff7ed;color:#067052}.finance-status.rejected,.finance-status.voided,.finance-status.cancelled{background:#ffe5e3;color:#a32820}.correction-form{display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:center;gap:5px;min-width:240px}.correction-form input,.approval-form input{padding:7px 8px!important;font-size:10px}.approval-form{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:4px;min-width:310px}.report-grid{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)}
.receipt-page{min-height:100vh;background:#edf3f1;padding:28px;color:#14213d}.receipt-sheet{width:min(820px,100%);margin:0 auto;background:#fff;border-radius:22px;padding:35px;box-shadow:0 24px 60px rgba(20,45,38,.14)}.receipt-header{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid #dfe7e4}.receipt-header h1{font-size:22px;margin:2px 0}.receipt-header p{margin:0;color:#6c7d78;font-size:11px}.receipt-number{margin:24px 0 15px;padding:15px 17px;border-radius:13px;background:#f2f7f5;display:flex;justify-content:space-between;align-items:center}.receipt-number small{color:#75847f;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.receipt-number strong{font-size:15px}.receipt-details{margin:0;display:grid}.receipt-details>div{display:grid;grid-template-columns:190px 1fr;padding:11px 4px;border-bottom:1px solid #edf1f0}.receipt-details dt{color:#72817c;font-size:11px}.receipt-details dd{margin:0;font-size:12px;font-weight:750}.receipt-total{margin:24px 0;padding:20px 22px;border-radius:16px;background:linear-gradient(120deg,#06483d,#08705a);color:#fff;display:flex;align-items:center;justify-content:space-between}.receipt-total span{font-size:12px}.receipt-total strong{font-size:27px}.receipt-warning{padding:11px 13px;border-radius:10px;background:#fff4d6;color:#7d5907;font-size:10px}.receipt-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.receipt-footer>div{display:grid;text-align:center;padding-top:45px;border-top:1px solid #dfe6e4}.receipt-footer small{color:#778681;font-size:9px}.receipt-footer strong{font-size:11px}.receipt-actions{text-align:center;margin-top:24px}
@media(max-width:1250px){.premium-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split,.report-grid{grid-template-columns:1fr}.transaction-list{max-height:420px;overflow:auto}}
@media(max-width:1050px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(310px,88vw);height:100vh;transform:translateX(-103%);transition:transform .22s ease}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid;place-items:center}.sidebar-backdrop{position:fixed;inset:0;z-index:19;border:0;background:rgba(10,30,25,.45);backdrop-filter:blur(2px)}.sidebar.open+.sidebar-backdrop{display:block}.menu-button{display:block}.topbar{padding-left:18px}.content{padding:23px 20px}.main footer{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.topbar-meta{display:none}.dashboard-hero,.finance-hero{padding:27px 23px;min-height:0}.dashboard-hero h2,.finance-hero h2{font-size:26px}.dashboard-hero-orbit{display:none}.finance-hero{display:block}.hero-balance{margin-top:22px;min-width:0!important}.premium-module-grid{grid-template-columns:1fr}.finance-action-grid{grid-template-columns:1fr}.finance-entry-grid{grid-template-columns:1fr}.finance-bill-form{grid-template-columns:1fr}.finance-bill-form .wide{grid-column:auto}.finance-filter{display:grid;grid-template-columns:1fr}.finance-filter input,.finance-filter select,.finance-filter label,.finance-filter button{width:100%;min-width:0}.approval-form{grid-template-columns:1fr 1fr;min-width:220px}.approval-form input{grid-column:1/-1}.receipt-page{padding:0}.receipt-sheet{border-radius:0;padding:22px;min-height:100vh}.receipt-header{grid-template-columns:52px 1fr}.receipt-header>.status{grid-column:1/-1}.receipt-details>div{grid-template-columns:1fr;gap:4px}.receipt-footer{gap:15px}.main footer{flex-direction:column;gap:3px}}
@media(max-width:520px){.content{padding:18px 12px}.topbar{padding:10px 12px;height:72px}.topbar-title h1{font-size:17px}.logout-button span{display:none}.dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}.dashboard-stats .stat-card{grid-template-columns:34px 1fr;padding:13px}.dashboard-stats .stat-card strong{font-size:20px}.stat-icon{width:33px;height:33px}.dashboard-stats .stat-card em{display:none}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.premium-module-grid{padding:12px}.finance-stats{grid-template-columns:1fr 1fr}.finance-stats .stat-card strong{font-size:18px}.panel-header{padding:17px}.panel-body,.form-panel{padding:17px}.receipt-total strong{font-size:21px}}
@media print{.receipt-page{background:#fff;padding:0}.receipt-sheet{width:100%;padding:0;box-shadow:none;border-radius:0}.receipt-actions{display:none}.receipt-header,.receipt-total,.receipt-footer{break-inside:avoid}.sidebar,.topbar,.main>footer{display:none!important}}
.grades-card{--card-tint:#e4f6ef;--symbol-bg:#e4f5ef;--symbol-color:#087b70;border-color:#bfe7de;background:linear-gradient(145deg,#fff,#f4fbf8)}
.guardian-account-list{display:grid;gap:12px}.guardian-account-item{display:grid;gap:12px;padding:14px;border:1px solid #e2e9e7;border-radius:13px;background:#f9fbfa}.guardian-account-item>div:first-child{display:grid;gap:3px}.guardian-account-item small{color:#6f7f7a}.guardian-account-item .status-badge{margin-top:5px;width:max-content}.guardian-account-actions{display:flex;gap:8px;flex-wrap:wrap}.guardian-account-actions button{padding:7px 10px;font-size:11px}.guardian-account-form{border-top:1px solid #e8ecee}.guardian-account-form>summary{padding:16px 22px;cursor:pointer;font-weight:800;color:#075f4d}.guardian-account-form>.form-grid{padding:0 22px 22px}.guardian-account-note{border-top:1px solid #edf1f0;color:#6d7b77;font-size:11px}