@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--primary:#246da1;--primary-dark:#195682;--ink:#21354b;--muted:#607489;--line:#e5ebf0;--canvas:#f2f7fc;--surface:#fff;--green:#238166;--orange:#c77820;--red:#c95555;--blue:#367db5;--radius:14px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--canvas);margin:0;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--primary);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}small,.muted{color:var(--muted)}.small{font-size:.78rem}.eyebrow{letter-spacing:.04em;color:var(--primary);font-size:.77rem;font-weight:700;display:block}.primary,.ghost{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-weight:700;display:inline-flex}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{color:var(--primary);background:#fff;border-color:#d7e1e8}.ghost:hover{background:#eff5f9}.full{width:100%}.text-button{color:var(--primary);background:0 0;border:0;padding:4px 0;font-weight:600}.strong{font-weight:700}input,select,textarea{min-height:42px;color:var(--ink);background:#fff;border:1px solid #d8e1e9;border-radius:9px;outline:0;max-width:100%;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #174a701b}input[type=color]{min-width:100px;padding:4px}input[type=checkbox]{min-height:auto;accent-color:var(--primary);width:16px;height:16px}textarea{resize:vertical;min-height:95px}label{flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}label input,label select,label textarea{font-weight:400}.alert{color:#33658a;background:#eff5fa;border:1px solid #dceaf4;border-radius:9px;justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.alert.error{color:#ad3f3f;background:#fff0ef;border-color:#f5d7d2}.alert.success{color:#247253;background:#ecf8f1;border-color:#d4eddf}.alert button{color:inherit;background:0 0;border:0}.badge{white-space:nowrap;color:#68798a;background:#edf0f3;border-radius:100px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge.present{color:#238166;background:#e7f5ee}.badge.late{color:#ac6a18;background:#fff1df}.badge.absent{color:#b44848;background:#feebeb}.badge.excused,.badge.leave{color:#367db5;background:#e9f2fc}.badge.pending{color:#738393;background:#eff1f3}.brand-mark{background:var(--primary);color:#fff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:26px;display:grid}.app-shell{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;flex:none;width:254px;height:100vh;padding:25px 14px 16px;display:flex;position:sticky;top:0}.side-brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:0 11px 22px;display:flex}.side-brand strong,.side-brand small{display:block}.side-brand strong{font-size:.94rem}.side-brand small{font-size:.75rem}.side-caption{color:#9aa8b6;margin:24px 13px 9px;font-size:.7rem;font-weight:700}.sidebar nav{flex-direction:column;gap:3px;display:flex;overflow:auto}.nav-item{text-align:right;color:#536579;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;font-size:.85rem;font-weight:600;display:flex}.nav-item span{text-align:center;width:22px;font-size:1.15rem}.nav-item:hover,.nav-item.active{color:var(--primary);background:#eaf2f8}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding:18px 5px 0;display:flex}.sidebar-footer div{flex:1;min-width:0}.sidebar-footer strong,.sidebar-footer small{text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;display:block;overflow:hidden}.sidebar-footer button{color:#8999a9;background:0 0;border:0;font-size:1.2rem}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.avatar.faint{color:var(--primary);background:#eaf2f8}.main-wrap{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:88px;padding:0 34px;display:flex}.topbar h1{margin:1px 0 0;font-size:1.23rem}.top-actions{color:var(--muted);align-items:center;gap:18px;font-size:.83rem;display:flex}.content{max-width:1480px;margin:auto;padding:28px 34px 60px}.page-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px;display:flex}.page-heading h2{margin:0 0 3px}.page-heading p{color:var(--muted);margin:0;font-size:.83rem}.toolbar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.toolbar label{font-size:.72rem}.toolbar input,.toolbar select{min-width:120px}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:19px;display:grid}.stat-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 3px 12px #13395708}.stat-card{min-height:117px;padding:18px;position:relative}.stat-card small{margin:5px 0 9px;font-size:.8rem;display:block}.stat-card strong{font-size:1.52rem;line-height:1}.stat-dot{background:var(--primary);border-radius:50%;width:9px;height:9px;display:block}.stat-dot.present{background:var(--green)}.stat-dot.late{background:var(--orange)}.stat-dot.absent{background:var(--red)}.stat-dot.excused{background:var(--blue)}.stat-dot.pending{background:#a6b1bb}.panel{margin-bottom:18px;padding:23px}.panel h3{margin:0 0 17px}.two-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.rate-card{justify-content:space-between;align-items:center;display:flex}.rate-card h3{color:var(--primary);margin:4px 0;font-size:2.7rem}.rate-card p{color:var(--muted);font-size:.82rem}.donut{border-radius:50%;flex:none;place-items:center;width:120px;height:120px;display:grid}.donut span{width:86px;height:86px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid}.info-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:10px 0;font-size:.85rem;display:flex}.info-line span{color:var(--muted)}.person-line{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.person-line>div{flex:1;min-width:0}.person-line strong,.person-line small{font-size:.82rem;display:block}.person-line small{font-size:.72rem}.panel-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.panel-header h3,.panel-header h2{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:.82rem}th{color:#66788b;background:#f8fafb;font-weight:700}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 12px}tr:last-child td{border:0}.empty{text-align:center;color:#8796a5;padding:42px 8px}.empty span{font-size:2rem}.empty p{margin:4px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;display:grid}.dept-card{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.dept-card h3,.dept-card p{margin:0}.dept-card p{color:var(--muted);font-size:.85rem}.dept-icon{color:var(--primary);background:#eef4f8;border-radius:10px;padding:8px;font-size:1.3rem}.form-stack{flex-direction:column;gap:16px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-list{flex-direction:column;gap:9px;display:flex}.checkbox-list.horizontal{flex-flow:wrap;gap:18px}.checkbox-list label,.inline-check{flex-direction:row;align-items:center;gap:7px;display:flex}.upload-zone{color:var(--primary);cursor:pointer;border:2px dashed #bfcfdc;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px;font-size:1.5rem;display:flex}.upload-zone strong{font-size:1rem}.upload-zone span{color:var(--muted);font-size:.8rem}.upload-zone input{max-width:280px}.qr-admin{text-align:center}.qr-admin .toolbar{justify-content:center}.qr-image{border:1px solid var(--line);background:#fff;border-radius:14px;margin:15px;padding:16px;display:inline-flex}.qr-image svg{max-width:100%;height:auto}.mono{word-break:break-all;direction:ltr;font-family:Inter,monospace}.modal-backdrop{z-index:50;background:#132b42a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(650px,100%);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 80px #132b4244}.modal h2{margin:0}.auth-page{background:radial-gradient(circle at 50% 0%,#e9f1f6,var(--canvas) 60%);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:19px;width:min(430px,100%);padding:40px;box-shadow:0 12px 50px #1e46521a}.auth-card .brand-mark{margin-bottom:20px}.auth-card h1{margin:4px 0 5px}.auth-card>p{margin-bottom:25px}.auth-card form{flex-direction:column;gap:18px;display:flex}.auth-card .small{text-align:center;margin:25px 0 0}.check-card{width:min(480px,100%)}.result-list{flex-direction:column;max-height:260px;display:flex;overflow:auto}.result-item{border:1px solid var(--line);text-align:right;background:#fff;border-radius:9px;margin:3px 0;padding:10px 13px}.result-item:hover{background:#f2f7fa}.result-item strong,.result-item small{display:block}.selected-person{border:1px solid var(--line);background:#f9fbfc;border-radius:11px;padding:16px}.selected-person h2{margin:5px 0}.selected-person p{color:var(--muted);margin:0}.success-box{text-align:center}.success-icon{width:57px;height:57px;color:var(--green);background:#e8f7ee;border-radius:50%;place-items:center;margin:10px auto;font-size:2rem;display:grid}.success-box h2{margin-bottom:8px}.success-box p{margin:9px}.success-box .ghost{margin-top:20px}.qr-page{text-align:center;background:#edf3f7;place-items:center;min-height:100vh;padding:20px;display:grid}.qr-shell{background:#fff;border-radius:24px;width:min(600px,100%);padding:45px;box-shadow:0 15px 55px #1d3c5020}.qr-shell .brand-mark{margin:0 auto 16px}.qr-shell h1{font-size:2rem}.qr-shell p{color:var(--muted)}.qr-shell .clock,.qr-shell small{display:block}.clock{color:var(--primary);font-size:2.4rem;font-weight:700}.qr-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.page-loading,.loading-card{text-align:center;color:var(--muted);padding:60px}.menu-toggle,.overlay{display:none}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.sidebar{transition:transform .2s;position:fixed;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.overlay{z-index:19;background:#10253680;border:0;display:block;position:fixed;inset:0}.menu-toggle{background:0 0;border:0;margin-left:10px;font-size:1.3rem;display:block}.topbar{justify-content:flex-start}.top-actions{margin-right:auto}.two-cols{grid-template-columns:1fr}}@media (max-width:650px){.topbar{height:73px;padding:0 16px}.top-actions span:not(.avatar){display:none}.content{padding:20px 13px 50px}.page-heading{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{min-height:100px;padding:14px}.stat-card strong{font-size:1.3rem}.panel{padding:16px}.rate-card h3{font-size:2rem}.donut{width:92px;height:92px}.donut span{width:65px;height:65px}.form-grid,.form-grid.three{grid-template-columns:1fr}.toolbar{width:100%}.toolbar input{flex:1}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{display:none}.table-wrap tr{border-bottom:1px solid var(--line);padding:9px 0}.table-wrap td{white-space:normal;border:0;justify-content:space-between;gap:10px;padding:5px 0;display:flex}.table-wrap td:before{content:attr(data-label);color:var(--muted);font-weight:600}.modal{padding:20px}.auth-card{padding:28px}.qr-shell{padding:26px}.qr-shell h1{font-size:1.5rem}}@media print{.sidebar,.topbar,.toolbar,.nav-item,.ghost,.primary,.text-button{display:none!important}.main-wrap,.content{width:100%;padding:0}.panel{box-shadow:none;border:0}.qr-page{background:#fff}.qr-actions{display:none}}.calendar{border:1px solid var(--line);border-radius:12px;margin:20px 0 25px;padding:15px}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-grid strong{color:var(--muted);font-size:.72rem}.calendar-day{background:#f4f6f8;border-radius:8px;padding:7px 2px;font-size:.8rem}.calendar-day.present{color:var(--green);background:#e7f5ee}.calendar-day.late{color:var(--orange);background:#fff1df}.calendar-day.absent{color:var(--red);background:#feebeb}.calendar-day.excused,.calendar-day.leave{color:var(--blue);background:#e9f2fc}.report-rate,.profile-summary{align-items:center;gap:18px;display:flex}.report-rate strong,.profile-summary strong{color:var(--primary);font-size:2rem}.report-rate span,.profile-summary span{color:var(--muted)}.profile-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:15px}.profile-stats .stat-card{min-height:85px;padding:12px}.import-review{background:#f3f7fa;border-radius:9px;align-items:center;gap:20px;margin:15px 0;padding:12px;display:flex}.import-review span{color:var(--muted)}.print-heading{display:none}@media (max-width:650px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.import-review{flex-direction:column;align-items:flex-start;gap:4px}}@media print{.print-heading{border-bottom:2px solid var(--primary);margin-bottom:18px;padding-bottom:10px;display:block}.print-heading h2{margin:0 0 4px}.print-heading p{color:var(--muted);margin:0}.report-rate{border:1px solid var(--line)}.table-wrap{overflow:visible}table{font-size:10pt}tr{break-inside:avoid}}.trend-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:14px;height:168px;display:grid}.trend-item{flex-direction:column;align-items:center;gap:4px;height:100%;font-size:.73rem;display:flex}.trend-item strong{color:var(--primary)}.trend-item small{color:var(--muted)}.trend-track{background:#f2f5f8;border-radius:6px;align-items:flex-end;width:min(48px,100%);height:112px;display:flex;overflow:hidden}.trend-track span{background:var(--primary);border-radius:6px 6px 0 0;width:100%;display:block}@media (max-width:650px){.trend-chart{gap:5px}.trend-item{font-size:.62rem}.trend-track{height:100px}}.brand-mark img{object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%}.logo-setting{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.logo-setting .brand-mark{width:64px;height:64px}.logo-setting input{max-width:270px}@media print{.print-heading{align-items:center;gap:12px;display:flex}.print-heading .brand-mark{display:grid}.print-heading .brand-mark img{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:650px){.top-actions .text-button{display:none}}.close-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.close-summary>div{border:1px solid var(--line);background:#f7f9fb;border-radius:9px;flex-direction:column;gap:5px;padding:11px;display:flex}.close-summary span{color:var(--muted);font-size:.76rem}.close-summary strong{font-size:1.25rem}@media (max-width:650px){.close-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.language-toggle{border:1px solid var(--line);background:#f6f8fa;border-radius:9px;gap:2px;padding:2px;display:inline-flex}.language-toggle button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:5px 8px;font-size:.72rem}.language-toggle button.active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #1234561a}.auth-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.auth-top .brand-mark{margin:0}.qr-language{justify-content:flex-end;margin-bottom:12px;display:flex}[dir=ltr] .sidebar{border-left:0;border-right:1px solid var(--line)}[dir=ltr] .nav-item,[dir=ltr] table,[dir=ltr] .result-item{text-align:left}@media (max-width:900px){[dir=ltr] .sidebar{left:0;right:auto;transform:translate(-100%)}[dir=ltr] .sidebar.open{transform:translate(0)}[dir=ltr] .menu-toggle{margin-left:0;margin-right:10px}[dir=ltr] .top-actions{margin-left:auto;margin-right:0}}.period-buttons{flex-wrap:wrap;align-self:end;align-items:end;gap:6px;display:flex}.period-buttons .ghost{min-height:42px;padding:9px 11px}@media print{.period-buttons{display:none}}.audit-filters{margin:14px 0}.audit-detail{border:1px solid var(--line);background:#f7f9fb;border-radius:9px;min-width:220px;max-width:420px;padding:10px}.audit-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;direction:ltr;max-height:200px;font-size:.76rem;overflow:auto}.audit-detail strong{margin-top:8px;display:block}.audit-detail summary{cursor:pointer}.qr-actions{flex-wrap:wrap}.ghost:disabled{opacity:.5;cursor:not-allowed}.stat-filter{text-align:start;cursor:pointer;font:inherit;color:inherit}.stat-filter:hover,.stat-filter:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.month-matrix{max-height:70vh;overflow:auto}.month-matrix table{min-width:1300px}.month-matrix th,.month-matrix td{text-align:center;padding:7px 4px}.month-matrix tr>th:first-child{background:var(--surface,#fff);text-align:start;z-index:1;min-width:200px;position:sticky;inset-inline-start:0}.month-matrix thead th{z-index:2;background:var(--surface,#fff);position:sticky;top:0}.month-matrix small{font-weight:400;display:block}.month-cell{background:#edf1f5;border-radius:5px;min-width:25px;padding:4px;display:inline-block}.month-cell.present{color:#17653b;background:#d9f3e6}.month-cell.late{color:#865600;background:#fff0cc}.month-cell.absent{color:#a12626;background:#fbe0e0}.month-cell.leave,.month-cell.excused{color:#214f8c;background:#deebfc}.month-cell.planned{outline:1px dashed}.month-cell.future,.month-cell.na,.month-cell.off{color:#77828f}.month-cell{font:inherit;border:0}.month-cell:disabled{opacity:1;cursor:default}.month-cell.planned:not(:disabled){cursor:pointer}.month-matrix thead tr>th:first-child{z-index:3}.school-home{color:#24394d;background:#f2f8fe;flex-direction:column;min-height:100vh;display:flex;container-type:inline-size}.school-header{background:#fff;border-bottom:1px solid #dfebf5;justify-content:space-between;align-items:center;gap:16px;padding:22px max(24px,50% - 590px);display:flex}.school-identity{align-items:center;gap:14px;min-width:0;display:flex}.school-identity strong{overflow-wrap:anywhere;font-size:1.15rem;display:block}.school-identity span:not(.school-emblem){color:#607489;margin-top:4px;font-size:.85rem;display:block}.school-logo{object-fit:contain;flex:none;width:76px;height:76px}.school-emblem{width:64px;height:64px;color:var(--primary);background:#e4f2fe;border-radius:18px;flex:none;place-items:center;font-size:2rem;display:grid}.school-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:52px 24px}.school-hero{background:#fff;border:1px solid #dce9f5;border-radius:24px;grid-template-columns:1fr;display:grid;overflow:hidden;box-shadow:0 12px 36px #246da10a}.school-hero-copy{padding:52px 42px}.school-hero h1{overflow-wrap:anywhere;max-width:700px;margin:12px 0 18px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.55}.school-hero p,.school-instructions p{color:#536b80;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95}.school-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.school-actions .primary{background:var(--primary);padding:13px 24px}.school-hero-image{background:#e5f1fc;place-items:center;min-height:280px;padding:18px;display:grid}.school-hero-image img{object-fit:contain;border-radius:12px;width:100%;height:100%;max-height:440px}.school-instructions{background:#e9f4ff;border:1px solid #d7e9f9;border-radius:18px;align-items:flex-start;gap:20px;margin-top:24px;padding:24px 28px;display:flex}.school-instructions h2{margin:0 0 8px;font-size:1.1rem}.school-instructions p{margin:0}.instruction-icon{color:var(--primary);font-size:1.8rem}.school-footer{text-align:center;color:#607489;border-top:1px solid #dfebf5;padding:20px;font-size:.8rem}.site-fields{border:0;flex-direction:column;gap:18px;min-width:0;margin:0;padding:0;display:flex}.site-preview{border:1px solid var(--line);border-radius:16px;overflow:hidden}.site-preview.mobile{max-width:390px;margin:auto}.site-preview .school-home{min-height:0}.site-preview .school-header{padding:18px}.site-preview .school-hero-image img{max-height:300px}.ghost[aria-pressed=true]{background:#e3f1ff;border-color:#9dc8eb}.panel-header{flex-wrap:wrap}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7db8e6}.sidebar{background:linear-gradient(#fff,#f7fbff)}.nav-item.active{box-shadow:inset -3px 0 var(--primary);background:#e1f0fe}.stat-card{border-top:3px solid #d5eafd}.side-brand strong{white-space:normal;overflow-wrap:anywhere}@container (max-width:650px){.school-header{flex-wrap:wrap;padding:18px}.school-logo{width:60px;height:60px}.school-hero.with-image{grid-template-columns:1fr}.school-main{padding:24px 16px}.school-hero-copy{padding:28px 22px}.school-hero h1{font-size:1.7rem}.school-hero-image{min-height:160px;max-height:300px}.school-instructions{gap:12px;padding:20px}.school-actions>*{flex:1}.school-header .ghost{font-size:.8rem}.school-identity{flex:1}}@media (max-width:650px){.school-header{flex-wrap:wrap;padding:18px}.school-hero.with-image{grid-template-columns:1fr}.school-main{padding:24px 16px}.school-hero-copy{padding:28px 22px}.school-logo{width:60px;height:60px}.site-preview .school-hero-copy{padding:22px}.panel-header .toolbar{width:auto}.toolbar input,.toolbar select{min-width:0}.auth-card .text-button{margin-top:18px;display:inline-block}}.school-home{color:#233b50;background:#f6f9fc}.school-topline{background:var(--primary);color:#fff;justify-content:space-between;padding:9px max(24px,50% - 560px);font-size:.75rem;display:flex}.school-topline span{opacity:.85}.school-header{gap:24px;padding:20px max(24px,50% - 560px)}.school-identity strong{font-size:1.1rem}.school-identity span:not(.school-emblem){font-size:.78rem}.school-emblem{width:52px;height:52px;color:var(--primary);background:#edf6fd;border-radius:14px}.school-emblem svg{width:29px;height:29px}.school-logo{width:62px;height:62px}.school-admin-link{gap:9px;min-height:42px;font-size:.8rem}.school-admin-link svg{width:17px;height:17px}.school-main{width:min(1168px,100%);padding:36px 24px 32px}.school-hero{border:1px solid #dfebf3;border-radius:20px;box-shadow:0 8px 30px #24567e06}.school-hero.with-image{grid-template-columns:1.12fr 1fr}.school-hero-copy{align-self:center;padding:44px 38px}.school-kicker{color:var(--primary);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:inline-flex}.school-kicker>span{background:var(--primary);border-radius:50%;width:7px;height:7px}.school-hero h1{max-width:520px;margin:17px 0 14px;font-size:clamp(1.65rem,2.5vw,2.25rem);font-weight:700;line-height:1.65}.school-hero p{max-width:490px;margin-bottom:0;font-size:.9rem;line-height:1.95}.school-actions{margin-top:24px}.school-actions .primary{border-radius:10px;gap:28px;min-height:49px;padding:12px 22px;font-size:.88rem}.school-actions svg{width:20px;height:20px}.school-hero-detail{color:#738599;align-items:center;gap:8px;margin-top:20px;font-size:.72rem;display:flex}.school-hero-detail svg{flex:none;width:17px;height:17px}.school-hero-image{background:linear-gradient(145deg,#e9f5fe,#dceefb);min-height:330px;padding:22px}.school-hero-image>img{max-height:370px}.school-art{width:100%;color:var(--primary);max-width:460px;margin:auto;position:relative}.school-art>svg{width:100%;height:auto;display:block}.school-art-note{background:#ffffffd9;border:1px solid #fff;border-radius:12px;align-items:center;gap:12px;margin:-20px 18px 10px;padding:14px 18px;display:flex;position:relative;box-shadow:0 5px 18px #35658d08}.school-art-note>span{color:var(--primary);background:#e4f2fd;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.school-art-note strong,.school-art-note small{display:block}.school-art-note strong{font-size:.83rem}.school-art-note small{color:#728699;margin-top:4px;font-size:.72rem}.school-steps{margin-top:28px}.school-section-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.school-section-heading>span{color:var(--primary);background:#e7f2fc;border-radius:6px;padding:4px 9px;font-size:.72rem}.school-section-heading h2{margin:0;font-size:1rem}.school-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.school-step{background:#fff;border:1px solid #e2ebf2;border-radius:13px;padding:20px 22px;position:relative}.school-step-icon{width:38px;height:38px;color:var(--primary);background:#edf6fd;border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.school-step-icon svg{width:21px;height:21px}.school-step-number{inset-inline-end:22px;color:#c8d9e6;font-family:Inter,system-ui,sans-serif;font-size:1.1rem;font-weight:600;position:absolute;top:21px}.school-step h3{margin:0 0 6px;font-size:.88rem}.school-step p{color:#6a8093;margin:0;font-size:.77rem;line-height:1.8}.school-instructions{background:#edf5fc;border-color:#dfebf5;border-radius:12px;gap:14px;margin-top:18px;padding:18px 22px}.school-instructions h2{margin-bottom:5px;font-size:.85rem}.school-instructions p{font-size:.78rem}.instruction-icon{align-items:center;padding-top:2px;display:flex}.instruction-icon svg{width:21px;height:21px}.school-footer{justify-content:space-between;gap:16px;width:calc(100% - 48px);max-width:1120px;margin:auto;padding:17px 0;font-size:.72rem;display:flex}.school-footer a{font-weight:600}.site-preview .school-topline{padding:8px 18px}.site-preview .school-hero-copy{padding:28px}.site-preview .school-hero h1{font-size:1.65rem}.site-preview .school-step{padding:16px}.site-preview .school-step-number{inset-inline-end:16px}.site-preview .school-main{padding:24px 18px}@container (max-width:760px){.school-hero.with-image{grid-template-columns:1fr}.school-hero-image{min-height:210px;padding:10px 20px}.school-art{max-width:330px}.school-hero-copy{padding:30px 25px}.school-step-grid{grid-template-columns:1fr}.school-step{padding:17px 20px;min-height:94px;padding-inline-start:72px}.school-step-icon{inset-inline-start:20px;position:absolute;top:20px}.school-step-number{display:none}.school-step h3{margin-top:1px}.school-main{padding:24px 16px}.school-topline{padding:8px 18px}.school-header{padding:18px}.school-actions>*{flex:initial}.school-hero h1{font-size:1.75rem}.school-section-heading{gap:9px}.school-footer{width:calc(100% - 32px)}}@media (max-width:760px){.school-hero.with-image{grid-template-columns:1fr}.school-hero-copy{padding:30px 25px}.school-hero h1{font-size:1.75rem}.school-hero-image{min-height:210px;padding:10px 20px}.school-art{max-width:330px}.school-main{padding:24px 16px}.school-topline{padding:8px 18px}.school-step-grid{grid-template-columns:1fr}.school-step{min-height:94px;padding:17px 20px;padding-inline-start:72px}.school-step-icon{inset-inline-start:20px;position:absolute;top:20px}.school-step-number{display:none}.school-header{padding:18px}.school-actions>*{flex:initial}.school-footer{width:calc(100% - 32px)}}
.portal-home{--portal-muted:#61778a;--portal-line:#dce7ee;color:#20394e;background:#f5f8fb;min-height:100svh;font-size:16px}.portal-home a,.portal-auth a,.portal-attendance a{-webkit-tap-highlight-color:transparent}.portal-header{border-bottom:1px solid var(--portal-line);background:#fff;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:22px max(24px,50% - 580px);display:flex}.portal-brand{align-items:center;gap:14px;min-width:0;display:flex}.portal-brand>img{object-fit:contain;width:58px;height:58px}.portal-logo{width:52px;height:52px;color:var(--primary);background:#eaf4fc;border:1px solid #d7eafa;border-radius:14px;flex:none;place-items:center;display:grid}.portal-logo svg{width:28px;height:28px}.portal-brand strong{overflow-wrap:anywhere;font-size:1.2rem;line-height:1.5;display:block}.portal-brand div>span{color:var(--portal-muted);margin-top:3px;font-size:.79rem;display:block}.portal-header nav{flex:none;align-items:center;gap:30px;display:flex}.portal-header nav>a{color:#536d82;font-size:.86rem;font-weight:500}.portal-header nav>.portal-admin{color:var(--primary);border:1px solid #d7e4ee;border-radius:8px;align-items:center;gap:8px;padding:10px 17px;font-weight:600;display:flex}.portal-admin svg{width:17px;height:17px}.portal-admin:hover{background:#eff7fd}.portal-main{flex:1;width:min(1208px,100%);margin:0 auto;padding:44px 24px 30px}.portal-welcome{grid-template-columns:1fr 270px;align-items:center;gap:48px;margin-bottom:32px;display:grid}.portal-overline{color:var(--primary);margin-bottom:12px;font-size:.82rem;font-weight:600;display:block}.portal-intro h1{letter-spacing:-.7px;overflow-wrap:anywhere;max-width:710px;margin:0 0 13px;font-size:clamp(1.85rem,2.7vw,2.65rem);line-height:1.55}.portal-intro>p{color:var(--portal-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-width:660px;margin:0;font-size:1rem;line-height:1.9}.portal-intro-note{color:#758a9b;align-items:center;gap:8px;margin-top:18px;font-size:.76rem;display:flex}.portal-intro-note>span:first-child{background:var(--primary);border-radius:50%;flex:none;width:5px;height:5px}.portal-time{border-inline-start:1px solid #d9e5ed;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 28px;display:flex}.portal-time>span{color:#677f92;font-size:.8rem}.portal-time>strong{letter-spacing:-1.2px;font-variant-numeric:tabular-nums;color:#294b65;font-family:Inter,system-ui,sans-serif;font-size:2.25rem;font-weight:500;line-height:1.5}.portal-time time{color:#526e84;font-size:.82rem}.portal-time small{color:#8093a3;margin-top:3px;font-size:.69rem}.portal-banner{border:1px solid var(--portal-line);background:#fff;border-radius:15px;margin-bottom:24px;padding:12px}.portal-banner img{object-fit:contain;border-radius:8px;width:100%;max-height:290px;display:block}.portal-workspace{grid-template-columns:.92fr 1.08fr;align-items:stretch;gap:24px;display:grid}.portal-checkin{background:linear-gradient(130deg,#eaf6ff,#e0effb);border:1px solid #cfe2f1;border-radius:18px;padding:30px;position:relative;overflow:hidden}.portal-checkin:before{content:"";pointer-events:none;border:1px solid #c9e1f350;border-radius:50%;width:215px;height:215px;position:absolute;top:-115px;left:-85px;box-shadow:0 0 0 28px #d2e7f440,0 0 0 56px #d2e7f420}.portal-checkin-top{justify-content:space-between;align-items:center;display:flex;position:relative}.portal-checkin-icon{width:53px;height:53px;color:var(--primary);background:#fff;border-radius:13px;place-items:center;display:grid;box-shadow:0 3px 10px #2f739509}.portal-checkin-icon svg{width:27px;height:27px}.portal-tag{color:#466d89;border:1px solid #bed8e9;border-radius:6px;padding:6px 11px;font-size:.72rem}.portal-checkin h2{margin:23px 0 10px;font-size:1.55rem;line-height:1.5}.portal-checkin>p{color:#58758c;max-width:390px;margin:0 0 24px;font-size:.9rem;line-height:1.9}.portal-button{background:var(--primary);color:#fff;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:54px;padding:12px 20px;font-size:1rem;font-weight:600;transition:filter .15s,transform .15s;display:flex;box-shadow:0 5px 12px #246da11a}.portal-button:hover{filter:brightness(.94);transform:translateY(-1px)}.portal-button svg{width:22px;height:22px}.portal-checkin-foot{color:#678197;align-items:center;gap:8px;margin-top:16px;font-size:.72rem;line-height:1.7;display:flex}.portal-checkin-foot svg{flex:none;width:16px;height:16px}.portal-closed{color:#536f84;background:#fff8;border:1px solid #c0d5e4;border-radius:8px;padding:15px;font-size:.95rem}.portal-guide{border:1px solid var(--portal-line);background:#fff;border-radius:18px;padding:28px 30px;scroll-margin-top:20px}.portal-section-title>span{color:#7b90a1;margin-bottom:7px;font-size:.74rem;display:block}.portal-section-title h2{margin:0 0 23px;font-size:1.15rem;line-height:1.6}.portal-guide ol{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.portal-guide li{border-bottom:1px solid #eef2f5;align-items:center;gap:16px;padding:15px 0;display:flex}.portal-guide li:first-child{padding-top:0}.portal-guide li:last-child{border-bottom:0;padding-bottom:0}.portal-step-index{width:31px;height:31px;color:var(--primary);background:#f5f9fc;border:1px solid #dce9f2;border-radius:50%;flex:none;place-items:center;font-family:Inter,system-ui,sans-serif;font-size:.8rem;display:grid}.portal-guide li>div{flex:1;min-width:0}.portal-guide li>svg{color:#a7bdcc;flex:none;width:20px;height:20px}.portal-guide h3{margin:0 0 4px;font-size:.92rem}.portal-guide p{color:#6c8294;margin:0;font-size:.79rem;line-height:1.85}.portal-bottom{margin-top:22px}.portal-notice{border:1px solid var(--portal-line);background:#fff;border-inline-start:3px solid #98c5e8;border-radius:10px;align-items:flex-start;gap:15px;padding:20px 23px;display:flex}.portal-notice-icon{color:var(--primary);padding-top:2px;display:flex}.portal-notice-icon svg{width:22px;height:22px}.portal-notice h2{margin:0 0 6px;font-size:.9rem}.portal-notice p{color:#647d90;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.84rem;line-height:1.9}.portal-help{color:#647d90;margin-top:13px;font-size:.8rem}.portal-help summary{cursor:pointer;color:#4f6e85;align-items:center;gap:10px;width:fit-content;padding:9px 0;list-style:none;display:flex}.portal-help summary::-webkit-details-marker{display:none}.portal-help summary>span{color:var(--primary);font-family:system-ui;font-size:1.2rem}.portal-help[open] summary>span{transform:rotate(45deg)}.portal-help>p{max-width:830px;margin:4px 0 10px;line-height:1.9}.portal-footer{border-top:1px solid var(--portal-line);color:#7a8e9f;justify-content:space-between;gap:16px;width:min(1160px,100% - 48px);margin:auto;padding:19px 0;font-size:.74rem;display:flex}.portal-skip{z-index:100;border:2px solid var(--primary);background:#fff;padding:12px;position:absolute;top:-80px;right:24px}.portal-skip:focus{top:12px}.portal-auth{background:#f3f7fb;min-height:100svh;padding:32px}.portal-auth-shell{background:#fff;border:1px solid #dce7ef;border-radius:22px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;display:grid;overflow:hidden;box-shadow:0 16px 55px #234d7410}.portal-auth-aside{background:linear-gradient(150deg,#e9f5ff,#dcecf8);flex-direction:column;justify-content:space-between;gap:42px;padding:36px 38px;display:flex}.portal-back{color:#5c7a92;align-self:flex-start;font-size:.8rem;display:inline-block}.portal-auth-aside h2{margin:15px 0;font-size:2.05rem;line-height:1.7}.portal-auth-aside p{color:#5e7a90;font-size:.95rem;line-height:1.9}.portal-auth-aside ul{color:#496d87;flex-direction:column;gap:13px;margin:27px 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.portal-auth-aside li:before{content:"✓";color:var(--primary);background:#fff9;border-radius:50%;place-items:center;width:24px;height:24px;margin-inline-end:10px;font-size:.8rem;display:inline-grid}.portal-auth-aside>small{color:#7390a5;font-size:.75rem}.portal-auth .auth-card{width:100%;box-shadow:none;border:0;border-radius:0;padding:42px}.portal-auth .auth-card h1{margin:12px 0 8px;font-size:1.8rem}.portal-auth .auth-card>p.muted{font-size:.9rem}.portal-auth label{gap:9px;font-size:.86rem}.portal-auth input{background:#fbfcfe;border-color:#d8e3ec;height:49px}.portal-auth .primary{min-height:50px;margin-top:4px}.portal-auth .auth-card .small{text-align:start;margin-top:25px;font-size:.76rem;line-height:1.9}.portal-password{background:#fbfcfe;border:1px solid #d8e3ec;border-radius:9px;align-items:center;display:flex;overflow:hidden}.portal-password:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #174a701b}.portal-password input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0}.portal-password button{color:var(--primary);background:0 0;border:0;flex:none;min-height:46px;padding:0 13px;font-size:.77rem}.portal-auth .brand-mark,.portal-attendance .brand-mark{color:var(--primary);background:#e9f4fd;border-radius:12px;width:48px;height:48px}.portal-attendance{background:#f3f7fb;min-height:100svh}.portal-attendance .check-card{border-color:#dce7ef;border-top:4px solid var(--primary);border-radius:20px;width:min(500px,100%);box-shadow:0 14px 45px #234d740b}.portal-attendance .portal-back{margin-bottom:26px}.portal-attendance h1{font-size:1.7rem}.portal-attendance input:not([type=checkbox]){background:#fbfcfe;min-height:50px}.portal-attendance .result-item{background:#f4f9fd;border-color:#d6e7f4;margin:6px 0;padding:15px}.portal-attendance .result-item strong{margin-bottom:4px;font-size:1rem}.portal-attendance .result-item small{line-height:1.7}.portal-attendance .auth-card .small{text-align:start;font-size:.77rem;line-height:1.9}.portal-attendance .primary{min-height:50px}.portal-attendance .inline-check{align-items:flex-start;font-size:.8rem;line-height:1.8}.portal-attendance .inline-check input{flex:none;margin-top:7px}.site-preview .portal-header{padding:18px 22px}.site-preview .portal-main{padding:30px 22px}.site-preview .portal-intro h1{font-size:1.9rem}.site-preview .portal-header nav>a:first-child{display:none}@container (max-width:820px){.portal-welcome{grid-template-columns:1fr;gap:20px}.portal-time{border-inline-start:0;border-top:1px solid #dce7ee;grid-template-columns:1fr auto;align-items:center;gap:3px 15px;padding:16px 0 0;display:grid}.portal-time>strong{grid-area:1/2/3;font-size:1.8rem}.portal-time small{display:none}.portal-workspace{grid-template-columns:1fr}.portal-header{gap:12px;padding:18px}.portal-header nav{gap:0}.portal-header nav>a:first-child{display:none}.portal-header nav>.portal-admin{padding:9px 12px;font-size:.75rem}.portal-brand{gap:10px}.portal-brand strong{font-size:1rem}.portal-brand div>span{font-size:.72rem}.portal-logo{width:44px;height:44px}.portal-brand>img{width:48px;height:48px}.portal-main{padding:28px 18px 24px}.portal-intro h1{font-size:1.9rem}.portal-intro>p{font-size:.9rem}.portal-checkin,.portal-guide{padding:24px}.portal-footer{flex-direction:column;gap:5px;width:calc(100% - 36px);font-size:.7rem}.portal-guide li{gap:12px}.portal-intro-note{font-size:.7rem}.portal-header nav{flex-shrink:0}}@media (max-width:740px){.portal-auth{padding:20px 14px}.portal-auth-shell{grid-template-columns:1fr;max-width:500px}.portal-auth-aside{gap:16px;padding:23px 26px}.portal-auth-aside>div,.portal-auth-aside>small{display:none}.portal-auth .auth-card{padding:28px 26px}.portal-auth .auth-card h1{font-size:1.6rem}.portal-attendance .check-card{padding:27px 24px}.portal-attendance{padding:18px 14px}}@media (prefers-reduced-motion:reduce){.portal-button{transition:none}.portal-button:hover{transform:none}}.campus-home{--campus-soft:#eaf5fd;--campus-border:#dce9f2;background:#f6f9fc}.campus-topbar{color:#51738d;background:#eaf4fc;border-bottom:1px solid #dcebf6;justify-content:space-between;align-items:center;gap:16px;padding:9px max(24px,50% - 590px);font-size:.73rem;display:flex}.campus-home .portal-header{border-bottom:1px solid #e4edf4;padding:21px max(24px,50% - 590px)}.campus-home .portal-brand strong{font-size:1.25rem}.campus-home .portal-logo{background:var(--primary);color:#fff;border:0;border-radius:12px;width:56px;height:56px;box-shadow:0 5px 13px #246da11a}.campus-home .portal-header nav>.portal-admin{background:#f1f8fd;border:1px solid #d3e5f3;border-radius:9px;padding:11px 18px}.campus-home .portal-main{max-width:1228px;padding:30px 24px 32px}.campus-hero{background:#edf6fd;border:1px solid #d6e7f4;border-radius:22px;grid-template-columns:1.1fr 1fr;min-height:405px;display:grid;overflow:hidden;box-shadow:0 8px 30px #29537805}.campus-hero-copy{align-self:center;padding:44px 42px}.campus-eyebrow{color:var(--primary);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.campus-eyebrow>span{background:var(--primary);border-radius:50%;width:7px;height:7px}.campus-hero h1{letter-spacing:-.5px;color:#23445e;overflow-wrap:anywhere;max-width:580px;margin:16px 0 17px;font-size:clamp(1.9rem,2.8vw,2.6rem);line-height:1.6}.campus-hero-copy>p{color:#5b788f;white-space:pre-wrap;overflow-wrap:anywhere;max-width:520px;margin:0;font-size:.95rem;line-height:1.95}.campus-hero-actions{flex-wrap:wrap;align-items:center;gap:21px;margin-top:26px;display:flex}.campus-hero-actions .portal-button{gap:32px;width:auto;min-width:195px;min-height:51px;padding:13px 20px;font-size:.91rem;box-shadow:0 7px 15px #246da122}.campus-text-link{color:#4e728e;border-bottom:1px solid #a9c6da;padding-bottom:3px;font-size:.8rem;font-weight:500}.campus-hero-note{color:#7190a6;align-items:center;gap:8px;margin-top:23px;font-size:.74rem;display:flex}.campus-hero-note svg{flex:none;width:17px;height:17px}.campus-photo{isolation:isolate;background:#daeaf5;min-width:0;min-height:405px;margin:0;position:relative;overflow:hidden}.campus-photo>img{object-fit:cover;object-position:center 41%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.campus-photo:after{content:"";z-index:-1;background:linear-gradient(#16354c00 32%,#19364d20 60%,#173a52df);position:absolute;inset:0}.campus-photo figcaption{inset-inline:30px;color:#fff;text-shadow:0 1px 5px #112b4326;position:absolute;bottom:27px}.campus-photo figcaption>span{opacity:.9;margin-bottom:8px;font-size:.75rem;display:block}.campus-photo figcaption>strong{max-width:360px;font-size:1.32rem;font-weight:500;line-height:1.7;display:block}.campus-photo figcaption>small{color:#e1eaf0;margin-top:8px;font-size:.62rem;display:block}.campus-photo-mark{top:22px;color:var(--primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:absolute;inset-inline-end:22px}.campus-photo-mark svg{width:23px;height:23px}.campus-photo.school-photo>img{object-fit:contain;padding:20px 20px 120px}.campus-photo.school-photo:after{background:linear-gradient(#0000 65%,#dceefb 88%)}.campus-photo.school-photo figcaption{color:#23445e;text-shadow:none}.campus-no-photo{color:var(--primary);background:radial-gradient(circle,#fff9 0 35%,#0000 36%),linear-gradient(140deg,#d5eafa,#ecf7ff);flex-direction:column;justify-content:center;align-items:center;gap:23px;padding:35px;display:flex}.campus-no-photo>svg{stroke-width:.8px;width:110px;height:110px}.campus-no-photo>span{font-size:1rem;font-weight:500}.campus-daybar{background:#fff;border:1px solid #dfeaf2;border-radius:14px;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;padding:21px 27px;display:flex}.campus-day-label{align-items:center;gap:13px;display:flex}.campus-calendar-icon{width:43px;height:43px;color:var(--primary);background:#edf6fd;border-radius:11px;flex:none;place-items:center;display:grid}.campus-calendar-icon svg{width:22px;height:22px}.campus-day-label strong{margin-bottom:4px;font-size:.95rem;display:block}.campus-day-label div>span{color:#7b91a3;font-size:.75rem}.campus-daybar .portal-time{border:0;grid-template-columns:1fr auto;align-items:center;gap:5px 23px;min-width:285px;padding:0;display:grid}.campus-daybar .portal-time>span{display:none}.campus-daybar .portal-time>strong{color:#365e7d;letter-spacing:-.5px;grid-area:1/2/3;font-size:1.8rem;font-weight:500}.campus-daybar .portal-time time{grid-area:1/1;font-size:.81rem}.campus-daybar .portal-time small{grid-area:2/1;margin:0;font-size:.65rem;display:block}.campus-services{margin-top:35px}.campus-section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.campus-section-head .portal-overline{margin-bottom:5px;font-size:.72rem;font-weight:500}.campus-section-head h2{margin:0;font-size:1.25rem;line-height:1.5}.campus-section-head>p{color:#8195a5;margin:0;font-size:.8rem}.campus-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.campus-service{color:#274a63;background:#fff;border:1px solid #dfeaf2;border-radius:13px;grid-template-columns:43px 1fr 18px;align-items:start;gap:13px;padding:24px 21px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.campus-service:hover{border-color:#9ac6e8;transform:translateY(-3px);box-shadow:0 8px 24px #2b6b9610}.campus-service-icon{width:43px;height:43px;color:var(--primary);background:#eaf5fd;border-radius:11px;place-items:center;display:grid}.campus-service-icon svg{width:23px;height:23px}.campus-service h3{margin:2px 0 7px;font-size:.98rem;line-height:1.6}.campus-service p{color:#748da0;margin:0;font-size:.78rem;line-height:1.85}.campus-service>svg{color:#98b3c8;width:17px;height:17px;margin-top:13px}.campus-guide{background:#fff;border:1px solid #dfeaf2;border-radius:16px;margin-top:30px;padding:27px 29px;scroll-margin-top:20px}.campus-guide .campus-section-head{margin-bottom:21px}.campus-guide h2{font-size:1.1rem}.campus-guide-tag{color:#648aa6;background:#edf6fd;border-radius:6px;padding:5px 10px;font-size:.75rem}.campus-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:0;list-style:none;display:grid}.campus-guide li{border-inline-end:1px solid #e4edf4;padding-inline-end:22px}.campus-guide li:last-child{border:0;padding-inline-end:0}.campus-step-number{color:#99bdd8;margin-bottom:9px;font-family:Inter,system-ui,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.3;display:block}.campus-guide h3{margin:0 0 7px;font-size:.9rem}.campus-guide p{color:#7a90a1;margin:0;font-size:.78rem;line-height:1.9}.campus-home .portal-notice{border-inline-start:3px solid #8fbfe2;background:#edf6fd;border-color:#dbeaf5;padding:20px 25px}.campus-home .portal-footer a{color:#8197a8;font-size:.66rem}.campus-home .portal-footer{max-width:1180px}.site-preview .campus-home .portal-main{padding:24px 18px}.site-preview .campus-topbar{padding-inline:20px}.site-preview .campus-hero-copy{padding:30px}.site-preview .campus-hero h1{font-size:2rem}@container (max-width:900px){.campus-hero-copy{padding:33px 28px}.campus-hero h1{font-size:2rem}.campus-hero-actions{gap:15px}.campus-service-grid{grid-template-columns:1fr}.campus-service{grid-template-columns:43px 1fr 18px;align-items:center;padding:19px 22px}.campus-service h3{margin-bottom:3px}.campus-service>svg{margin-top:0}.campus-daybar{gap:18px;padding:20px}.campus-day-label div>span{display:none}.campus-daybar .portal-time{gap:5px 15px;min-width:0}.campus-daybar .portal-time>strong{font-size:1.6rem}.campus-section-head>p{display:none}}@container (max-width:650px){.campus-topbar{padding:8px 18px;font-size:.67rem}.campus-topbar>span:last-child{display:none}.campus-home .portal-header{padding:17px 18px}.campus-home .portal-brand strong{font-size:1.05rem}.campus-home .portal-brand>img{width:53px;height:53px}.campus-home .portal-logo{width:46px;height:46px}.campus-home .portal-header nav>.portal-admin{padding:9px 10px;font-size:.72rem}.campus-home .portal-main{padding:20px 15px}.campus-hero{border-radius:17px;grid-template-columns:1fr;min-height:0}.campus-hero-copy{padding:29px 24px}.campus-hero h1{margin:13px 0;font-size:1.9rem}.campus-hero-copy>p{font-size:.88rem}.campus-hero-actions{margin-top:23px}.campus-hero-actions .portal-button{flex:1;min-width:165px;font-size:.88rem}.campus-text-link{font-size:.75rem}.campus-hero-note{margin-top:17px;font-size:.69rem}.campus-photo{min-height:250px}.campus-photo figcaption{inset-inline:23px;bottom:21px}.campus-photo figcaption>strong{font-size:1.14rem}.campus-photo.school-photo{min-height:300px}.campus-no-photo{display:none}.campus-daybar{flex-direction:column;align-items:stretch;gap:16px;padding:18px 20px}.campus-day-label{border-bottom:1px solid #e7eff5;padding-bottom:15px}.campus-day-label div>span{font-size:.7rem;display:block}.campus-daybar .portal-time{grid-template-columns:1fr auto;gap:4px 16px}.campus-daybar .portal-time>strong{font-size:1.7rem}.campus-services{margin-top:27px}.campus-section-head h2{font-size:1.15rem}.campus-service-grid{gap:11px}.campus-service p{font-size:.76rem}.campus-guide{margin-top:23px;padding:23px 22px}.campus-guide ol{grid-template-columns:1fr;gap:0}.campus-guide li{border-inline-end:0;border-bottom:1px solid #e8eff5;padding:16px 44px 16px 0;position:relative}.campus-guide li:last-child{padding-inline-start:44px;padding-bottom:0}.campus-step-number{font-size:1.12rem;position:absolute;top:15px;right:0}.campus-guide .campus-section-head{margin-bottom:0}.campus-home .portal-footer{gap:8px;width:calc(100% - 30px)}.campus-home .portal-notice{padding:18px 20px}}@media (prefers-reduced-motion:reduce){.campus-service{transition:none}.campus-service:hover{transform:none}}.campus-home .portal-brand>img{object-fit:contain;background:#fff;border-radius:0;flex:none;width:104px;height:104px}.campus-home .portal-brand{gap:19px}.campus-home .portal-brand strong{max-width:490px;font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.65}.campus-home .portal-brand div>span{margin-top:6px;font-size:.86rem}.campus-home .portal-header{padding-top:14px;padding-bottom:14px}.brand-mark.school-brand-image{border:1px solid #e2eaf0;border-radius:10px;flex:none;padding:3px;overflow:visible;background:#fff!important;width:76px!important;height:76px!important}.brand-mark.school-brand-image img{object-fit:contain;border-radius:0;width:100%;height:100%}.side-brand{gap:12px;padding-bottom:18px}.side-brand .school-brand-image{width:68px!important;height:68px!important}.side-brand strong{font-size:.9rem;line-height:1.65}.admin-school-name{color:var(--primary);overflow-wrap:anywhere;max-width:520px;font-size:.9rem;font-weight:600;line-height:1.65;display:block}.admin-page-identity h1{margin:3px 0 0;font-size:1.15rem}.admin-page-identity{min-width:0}.app-shell .nav-item{min-height:45px;transition:background-color .12s,color .12s}.app-shell .nav-item:hover:not(:disabled){color:var(--primary);background:#eef6fd}.app-shell button{touch-action:manipulation}.app-shell button:active:not(:disabled){transform:translateY(1px)}.app-shell button:disabled{cursor:wait;opacity:.65}.app-shell .primary,.app-shell .ghost{min-height:43px}.app-shell .table-wrap tbody tr:hover{background:#f5faff}.admin-save-status{z-index:100;color:var(--primary);background:#fff;border:1px solid #c8e0f1;border-radius:12px;padding:12px 20px;font-size:.86rem;position:fixed;bottom:22px;left:22px;box-shadow:0 6px 24px #16496d1c}.app-shell .alert{margin-bottom:16px}.app-shell .topbar{gap:15px;height:auto;min-height:90px;padding-top:13px;padding-bottom:13px}.app-shell .loading-card{background:#fff;border:1px solid #dfebf3;border-radius:14px;margin-top:12px}.portal-auth .auth-card .eyebrow,.portal-attendance .auth-card .eyebrow{color:var(--primary);font-size:1rem;font-weight:600;line-height:1.75}.qr-shell .school-brand-image{margin-inline:auto;width:120px!important;height:120px!important}.print-heading .school-brand-image{width:72px!important;height:72px!important}@container (max-width:650px){.campus-home .portal-header{flex-wrap:wrap;gap:13px;padding:14px 17px}.campus-home .portal-brand{gap:13px;width:100%}.campus-home .portal-brand>img{width:83px;height:83px}.campus-home .portal-brand strong{font-size:1.1rem;line-height:1.75}.campus-home .portal-brand div>span{font-size:.75rem}.campus-home .portal-header nav{justify-content:flex-end;width:100%}.campus-home .portal-header nav>.portal-admin{padding:9px 15px}}@media (max-width:900px){.app-shell .topbar{flex-wrap:wrap}.app-shell .top-actions{gap:10px}.admin-school-name{font-size:.8rem}.admin-page-identity{flex:1}.app-shell .topbar .top-actions{margin-inline-start:auto}.app-shell .topbar .text-button{font-size:.72rem}}@media (max-width:480px){.app-shell .topbar .top-actions{justify-content:flex-end;width:100%}.admin-save-status{text-align:center;bottom:14px;left:14px;right:14px}.portal-auth .brand-mark.school-brand-image,.portal-attendance .brand-mark.school-brand-image{width:76px!important;height:76px!important}}.campus-home{--portal-muted:#4d667a;background:#f5f9fc}.campus-home .campus-topbar{padding-block:8px;font-size:.78rem}.campus-home .portal-header{gap:20px;padding-block:14px}.campus-home .portal-brand>img{width:82px;height:82px}.campus-home .portal-brand strong{color:#173f5b;font-size:clamp(1.1rem,2vw,1.65rem);font-weight:800}.campus-home .portal-brand div>span{color:#506b7f;font-size:.9rem}.campus-home .portal-main{padding-top:26px}.campus-home .campus-hero{background:#eaf5fd;border:1px solid #cce3f4;border-radius:24px;grid-template-columns:1.15fr .85fr;min-height:360px;box-shadow:0 12px 36px #234e7308}.campus-home .campus-hero-copy{padding:36px 40px}.campus-home .campus-eyebrow{color:#25678f;margin-bottom:12px;font-size:.86rem;font-weight:700}.campus-home .campus-hero-copy h1{text-wrap:balance;max-width:600px;margin:0 0 18px;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.45}.campus-home .campus-hero-copy>p{color:#425f75;max-width:480px;font-size:1.03rem;line-height:1.95}.campus-home .campus-hero-actions{gap:22px;margin-top:25px}.campus-home .portal-button{background:#1675b8;border-radius:12px;min-height:56px;font-size:1.05rem;box-shadow:0 8px 18px #1675b827}.campus-home .campus-text-link{color:#275d81;font-size:.9rem}.campus-home .campus-hero-note{color:#4c6c82;margin-top:18px;font-size:.81rem}.campus-home .campus-photo{background:#d7e9f4;border-radius:0;min-height:360px;margin:0;padding:0;position:relative}.campus-home .campus-photo>img{object-fit:cover;object-position:center 52%;width:100%;height:100%;padding:0;position:absolute;inset:0}.campus-home .campus-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#092b46e8);position:absolute;inset:0}.campus-home .campus-photo figcaption{z-index:1;color:#fff;padding:0;position:absolute;bottom:26px;left:24px;right:28px}.campus-home .campus-photo figcaption span,.campus-home .campus-photo figcaption small{color:#e2eef6;font-size:.8rem}.campus-home .campus-photo figcaption strong{color:#fff;font-size:1.6rem;line-height:1.6}.campus-home .campus-daybar{min-height:78px;margin-top:16px;padding:14px 22px}.campus-home .campus-day-label strong{font-size:.95rem}.campus-home .campus-day-label span{color:#506b7f;font-size:.8rem}.campus-home .portal-time time{font-size:.85rem}.campus-home .portal-time small{color:#526b7f}.campus-home .campus-guide{margin-top:28px}.campus-home .campus-section-head{margin-bottom:18px}.campus-home .campus-guide li{background:#fff;border:1px solid #dce8f1;border-radius:14px;padding:20px}.campus-home .campus-guide h3{font-size:1rem}.campus-home .campus-guide p{color:#50687b;font-size:.9rem;line-height:1.85}.campus-home .portal-notice p,.campus-home .portal-help{color:#4b6579;font-size:.9rem}.campus-school-gallery{background:#fff;border:1px solid #dce8f1;border-radius:12px;margin-bottom:16px;padding:16px 20px}.campus-school-gallery summary{cursor:pointer;color:#275d81;font-weight:700}.campus-school-gallery img{object-fit:contain;width:100%;max-height:520px;margin-top:16px;display:block}.campus-home a:focus-visible,.campus-home summary:focus-visible{outline-offset:5px;outline:3px solid #1488ce}@container (max-width:700px){.campus-home .portal-header{flex-wrap:wrap;padding:12px 18px}.campus-home .portal-brand>img{width:66px;height:66px}.campus-home .portal-header nav{justify-content:space-between;gap:12px;width:100%}.campus-home .portal-main{padding:18px 16px}.campus-home .campus-hero{grid-template-columns:1fr}.campus-home .campus-hero-copy{padding:28px 24px}.campus-home .campus-hero-copy h1{font-size:2rem}.campus-home .campus-photo{min-height:210px}.campus-home .campus-hero-actions{align-items:stretch}.campus-home .portal-button{width:100%}.campus-home .campus-daybar{flex-wrap:wrap;gap:14px}.campus-home .campus-guide ol{grid-template-columns:1fr}.campus-home .campus-guide li{padding:18px}.campus-home .campus-topbar{font-size:.7rem}.campus-home .campus-topbar span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.portal-button{transition:none}.portal-button:hover{transform:none}}.app-shell .stat-filter{text-align:start;border:1px solid #d9e6ef;border-radius:14px;transition:border-color .15s,box-shadow .15s;position:relative}.app-shell .stat-filter:hover{border-color:#3d94cc;box-shadow:0 5px 18px #27648812}.app-shell .stat-filter:focus-visible{outline-offset:3px;outline:3px solid #1488ce}.app-shell .stat-filter strong{font-variant-numeric:tabular-nums;font-size:2rem}.app-shell .panel{border-color:#dce7ef;border-radius:14px}.app-shell .panel-header{flex-wrap:wrap;gap:14px}.app-shell .panel-header input{max-width:100%;min-height:44px}.app-shell table th{color:#294d67;background:#edf5fb;font-weight:700}.app-shell table td{padding-block:14px}.app-shell .toolbar button,.app-shell .toolbar a{min-height:44px}.app-shell .primary{box-shadow:0 3px 8px #21679614}
.modern-home{--modern-ink:#16344b;--modern-muted:#516b7c;--modern-blue:var(--primary,#0878cf);color:var(--modern-ink);background:#f7fafc radial-gradient(at 85% 15%,#dff1ff 0,#0000 48%);min-height:100svh;font-size:16px;container-type:inline-size}.modern-header{border-bottom:1px solid #dce7ef;justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:auto;padding:23px 32px;display:flex}.modern-brand{min-width:0;color:var(--modern-ink);align-items:center;gap:15px;display:flex}.modern-brand img{object-fit:contain;flex:none;width:76px;height:76px}.modern-brand strong{font-size:1.25rem;font-weight:700;line-height:1.6;display:block}.modern-brand div>span{color:var(--modern-muted);margin-top:3px;font-size:.85rem;display:block}.modern-header nav{flex:none;align-items:center;gap:25px;display:flex}.modern-header nav>a{color:#355773;padding:12px 0;font-size:.9rem;font-weight:600}.modern-header nav>.modern-admin{background:#fff;border:1px solid #c9dcea;border-radius:12px;align-items:center;gap:9px;padding:12px 19px;display:flex}.modern-admin svg{width:18px;height:18px}.modern-main{width:100%;max-width:1240px;margin:auto;padding:0 32px 38px}.modern-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding:60px 0 52px;display:grid}.modern-intro{min-width:0}.modern-kicker{color:#176ba5;background:#e0f0fc;border:1px solid #c7e3f7;border-radius:30px;align-items:center;gap:9px;padding:7px 14px;font-size:.83rem;font-weight:600;display:inline-flex}.modern-kicker>span{background:#1685ce;border-radius:50%;width:6px;height:6px}.modern-intro h1{letter-spacing:-1.5px;text-wrap:balance;overflow-wrap:anywhere;margin:19px 0 18px;font-size:clamp(2.5rem,4.8vw,4.5rem);font-weight:800;line-height:1.45}.modern-intro h1 em{color:var(--modern-blue);font-style:normal}.modern-intro>p{color:var(--modern-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-width:460px;font-size:1.08rem;line-height:1.95}.modern-audience{border-inline-start:3px solid #a5d4f5;gap:5px;margin-top:30px;padding-inline-start:16px;display:grid}.modern-audience>span:first-child{align-items:center;gap:9px;font-size:.9rem;font-weight:600;display:flex}.modern-audience svg{color:#1679b9;width:18px;height:18px}.modern-audience>span:last-child{color:var(--modern-muted);font-size:.8rem}.modern-checkin{isolation:isolate;background:#fff;border:1px solid #dce9f3;border-radius:26px;min-width:0;padding:28px 30px;position:relative;box-shadow:0 24px 65px -30px #2f7bb35e,0 3px #fff}.modern-checkin:before{content:"";z-index:-2;background:#dceefe;border:1px solid #c5e2f7;border-radius:28px;position:absolute;inset:16px -12px -13px 16px;transform:rotate(-3deg)}.modern-checkin:after{content:"";z-index:-1;background:#fff;border-radius:26px;position:absolute;inset:0}.modern-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.modern-icon{color:#1174b5;background:#eaf5fd;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.modern-status{color:#226b9f;background:#edf6fe;border-radius:20px;padding:7px 12px;font-size:.76rem}.modern-status.is-closed{color:#8c5526;background:#fff2e5}.modern-checkin .portal-time{border:0;border-bottom:1px solid #e9eff4;align-items:center;gap:4px;padding:23px 0 20px}.modern-checkin .portal-time>span{color:#587287;font-size:.8rem}.modern-checkin .portal-time>strong{color:#173f60;letter-spacing:-1px;font-size:clamp(2.6rem,4vw,3.7rem);font-weight:600;line-height:1.4}.modern-checkin .portal-time time{color:#4c677e;font-size:.9rem}.modern-checkin .portal-time small{color:#587287;font-size:.7rem}.modern-card-copy{margin:23px 0 19px}.modern-card-copy h2{margin-bottom:8px;font-size:1.28rem}.modern-card-copy p{color:var(--modern-muted);margin-bottom:0;font-size:.9rem;line-height:1.8}.modern-cta{background:var(--modern-blue);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:13px 20px;font-size:1.06rem;font-weight:700;transition:background .15s,transform .15s;display:flex;box-shadow:0 7px 18px #0878cf29}.modern-cta:hover{background:#0566b3;transform:translateY(-2px)}.modern-card-foot{color:#587287;justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:.72rem;display:flex}.modern-card-foot svg{width:14px;height:14px}.modern-closed{color:#815225;background:#fff4e8;border-radius:12px;padding:14px;font-size:.9rem}.modern-guide{border-top:1px solid #dce7ef;padding-top:32px;scroll-margin-top:25px}.modern-section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.modern-section-head div>span{color:#2476ab;font-size:.78rem;font-weight:600}.modern-section-head h2{margin:5px 0 0;font-size:1.5rem}.modern-guide-label{color:#587287;font-size:.8rem}.modern-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.modern-guide li{background:#fff;border:1px solid #dce7ef;border-radius:17px;padding:22px}.modern-step-top{color:#2476ab;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modern-step-top>span{color:#abc7da;font-family:system-ui;font-size:1.6rem;font-weight:600}.modern-guide h3{margin-bottom:8px;font-size:1rem}.modern-guide li p{color:var(--modern-muted);margin:0;font-size:.88rem;line-height:1.85}.modern-bottom{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;margin-top:24px;display:grid}.modern-notice{gap:13px;padding:18px 0;display:flex}.modern-notice h2{margin-bottom:7px;font-size:.95rem}.modern-notice p{color:var(--modern-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.85rem;line-height:1.9}.modern-help{border-bottom:1px solid #dce7ef;margin-top:12px;padding:14px 0}.modern-help summary,.modern-gallery summary{cursor:pointer;min-height:32px;font-size:.9rem;font-weight:600}.modern-help p{color:var(--modern-muted);margin:10px 0;font-size:.85rem;line-height:1.9}.modern-gallery{background:#fff;border:1px solid #dce7ef;border-radius:14px;margin-top:16px;padding:18px 22px}.modern-gallery img{object-fit:contain;width:100%;max-height:540px;margin-top:18px;display:block}.modern-footer{color:#587287;border-top:1px solid #dce7ef;justify-content:space-between;gap:14px;width:calc(100% - 64px);max-width:1176px;margin:auto;padding:23px 0;font-size:.78rem;display:flex}.modern-home a:focus-visible,.modern-home summary:focus-visible{outline-offset:5px;outline:3px solid #1685ce}.modern-home a{-webkit-tap-highlight-color:transparent}@container (max-width:900px){.modern-hero{gap:36px;padding-block:38px}.modern-intro h1{font-size:3rem}.modern-checkin{padding:24px}.modern-brand strong{font-size:1.08rem}.modern-header nav{gap:16px}}@container (max-width:650px){.modern-header{flex-wrap:wrap;gap:15px;padding:16px 20px}.modern-brand img{width:61px;height:61px}.modern-brand strong{font-size:1rem}.modern-brand div>span{font-size:.77rem}.modern-header nav{justify-content:space-between;width:100%}.modern-header nav>a{font-size:.82rem}.modern-header nav>.modern-admin{padding:9px 13px}.modern-main{padding:0 22px 25px}.modern-hero{grid-template-columns:1fr;gap:27px;padding:30px 0 38px}.modern-intro h1{margin-block:15px;font-size:2.7rem;line-height:1.4}.modern-intro>p{margin-bottom:0;font-size:.95rem}.modern-audience{display:none}.modern-checkin{border-radius:22px;padding:22px}.modern-checkin .portal-time{padding-block:13px}.modern-checkin .portal-time>strong{font-size:2.8rem}.modern-card-copy{margin:18px 0}.modern-guide ol{grid-template-columns:1fr;gap:12px}.modern-guide li{padding:19px}.modern-step-top{margin-bottom:10px}.modern-section-head h2{font-size:1.27rem}.modern-guide-label{display:none}.modern-bottom{grid-template-columns:1fr;gap:0}.modern-footer{flex-direction:column;gap:6px;width:calc(100% - 44px);font-size:.72rem}.modern-checkin:before{inset:12px -7px -9px 12px}}@media (prefers-reduced-motion:reduce){.modern-cta{transition:none}.modern-cta:hover{transform:none}}.modern-home .school-navigation{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #dce7ef;width:100%;max-width:none;margin:0;padding:0;transition:box-shadow .2s;display:block;position:sticky;top:0}.school-header-inner{justify-content:space-between;align-items:center;gap:26px;width:100%;max-width:1320px;margin:auto;padding:18px 28px;display:flex}.school-navigation .modern-brand{flex:0 390px}.school-navigation .modern-brand strong{overflow-wrap:anywhere;font-size:1.08rem}.school-navigation .modern-brand img{width:70px;height:70px}.school-navigation .modern-brand div>span{font-size:.78rem}.school-header-menu{flex:1;justify-content:space-between;align-items:center;gap:26px;display:flex}.school-navigation nav{flex:1;justify-content:center;gap:4px}.school-navigation nav>a{white-space:nowrap;border-radius:10px;min-height:44px;padding:12px 13px;font-size:.84rem;transition:color .18s,background .18s,transform .12s;position:relative}.school-navigation nav>a:after{content:"";background:var(--modern-blue);border-radius:2px;height:2px;transition:transform .18s;position:absolute;bottom:4px;left:25%;right:25%;transform:scaleX(0)}.school-navigation nav>a:hover,.school-navigation nav>a[aria-current]{color:var(--modern-blue);background:#eaf5fd}.school-navigation nav>a:hover:after,.school-navigation nav>a[aria-current]:after{transform:scaleX(1)}.school-header-actions{flex:none;align-items:center;gap:10px;display:flex}.school-header-actions>a{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 15px;font-size:.82rem;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s;display:flex}.school-header-checkin{background:var(--modern-blue);color:#fff;box-shadow:0 4px 10px #246da11a}.school-header-checkin:hover{filter:brightness(.94);box-shadow:0 6px 15px #246da12b}.school-header-actions>.modern-admin{color:#355773;background:#fff;border:1px solid #cbdde9}.school-header-actions>.modern-admin:hover{background:#eef6fc;border-color:#86bade}.school-navigation a:active,.school-menu-toggle:active{transform:scale(.97)}.school-menu-toggle{color:#245678;background:#fff;border:1px solid #cbdde9;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:.83rem;display:none}.school-menu-toggle>span:first-child{font-size:1.3rem;line-height:1}.modern-home #portal-main,.modern-home #portal-guide,.modern-home #portal-instructions{scroll-margin-top:125px}.modern-home #portal-main:focus,.modern-home #portal-guide:focus,.modern-home #portal-instructions:focus{outline:none}.school-navigation-progress{color:#245678;background:#fff;border:1px solid #cbdde9;border-radius:0 0 12px 12px;align-items:center;gap:10px;padding:10px 16px;font-size:.82rem;display:flex;position:absolute;top:100%;left:24px;box-shadow:0 6px 20px #234e7314}.school-navigation-spinner{border:2px solid #cbdde9;border-top-color:var(--modern-blue);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite school-spin}@keyframes school-spin{to{transform:rotate(360deg)}}@container (max-width:1100px){.school-header-inner{flex-wrap:wrap;gap:16px;padding:14px 22px}.school-navigation .modern-brand{flex:1}.school-menu-toggle{display:flex}.school-header-menu{border-top:1px solid #e2edf5;flex-basis:100%;width:100%;padding-top:12px;display:none}.menu-open .school-header-menu{flex-direction:column;align-items:stretch;gap:12px;display:flex}.school-navigation nav{flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.school-navigation nav>a{min-height:46px;font-size:.92rem}.school-navigation nav>a:after{width:30px;left:auto;right:13px}.school-header-actions{flex-wrap:wrap;padding-top:8px}.school-header-actions>a{flex:1}.school-navigation .modern-brand img{width:60px;height:60px}.school-navigation .modern-brand strong{font-size:1rem}}@container (max-width:450px){.school-header-inner{gap:12px;padding:12px 16px}.school-navigation .modern-brand{gap:9px}.school-navigation .modern-brand img{width:49px;height:49px}.school-navigation .modern-brand strong{font-size:.88rem}.school-navigation .modern-brand div>span{font-size:.7rem}.school-menu-toggle{padding:8px 10px}.school-menu-toggle>span:last-child{display:none}.school-header-actions>a{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.school-navigation *,.school-navigation{transition:none!important;animation:none!important}}.app-shell button,.app-shell a,.modern-home a,.modern-home button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell button:not(:disabled):active,.app-shell a:active{filter:brightness(.94);transform:translateY(1px)}.app-shell button,.app-shell a{transition:background-color .1s,border-color .1s,box-shadow .1s}.app-shell button:disabled{cursor:wait}.app-shell .attendance-actions-heading{text-align:start;width:260px}.app-shell .attendance-row-actions{grid-template-columns:minmax(155px,1fr) 80px;align-items:center;gap:10px;min-width:245px;display:grid}.app-shell .attendance-action{white-space:nowrap;touch-action:manipulation;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 11px;font-size:.78rem;font-weight:600;line-height:1.5;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.app-shell .attendance-action svg{flex:none;width:17px;height:17px}.app-shell .attendance-action-checkin{color:#155d94;background:#e9f4ff;border-color:#bddbf3;grid-column:1}.app-shell .attendance-action-checkin:hover:not(:disabled){background:#d9ecfd;border-color:#7bb5e3;box-shadow:0 2px 6px #256da112}.app-shell .attendance-action-edit{color:#506579;background:#fff;border-color:#dce5ed;grid-column:2}.app-shell .attendance-action-edit:hover:not(:disabled){color:#234e70;background:#f0f5fa;border-color:#afc5d7}.app-shell .attendance-action:focus-visible{outline-offset:3px;outline:3px solid #348dce}.app-shell .attendance-action:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #16496d20}.app-shell .attendance-action:disabled{cursor:wait;opacity:.6}.app-shell .attendance-action[aria-busy=true] svg{animation:.8s ease-in-out infinite alternate attendance-pulse}@keyframes attendance-pulse{to{opacity:.35}}@media (max-width:650px){.app-shell .attendance-actions-cell{border-top:1px solid #e6edf4;margin-top:6px;padding-top:12px}.app-shell .attendance-actions-cell:before{display:none}.app-shell .attendance-row-actions{grid-template-columns:minmax(0,1fr) 90px;width:100%;min-width:0}.app-shell .attendance-action{min-height:46px}}@media (prefers-reduced-motion:reduce){.app-shell .attendance-action{transition:none}.app-shell .attendance-action[aria-busy=true] svg{animation:none}}@media print{.app-shell .attendance-actions-heading,.app-shell .attendance-actions-cell{display:none!important}}.modern-card-copy{text-align:center}.modern-checkin .modern-cta{text-align:center;justify-content:center;padding-inline:48px;position:relative}.modern-checkin .modern-cta>svg{inset-inline-end:20px;position:absolute;top:50%;transform:translateY(-50%)}:root{--font-arabic-body:"Noto Sans Arabic",Tahoma,Arial,sans-serif;--font-arabic-heading:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,sans-serif}body{font-family:var(--font-arabic-body);line-height:1.7}h1,h2,h3,.modern-brand strong,.side-brand strong,.admin-school-name,.portal-brand strong{font-family:var(--font-arabic-heading);letter-spacing:normal;line-height:1.8}button,input,select,textarea{font-family:var(--font-arabic-body)}.modern-intro h1{letter-spacing:normal;font-size:clamp(2.15rem,4vw,3.65rem);font-weight:700;line-height:1.65}.school-navigation .modern-brand{flex-basis:420px}.school-navigation .modern-brand strong{font-size:1.1rem;font-weight:700;line-height:1.95}.school-navigation .modern-brand div>span{font-size:.82rem;line-height:1.8}.school-navigation nav>a{padding-inline:11px;font-size:.94rem;font-weight:600}.school-header-actions>a{font-size:.9rem}.modern-card-copy h2{font-size:1.2rem;font-weight:700;line-height:1.9}.modern-card-copy p{font-size:.96rem;line-height:1.95}.modern-section-head h2{font-size:1.35rem;line-height:1.9}.modern-guide h3{font-size:1rem;line-height:1.9}.modern-guide li p{font-size:.94rem;line-height:1.95}.modern-cta{font-size:1.05rem;font-weight:700}.app-shell .nav-item{font-size:.9rem;line-height:1.75}.app-shell table{font-size:.88rem;line-height:1.8}.app-shell .attendance-action{font-size:.81rem}.app-shell .admin-school-name{font-size:.91rem;line-height:1.9}.app-shell .side-brand strong{font-size:.86rem;line-height:1.9}.app-shell .badge{font-size:.77rem}.portal-time>strong{font-family:var(--font-arabic-body);font-variant-numeric:tabular-nums;letter-spacing:0}@container (max-width:1100px){.school-navigation .modern-brand{flex-basis:0}.school-navigation .modern-brand strong{font-size:1.02rem}}@container (max-width:650px){.modern-intro h1{font-size:clamp(1.9rem,7vw,2.5rem);line-height:1.7}.modern-section-head h2{font-size:1.15rem}.modern-card-copy h2{font-size:1.12rem}.modern-card-copy p{font-size:.92rem}}@container (max-width:450px){.school-navigation .modern-brand strong{font-size:.88rem;line-height:1.9}.school-navigation .modern-brand div>span{font-size:.74rem}.school-header-actions>a{font-size:.86rem}}.modern-intro{text-align:center}.modern-intro h1{font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.65}.modern-intro>p{max-width:470px;margin-inline:auto}.modern-audience{border-inline-start:0;justify-items:center;margin-top:26px;padding-inline-start:0}.modern-audience>span:first-child{justify-content:center}@container (max-width:650px){.modern-intro h1{font-size:clamp(1.85rem,6.6vw,2.4rem)}}