:root{font-family:Tahoma,Arial,sans-serif;color:#172b47;background:#f4f2ee;font-synthesis:none;--ink:#172b47;--muted:#616e80;--navy:#10223a;--gold:#b89756;--gold-light:#dbc28c;--line:#e2ddd3;--paper:#f4f2ee;--white:#fff;--red:#a7343c;--green:#276944;--radius:10px;--shadow:0 8px 28px #172b4708}*{box-sizing:border-box}body{margin:0;line-height:1.75}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.55}h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}p{margin-bottom:16px}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #937138;outline-offset:4px}main:focus{outline:none}.skip-link{position:fixed;inset-inline-start:16px;top:-80px;z-index:100;background:#fff;color:var(--ink);padding:12px 20px;border:2px solid var(--gold);border-radius:5px}.skip-link:focus{top:12px}.portal-icon{width:24px;height:24px;display:block;flex:none}.icon-accent{stroke:var(--gold)}.portal-header{height:96px;background:linear-gradient(100deg,#0d1c30,#192e49);color:#f7f2e9;display:flex;justify-content:space-between;align-items:center;padding:16px max(28px,calc((100vw - 1510px)/2));border-bottom:2px solid var(--gold);gap:18px;box-shadow:0 5px 20px #0f1d2e13}.school-brand{display:flex;align-items:center;gap:16px;min-width:0}.school-brand img{width:64px;height:64px;object-fit:contain}.school-brand strong{display:block;font-size:21px;font-weight:600;line-height:1.6}.school-brand small{display:block;color:#d3b984;font-size:11px;letter-spacing:.2px}.header-home{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 16px;border:1px solid #bd9b5254;border-radius:5px;color:#ead5ad;flex:none}.header-home:hover{background:#ffffff09}.portal-container{max-width:1510px;margin:0 auto;padding:24px 28px 48px}.setup-banner{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:10px 15px;border:1px solid #d6c5a4;border-radius:6px;background:#f9f5eb;color:#645437;font-size:12px}.setup-label{font-weight:600;white-space:nowrap;padding-inline-end:12px;border-inline-end:1px solid #d6c5a4}.portal-layout{direction:ltr;display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"profile main";gap:25px;align-items:start}.portal-account-column{grid-area:profile;direction:rtl;min-width:0;display:grid;gap:20px}html[dir=ltr] .portal-account-column{direction:ltr}.portal-main{grid-area:main;min-width:0}.profile-card,.side-card,.directory-card,.card,.section-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.profile-card{border-top:2px solid var(--gold)}.profile-head{padding:27px 22px 23px;text-align:center;background:linear-gradient(140deg,#213955,#0f2037);color:#fff;border-bottom:2px solid var(--gold);position:relative}.profile-head:before{content:"";position:absolute;inset:9px;border:1px solid #b8975628;pointer-events:none}.profile-photo,.profile-emblem{width:92px;height:92px;border-radius:50%;margin:0 auto 17px;display:grid;place-items:center;border:1px solid #c9ad75;outline:4px solid #b8975615;background:#203550;object-fit:cover;position:relative}.profile-emblem .portal-icon{width:46px;height:46px;stroke:#cfb780}.profile-head h2{font-size:19px;margin-bottom:10px;overflow-wrap:anywhere;position:relative;color:#fff}.role-label{display:inline-block;position:relative;color:#dec697;background:#b8975612;border:1px solid #b8975654;font-size:11px;border-radius:4px;padding:3px 12px}.profile-details{padding:0 22px 12px;margin:0}.profile-details>div{border-bottom:1px solid var(--line);padding:15px 0}.profile-details>div:last-child{border:0}.profile-details dt{color:var(--muted);font-size:11px;margin-bottom:5px}.profile-details dd{font-size:13px;margin:0;overflow-wrap:anywhere}.profile-details .email-value{font-size:12px;color:#76613d}.side-card{padding:20px;border-top:2px solid var(--gold)}.side-card h2{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:13px}.side-card p{color:var(--muted);font-size:12px;line-height:1.9}.side-card .btn{width:100%}.side-footnote{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);padding:0 3px;margin:0}.side-footnote .portal-icon{width:18px;height:18px;color:#8b7547}.portal-welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#1f3551,#14263e);border:1px solid #b8975654;border-inline-start:3px solid var(--gold);border-radius:9px;color:#fff;padding:26px 30px;margin-bottom:24px;min-height:146px;box-shadow:var(--shadow)}.portal-welcome:before{content:"";position:absolute;inset-inline-end:14%;top:-115px;width:260px;height:260px;border:1px solid #c1a16616;transform:rotate(35deg);pointer-events:none}.portal-welcome>div{position:relative}.overline{display:block;font-size:11px;color:#dec28b;letter-spacing:.3px;margin-bottom:9px}.portal-welcome h1{font-size:23px;margin-bottom:8px;line-height:1.65}.portal-welcome p{font-size:12px;color:#c5cfdd;margin:0;max-width:680px}.welcome-seal{width:80px;height:80px;display:grid;place-items:center;border:1px solid #b8975635;border-radius:8px;color:#cbb482;flex:none}.welcome-seal .portal-icon{width:43px;height:43px}.directory-card{border-top:3px solid var(--ink);min-height:495px}.directory-head{padding:23px 27px 21px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#fff,#fdfbf7)}.directory-head h2{font-size:18px;white-space:nowrap;margin:0}.directory-rule{height:1px;width:100%;background:linear-gradient(90deg,transparent,#cdb789)}.portal-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px;padding:24px 15px 27px}.portal-tile{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-height:154px;padding:14px 5px 12px;border:1px solid transparent;border-radius:7px;transition:transform .15s,background .15s,border-color .15s}.portal-tile:hover{background:#f9f6ef;border-color:#dfd0b3;box-shadow:0 7px 15px #172b4706;transform:translateY(-2px)}.portal-tile-disc{width:76px;height:76px;border-radius:14px;background:linear-gradient(145deg,#fcfaf5,#ede6d8);border:1px solid #cbb68c;box-shadow:inset 0 0 0 4px #faf7f0,0 3px 7px #14263e07;display:grid;place-items:center;position:relative;color:#203750}.portal-tile-disc:after{content:"";position:absolute;inset:5px;border:1px solid #b8975640;border-radius:10px;pointer-events:none}.portal-tile-disc .portal-icon{width:42px;height:42px}.portal-tile-label{font-size:13px;line-height:1.9;max-width:145px;font-weight:500;overflow-wrap:anywhere}.tile-logout{background:#fdfbf7;border-color:#e6dfd2}.tile-logout .portal-tile-label{color:#78613d}.portal-footer{text-align:center;padding:20px;color:#697587;font-size:11px;border-top:1px solid var(--line)}.portal-footer span{padding:0 7px}.page-heading{margin-bottom:22px}.page-heading h1{margin:14px 0 0;font-size:23px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#796440;font-size:12px}.back-link .portal-icon{width:19px;height:19px}html[dir=ltr] .back-link .portal-icon{transform:scaleX(-1)}.card,.section-card{padding:24px;margin-bottom:20px}.card h2,.section-card h2{margin-bottom:16px}.card-body{padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.card-header h2{margin:0}.section-head,.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h2,.page-head h2{margin:0}.muted,.help,.field-help{color:var(--muted);font-size:12px;line-height:1.9}.small{font-size:12px}.eyebrow{color:#8c7143;font-size:11px}.stack{display:grid;gap:16px}.inline,.actions,.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions,.form-actions{margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid #c4a96f;border-radius:6px;font-size:13px;font-weight:600;line-height:1.5;min-height:43px;background:linear-gradient(110deg,#baa06c,#d3ba83);color:#12243b;text-align:center}.btn:hover:not(:disabled){filter:brightness(.97)}.btn-primary,.primary-btn{background:linear-gradient(110deg,#baa06c,#d3ba83);border:1px solid #c4a96f;color:#12243b}.btn-secondary,.secondary-btn{background:#f5f1e9;border-color:#d8cbb4;color:#253d5d}.btn-danger,.danger-btn{background:#fff3f2;border-color:#d9b9b5;color:#962f36}.btn-quiet,.btn-link{background:transparent;border-color:var(--line);color:var(--ink)}.btn-small{font-size:12px;padding:8px 12px;min-height:35px}.btn-block{width:100%}.btn .portal-icon{width:19px;height:19px}.field{display:grid;gap:7px;min-width:0;margin-bottom:17px}.field>label,.field-label{font-size:13px;font-weight:500;color:#243952}.field input,.field select,.field textarea,input.form-input,select.form-input,textarea.form-input{width:100%;min-width:0;border:1px solid #cfc9be;border-radius:6px;background:#fcfbf9;color:var(--ink);padding:11px 12px;min-height:44px;font-size:14px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a98848;background:#fff}.field textarea{min-height:110px;resize:vertical}.field input[type=email],.field input[type=password],.field input[type=tel],.field input[inputmode=numeric]{direction:ltr;text-align:start}.field input[type=file]{padding:8px;font-size:12px}.field input[type=checkbox],.field input[type=radio]{width:18px;min-height:18px;height:18px;accent-color:var(--ink);flex:none;padding:0}.form-grid,.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .full,.form-row .full,.span-full{grid-column:1/-1}.form-separator{border:0;border-top:1px solid var(--line);margin:23px 0}.status,.badge{display:inline-flex;align-items:center;border:1px solid #dbd5c9;background:#f3f0e9;color:#5b574e;border-radius:4px;font-size:11px;padding:3px 9px;line-height:1.65;font-weight:500}.status.active,.status.approved,.status.present,.badge.success,.status.ok{background:#edf5ee;border-color:#bdd7c3;color:#25603d}.status.pending,.badge.pending{background:#fbf3e3;border-color:#e1cea2;color:#735b22}.status.rejected,.status.suspended,.status.absent,.status.off,.badge.danger{background:#fbefee;border-color:#e2bfbb;color:#99383c}.status.inactive{background:#f0f0f0;border-color:#d1d1d1;color:#666}.empty,.empty-state{padding:38px 20px;text-align:center;background:#faf9f6;border:1px dashed #cec5b5;border-radius:7px;color:var(--muted);font-size:13px;line-height:1.9}.empty h2,.empty-state h2{color:var(--ink);font-size:17px;margin-bottom:10px}.empty p:last-child,.empty-state p:last-child{margin-bottom:0}.notice,.alert,.message{border:1px solid #d6c5a4;background:#f9f5eb;border-radius:6px;padding:13px 16px;margin:16px 0;color:#685536;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.notice.success,.alert.success,.message.success{background:#eff7ef;border-color:#b6d1be;color:#255d3c}.notice.error,.alert.error,.message.error,.error-banner{background:#fff2f1;border:1px solid #ddb3ae;color:#923137;border-radius:6px;padding:13px 16px;margin:16px 0;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.error,.field-error{color:var(--red);font-size:12px}.success-text{color:var(--green)}[role=alert]:empty,[role=status]:empty{display:none}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:6px;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:13px;text-align:start}th,td{padding:12px 13px;text-align:start;vertical-align:middle;border-bottom:1px solid var(--line);line-height:1.8}th{background:#f6f2eb;font-size:12px;color:#33435a;font-weight:600;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfbf7}caption{text-align:start;padding:12px;color:var(--muted);font-size:12px}.table-wrap input,.table-wrap select{max-width:220px}.tab-list,.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:13px}.tab-list button,.tabs button{background:#faf8f3;border:1px solid var(--line);padding:10px 14px;border-radius:5px;color:#43506a;font-size:13px}.tab-list .active,.tabs .active,.tab-list [aria-selected=true]{background:var(--ink);color:#e9d1a4;border-color:#283a54}.attendance-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.attendance-option{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px 12px;border-radius:5px;cursor:pointer;background:#faf9f7;font-size:12px}.attendance-option:has(input:checked){border-color:#8aab93;background:#edf4ee}.attendance-option.absent:has(input:checked){border-color:#c78383;background:#fbebea}.attendance-option input{width:16px;height:16px;accent-color:#233d5b}.attendance-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.attendance-row:last-child{border-bottom:0}.schedule-grid{display:grid;grid-template-columns:90px repeat(5,minmax(110px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:680px}.schedule-cell{background:#fff;padding:10px;min-width:0;min-height:88px;display:flex;flex-direction:column;gap:7px;justify-content:center;font-size:12px}.schedule-cell.header,.schedule-cell.day,.schedule-cell.period{background:#f5f0e7;text-align:center;min-height:48px;font-weight:600}.schedule-cell select,.schedule-cell input{width:100%;min-width:0;max-width:100%;padding:8px;border:1px solid #d0c8b9;border-radius:4px;background:#fcfbf9;font-size:12px}.schedule-cell small{color:var(--muted);line-height:1.7}.schedule-scroll{overflow-x:auto}.calendar{display:grid;gap:14px}.calendar-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-day{padding:9px;min-height:62px;background:#faf9f6;border:1px solid var(--line);border-radius:5px;font-size:12px}.calendar-day.holiday{background:#f1e8d5;border-color:#c6a566;color:#574320}.calendar-day small{display:block;font-size:10px;line-height:1.6}.requirements,.password-requirements{display:grid;gap:9px;margin:15px 0 20px;padding:13px 15px;background:#f9f7f2;border:1px solid var(--line);border-radius:6px;list-style:none}.requirement,.password-requirement{display:flex;align-items:center;gap:9px;font-size:12px;color:#606b7a}.requirement .portal-icon,.password-requirement .portal-icon{width:19px;height:19px;color:var(--red)}.requirement.pass .portal-icon,.requirement.valid .portal-icon,.password-requirement.pass .portal-icon{color:var(--green)}.requirement.fail,.password-requirement.fail{color:#98434a}.language-options{display:grid;gap:12px}.language-option{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid #d9ceba;background:#faf8f3;border-radius:6px;color:var(--ink);text-align:start;cursor:pointer;min-height:61px}.language-option.selected,.language-option[aria-pressed=true]{background:#f4ede0;border-color:#9e7d42;box-shadow:inset 3px 0 #b89756}.language-option small{font-size:11px;color:var(--muted)}.auth-page{min-height:100vh;background:radial-gradient(ellipse at top,#213952 0,#102039 46%,#0b192b);padding:42px 20px 34px}.auth-brand{text-align:center;color:#f4efdf;margin:0 auto 24px;max-width:580px}.auth-brand img{width:104px;height:104px;object-fit:contain;margin-bottom:15px}.auth-brand h1{font-size:25px;margin-bottom:5px}.auth-brand p{color:#d2b785;font-size:12px;margin:0}.auth-card{max-width:520px;margin:auto;background:#fff;border-radius:10px;border:1px solid #ccb890;border-top:3px solid var(--gold);padding:30px 32px;box-shadow:0 20px 65px #00000030}.auth-card h2{font-size:21px;margin-bottom:9px}.auth-card .intro,.auth-card>p{color:var(--muted);font-size:13px;line-height:1.95}.auth-card .form-actions .btn{width:100%}.auth-card .btn-block{margin-top:7px}.auth-card .auth-switch{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;font-size:13px}.auth-card .auth-switch a{color:#755925;text-decoration:underline;text-underline-offset:4px}.auth-footer{max-width:540px;margin:20px auto 0;text-align:center;font-size:11px;color:#c2ccda;line-height:1.9}.auth-language{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px auto 0}.auth-language button{padding:6px 11px;color:#e6d3b1;border:1px solid #b897564b;background:#ffffff06;border-radius:4px;font-size:12px}.loading-page{padding:60px 24px;text-align:center;color:var(--muted)}.loading-indicator{height:28px;width:28px;border-radius:50%;border:3px solid #e4d9c4;border-top-color:#a7894e;display:inline-block;animation:spin .8s linear infinite}.file-link{display:inline-flex;gap:7px;align-items:center;color:#79613a;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.lesson-card{border:1px solid var(--line);border-radius:7px;padding:20px;background:#fdfbf7;margin-bottom:15px}.lesson-card h3{font-size:17px;margin:0 0 8px}.lesson-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:12px}.lesson-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.profile-list dt{font-size:11px;color:var(--muted);margin-bottom:4px}.profile-list dd{margin:0;font-size:14px;overflow-wrap:anywhere}.dialog-backdrop{position:fixed;inset:0;background:#09182ad0;display:grid;place-items:center;padding:24px;z-index:20}.dialog-card{background:#fff;border-radius:10px;border-top:3px solid var(--gold);padding:25px;max-width:580px;width:100%;max-height:90vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-head h2{margin:0}.icon-btn{border:1px solid var(--line);border-radius:5px;background:#f5f1e9;color:var(--ink);padding:8px;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hidden,[hidden]{display:none!important}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.grid>.card{min-width:0}.field>span{font-size:13px;font-weight:500;color:#243952}.field:has(textarea),form.grid>p,form.grid>label:not(.field),form.grid>button{grid-column:1/-1}.alert-error{background:#fff2f1;border-color:#ddb3ae;color:#923137}.alert-success{background:#eff7ef;border-color:#b6d1be;color:#255d3c}.status-danger{color:#99383c;background:#fbefee;border:1px solid #e2bfbb;border-radius:4px;padding:3px 8px;font-size:12px}.status-success{color:#25603d;background:#edf5ee;border:1px solid #bdd7c3;border-radius:4px;padding:3px 8px;font-size:12px}.calendar-day{display:flex;flex-direction:column;gap:2px}.calendar-day.is-holiday{background:#f1e8d5;border-color:#c6a566;color:#574320}.calendar-grid>strong{text-align:center;font-size:11px;padding:7px 3px;color:#556076}.calendar-grid{margin:18px 0}.table-wrap label:has(input[type=radio]){display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;padding:6px 2px}.table-wrap input[type=radio]{width:18px;height:18px;accent-color:var(--ink)}[data-timetable-grid] table{min-width:1000px}[data-timetable-grid] td{min-width:180px;vertical-align:top}[data-timetable-grid] .field{margin-bottom:9px}[data-timetable-grid] .field>span{font-size:11px}[data-timetable-grid] input,[data-timetable-grid] select{font-size:12px;padding:8px}details.card summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink)}details.card[open] summary{margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:14px}input[type=checkbox]{accent-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}html[dir=ltr] .back-link .portal-icon{transform:none}html[dir=rtl] .back-link .portal-icon{transform:scaleX(-1)}.toast{position:fixed;z-index:80;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100vw - 32px));max-height:40vh;overflow:auto;margin:0;padding:16px 20px;border:1px solid #a99162;border-radius:7px;background:#12243b;color:#f4efdf;box-shadow:0 8px 30px #0c1b3433;font-size:13px;line-height:1.9;text-align:start;overflow-wrap:anywhere}.toast.alert-error{background:#fff2f1;color:#923137;border-color:#c7938d}.toast.alert-success{background:#eff7ef;color:#255d3c;border-color:#95b5a0}.auth-language button[aria-pressed=true]{background:#d6bf8c;color:#15243b;border-color:#d6bf8c;font-weight:600}@media(min-width:1440px){.portal-service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1120px){.portal-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.portal-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-container{padding:22px}.portal-header{padding:16px 22px}.portal-welcome{padding:24px}.portal-welcome h1{font-size:21px}.portal-tile-label{font-size:12px}.profile-head h2{font-size:17px}.welcome-seal{width:65px;height:65px}}@media(max-width:800px){.portal-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "profile";gap:24px}.portal-account-column{grid-template-columns:1fr 1fr;align-items:start;gap:16px}.profile-card{grid-row:span 2}.side-footnote{align-self:start}.portal-header{height:85px;padding:12px 18px}.school-brand{gap:12px}.school-brand img{width:55px;height:55px}.school-brand strong{font-size:18px}.school-brand small{font-size:10px}.portal-container{padding:20px 18px 35px}.portal-welcome{min-height:135px}.portal-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 10px;gap:7px}.directory-card{min-height:0}.setup-banner{font-size:11px;align-items:flex-start;margin-bottom:20px}.directory-head{padding:20px}.card,.section-card{padding:21px}.auth-page{padding-top:30px}}@media(max-width:520px){.portal-header{height:79px;padding:12px 14px;gap:10px}.school-brand img{width:48px;height:48px}.school-brand{gap:9px}.school-brand strong{font-size:15px}.school-brand small{font-size:9px}.header-home{padding:8px}.header-home span{display:none}.header-home .portal-icon{width:21px;height:21px}.portal-container{padding:17px 13px 30px}.setup-banner{display:block;padding:11px 13px;line-height:1.85}.setup-label{display:block;border:0;padding:0;margin-bottom:3px}.portal-welcome{padding:21px 20px;gap:14px;border-radius:7px}.portal-welcome h1{font-size:20px}.portal-welcome p{font-size:11px}.welcome-seal{display:none}.portal-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 4px;padding:18px 7px 21px}.portal-tile{min-height:139px;padding:12px 3px;gap:12px}.portal-tile-disc{width:66px;height:66px;border-radius:12px}.portal-tile-disc:after{border-radius:8px}.portal-tile-disc .portal-icon{width:37px;height:37px}.portal-tile-label{font-size:11px;max-width:115px}.directory-head{padding:19px 17px;gap:13px}.directory-head h2{font-size:16px}.portal-account-column{grid-template-columns:1fr}.profile-card{grid-row:auto}.side-card{padding:20px}.profile-head h2{font-size:19px}.form-grid,.form-row,.profile-list{grid-template-columns:1fr}.card,.section-card{padding:20px 16px}.card-header,.section-head,.page-head{align-items:flex-start;flex-direction:column;gap:12px}.page-heading h1{font-size:21px}.attendance-row{align-items:flex-start;flex-direction:column;gap:11px}.attendance-options{gap:8px}.attendance-option{padding:8px 12px}.auth-page{padding:26px 13px 28px}.auth-card{padding:26px 20px}.auth-brand img{width:95px;height:95px}.auth-brand h1{font-size:21px}.auth-card h2{font-size:20px}.requirements,.password-requirements{padding:12px}.calendar-day{padding:5px;min-height:52px;font-size:11px}.calendar-grid{gap:3px}.calendar-day small{font-size:8px}.dialog-backdrop{padding:13px}.dialog-card{padding:20px}.btn{font-size:12px}.portal-footer{font-size:10px}.table-wrap{margin:15px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.portal-tile:hover{transform:none}}@media(max-width:650px){.grid{grid-template-columns:1fr;gap:0}.grid>.card{margin-bottom:17px}.field:has(textarea),form.grid>p,form.grid>label:not(.field),form.grid>button{grid-column:auto}}