/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.resize{resize:both}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--school-primary:#087b83}.app-shell .primary,.app-shell .public-primary,.app-shell .settings-actions .primary,.app-shell .mobile-menu-toggle,.app-shell .sidebar nav button.active{background:var(--school-primary,#087b83)}.schedule-builder{margin-bottom:18px}.schedule-builder .filters{flex-wrap:wrap}.schedule-builder select{min-width:130px}.schedule td small{white-space:normal;margin-top:5px;font-size:11px;display:block}.attendance-list strong small{color:#819096;margin-top:3px;font-weight:500;display:block}.attendance-list .toggle-group{flex-wrap:wrap}.relations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.relation-card{padding:22px}.relation-card.wide{grid-column:1/-1}.relation-card>p{color:#738187;margin:6px 0 18px}.relation-list{gap:10px;display:grid}.relation-list label{border:1px solid #e3ecec;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.relation-list span small{color:#7d8c91;margin-top:3px;display:block}.relation-form{flex-wrap:wrap;gap:9px;display:flex}.relation-form select{min-width:150px}.link-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.link-chips button{color:#315d58;background:#f2faf8;border:1px solid #cfe2df;border-radius:999px;padding:8px 12px}.link-chips button:hover{color:#933;border-color:#d66}@media (max-width:800px){.relations-grid{grid-template-columns:1fr}.relation-card.wide{grid-column:auto}.relation-list label{flex-direction:column;align-items:stretch}.relation-form select,.relation-form button{width:100%}}.role-portal{background:#f3f7f7;min-height:100vh;padding-bottom:50px}.portal-top{background:#fff;border-bottom:1px solid #dfe9e7;justify-content:space-between;align-items:center;padding:18px max(24px,6vw);display:flex}.portal-top>div:last-child{align-items:center;gap:16px;display:flex}.portal-top a,.sidebar-footer a{color:#a04444;text-decoration:none}.portal-hero{color:#fff;background:linear-gradient(120deg,#087b83,#125b64);border-radius:24px;max-width:1120px;margin:30px auto 20px;padding:38px}.portal-hero>span{background:#ffffff24;border:1px solid #ffffff45;border-radius:999px;padding:6px 12px}.portal-hero h1{margin:18px 0 8px;font-size:34px}.portal-hero .date-pair{margin-top:22px}.portal-grid,.portal-notice{max-width:1120px;margin:18px auto}.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.portal-grid article{align-items:center;gap:14px;padding:20px;display:flex}.portal-grid small{color:#75868a;margin-top:4px;display:block}.portal-icon{color:#087b83;background:#e6f5f2;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.portal-notice{padding:22px}.portal-notice p{color:#75868a;margin-top:6px}.account-link-list{gap:10px;display:grid}.account-link-list label{border:1px solid #e1ebea;border-radius:12px;justify-content:space-between;align-items:center;padding:13px;display:flex}.account-link-list small{color:#75868a;margin-top:3px;display:block}@media (max-width:800px){.portal-top,.portal-top>div:last-child{flex-direction:column;align-items:flex-start}.portal-hero,.portal-grid,.portal-notice{margin-left:14px;margin-right:14px}.portal-grid{grid-template-columns:1fr}.portal-hero{padding:25px}.account-link-list label{flex-direction:column;align-items:stretch;gap:10px}}.content-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.content-admin-card{padding:20px}.content-admin-card>div{justify-content:space-between;align-items:center;display:flex}.content-admin-card h3{margin:15px 0 7px}.content-admin-card p{color:#63767a;min-height:54px;line-height:1.7}.content-admin-card small{color:#7e8d91}.content-type{color:#087b83;background:#e9f5f2;border-radius:999px;padding:5px 10px}.content-type.exam{color:#9b6209;background:#fff1dc}.content-type.homework{color:#5354a2;background:#edf0ff}.content-modal textarea{resize:vertical;min-height:105px}.portal-content{max-width:1120px;margin:25px auto}.portal-content h2{margin-bottom:14px}.content-card{cursor:pointer;align-items:flex-start;gap:15px;margin-bottom:10px;padding:18px;display:flex}.content-card.unread{background:#fffdf7;border-right:4px solid #e4a22b}.content-card>span{color:#087b83;background:#eaf5f3;border-radius:8px;padding:6px 10px}.content-card div{flex:1}.content-card p{color:#63767a;margin:5px 0}.content-card small{color:#7f8d91}.content-card>i{color:#fff;background:#e4a22b;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal}@media (max-width:900px){.content-admin-grid{grid-template-columns:1fr}.portal-content{margin-left:14px;margin-right:14px}}.assessment-card{text-align:right;cursor:pointer;border:1px solid #e1e9e8}.assessment-card:hover{border-color:#68aaa5;transform:translateY(-2px)}.assessment-card h3{margin:14px 0 7px}.assessment-card p,.assessment-card small{color:#6f8084}.certificate-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.certificate-head p{color:#718085;margin-top:4px}@media print{body{background:#fff}.role-portal>:not(.certificate){display:none!important}.role-portal{background:#fff}.certificate{max-width:none;margin:0;display:block!important}.certificate:before{content:"مدرسة الصومعه — كشف النتائج";text-align:center;margin:20px;font-size:26px;font-weight:800;display:block}.no-print{display:none!important}.certificate .panel{box-shadow:none;border:1px solid #999}thead{display:table-header-group}}.finance-portal>h3{margin:24px 0 10px}.table-wrap td small{color:#819095;margin-top:4px;display:block}.receipt{text-align:center}.receipt hr{border:0;border-top:1px dashed #b9c7c5;margin:18px 0}.receipt dl{text-align:right;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.receipt dt{color:#718185}.receipt dd{font-weight:700}@media print{.receipt-backdrop{background:#fff!important;position:static!important}.receipt{box-shadow:none!important;width:100%!important;max-width:none!important}.receipt-backdrop~*{display:none!important}body:has(.receipt-backdrop) .role-portal>:not(.finance-portal){display:none!important}body:has(.receipt-backdrop) .finance-portal>:not(.receipt-backdrop){display:none!important}}.backup-link{align-items:center;text-decoration:none;display:inline-flex}.report-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.report-tabs button{color:#506568;background:#fff;border:1px solid #d5e2e0;border-radius:10px;padding:10px 18px}.report-tabs button.active{color:#fff;background:#087b83;border-color:#087b83}.printable-report{padding:20px}.printable-report>h2{margin-bottom:16px}@media print{.app-shell .sidebar,.app-shell header,.national-bar,.settings-intro,.stats,.report-tabs{display:none!important}.app-shell,.content{margin:0!important;padding:0!important;display:block!important}.reports-center .printable-report{box-shadow:none;border:0;display:block!important}.reports-center>:not(.printable-report){display:none!important}}.dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-metrics>div{background:#f4f9f8;border:1px solid #dfebea;border-radius:14px;padding:18px}.dashboard-metrics span{color:#718388;margin-bottom:8px;display:block}.dashboard-metrics strong{color:#145f64;font-size:22px}@media (max-width:700px){.dashboard-metrics{grid-template-columns:1fr}}.school-login{background:radial-gradient(circle at 15% 10%,#d7f0eb,#0000 35%),linear-gradient(135deg,#f4faf9,#e7f1f0);place-items:center;min-height:100vh;padding:20px;display:grid}.school-login>section{background:#fff;border:1px solid #dbe9e7;border-radius:24px;width:min(440px,100%);padding:34px;box-shadow:0 22px 60px #245c5520}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-brand>span{color:#fff;background:#087b83;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:grid}.login-brand small{color:#78898d;margin-top:3px;display:block}.school-login h1{font-size:30px}.school-login>section>p{color:#718185;margin:7px 0 20px}.login-tabs{background:#edf4f3;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px;padding:5px;display:grid}.login-tabs button{background:0 0;border:0;border-radius:9px;padding:10px}.login-tabs button.active{color:#087b83;background:#fff;box-shadow:0 3px 12px #235d5518}.school-login form{gap:14px;display:grid}.school-login label{gap:7px;font-weight:700;display:grid}.school-login input{border:1px solid #cfdddb;border-radius:10px;padding:12px}.school-login form button{margin-top:5px}.login-help{text-align:center;color:#7d8b8e;margin-top:20px;line-height:1.6;display:block}.login-tabs.three{grid-template-columns:repeat(3,1fr)}.workday-picker{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.workday-picker button{background:#f7faf9;border:1px solid #dbe6e5;border-radius:12px;padding:14px 8px}.workday-picker button.active{color:#fff;background:#087b83;border-color:#087b83}.workday-picker small{opacity:.75;margin-top:5px;display:block}.shift-card{border-top:4px solid #278a91}.shift-card.female{background:linear-gradient(#fff,#fff8fb);border-top-color:#b25c86}.shift-card>h3,.relation-card h3{margin:20px 0 10px}.permission-chip.warning{color:#93600d;background:#fff3dc}@media (max-width:850px){.workday-picker{grid-template-columns:repeat(4,1fr)}}.row-actions{gap:6px;display:flex}.row-actions button,.action-link,.danger-link{color:#087b72;cursor:pointer;background:#e5f3f1;border:0;border-radius:6px;padding:6px 9px;font-size:10px}.row-actions .danger,.danger-link{color:#bc4350;background:#fce8ea}.table-wrap select,.modal select{color:#294f53;background:#fff;border:1px solid #dfe9e9;border-radius:7px;padding:8px}.modal .primary{width:100%;margin-top:8px}.school-logo{object-fit:contain;background:#fff;border:1px solid #dfe9e9;border-radius:12px;width:48px;height:48px}.settings-form{max-width:1100px}.settings-intro{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings-intro h2{margin:0 0 6px;font-size:19px}.settings-intro p{color:#71888b;margin:0;font-size:11px}.permission-chip{color:#087b6e;background:#e1f4ef;border-radius:18px;padding:7px 11px;font-size:10px}.settings-section{margin-bottom:14px}.settings-section h3{color:#174b50;margin:0 0 16px;font-size:14px}.settings-premium-form{background:linear-gradient(145deg,#fff,#f9fbfc);border:1px solid #dceae8;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0a41400d}.form-section-title{border-bottom:2px solid #e1e9e8;margin-bottom:20px;padding-bottom:12px}.form-section-title h3{color:#087b83;margin:0 0 5px;font-size:18px}.form-section-title p{color:#7b8d8f;margin:0;font-size:12px}.form-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.form-grid label{display:block}.form-grid label span{color:#587174;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.form-grid input,.form-grid select,.form-grid textarea{color:#183b40;background:#fbfdfd;border:1px solid #dfe9e9;border-radius:8px;width:100%;min-height:42px;padding:9px 11px}.form-grid input[type=color]{padding:5px}.settings-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #dfe9e9;border-radius:11px;justify-content:flex-end;margin-top:20px;padding:12px;display:flex;position:sticky;bottom:14px;box-shadow:0 -4px 20px #0000000a}.form-error{color:#b33d4a;background:#fdebed;border-radius:8px;margin-bottom:14px;padding:11px 14px;font-size:11px}.primary:disabled{opacity:.6;cursor:wait}@media (max-width:800px){.form-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.form-grid{grid-template-columns:1fr}.settings-intro{align-items:flex-start;gap:12px}.permission-chip{white-space:nowrap}}:root{--teal:#087b83;--teal-dark:#075963;--green:#10a37f;--blue:#268fac;--red:#e05b68;--gold:#dba63c;--ink:#183b40;--muted:#71888b;--bg:#f4f8f8;--line:#dfe9e9}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Tahoma,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);z-index:5;right:0;background:#fff;flex-direction:column;width:252px;display:flex;position:fixed;inset-block:0;box-shadow:-7px 0 25px #0b5d6510}.brand{border-top:5px solid var(--green);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:24px 22px 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#18aa82,#07828b);border-radius:50% 50% 45% 55%;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 6px 16px #07828b33}.brand-mark b{font-size:23px}.brand-mark i{color:#e7b84c;font-size:11px;font-style:normal;position:absolute;bottom:1px;left:-3px}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand strong{color:var(--teal-dark);font-size:17px}.brand small{color:#829598;margin-top:5px;font-size:10px}.school-year{color:#23726f;background:#eaf6f3;border-radius:9px;margin:14px 18px 4px;padding:10px 12px;font-size:10px}.school-year span{float:left;color:#658884}.sidebar nav{gap:3px;padding:12px 13px;display:grid;overflow:auto}.sidebar button{color:#637d81;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 13px;font-size:13px;transition:all .2s}.sidebar button span{color:#7d999c;place-items:center;width:29px;font-size:16px;display:inline-grid}.sidebar nav button:hover{color:var(--teal);background:#f0f8f7}.sidebar nav button.active{color:#fff;background:linear-gradient(100deg,#118e84,#087b83);box-shadow:0 5px 15px #087b8330}.sidebar nav button.active span{color:#fff}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:10px 13px;display:grid}.content{width:calc(100% - 252px);margin-right:252px;padding:0 34px 38px}.national-bar{background:var(--teal-dark);color:#dbeeed;height:32px;margin:0 -34px 20px;padding:8px 34px;font-size:10px}.national-bar span{margin-left:6px}.national-bar b{color:#6fc3b7;margin:0 8px}header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}h1{color:#123e43;margin:5px 0 6px;font-size:25px}.breadcrumb{color:#8aa0a2;font-size:10px}header p,.panel-title p{color:var(--muted);margin:0;font-size:12px}.profile{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:7px 9px 7px 14px;display:flex}.profile small{color:#779093;margin-top:4px;font-size:10px}.avatar{color:#087c74;background:#dff2ed;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:700;display:grid}.notification,.help{color:#54777a;cursor:pointer;background:0 0;border:0}.notification{width:37px;height:37px;font-size:20px;position:relative}.notification span{background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.help{border-left:1px solid var(--line);padding:9px 2px 9px 12px;font-size:11px}.welcome-hero{color:#fff;background:linear-gradient(115deg,#076d76 0%,#0b9187 55%,#20ad83 100%);border-radius:17px;justify-content:space-between;align-items:center;min-height:190px;padding:30px 35px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #087b8325}.welcome-hero:before,.welcome-hero:after{content:"";border:1px solid #ffffff28;border-radius:50%;position:absolute}.welcome-hero:before{width:310px;height:310px;top:-160px;left:-90px}.welcome-hero:after{width:170px;height:170px;bottom:-135px;left:85px}.welcome-hero>div{z-index:1;position:relative}.hero-tag{background:#ffffff20;border:1px solid #ffffff30;border-radius:20px;padding:6px 12px;font-size:10px;display:inline-block}.welcome-hero h2{margin:13px 0 8px;font-size:26px}.welcome-hero p{color:#dcf3ef;margin:0;font-size:13px}.hero-meta{color:#d7f1ec;gap:20px;margin-top:22px;font-size:10px;display:flex}.hero-meta span:last-child{color:#d8f9d5}.hero-emblem{background:#ffffff12;border:1px solid #ffffff47;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.hero-emblem i{color:#f3ce67;font-size:22px;font-style:normal}.hero-emblem b{font-size:12px}.hero-emblem strong{font-size:24px;line-height:1}.section-heading{justify-content:space-between;align-items:center;margin:26px 2px 14px;display:flex}.section-heading h2{margin:0 0 5px;font-size:17px}.section-heading p{color:var(--muted);margin:0;font-size:11px}.section-heading button{color:var(--teal);cursor:pointer;background:0 0;border:0;font-size:11px}.section-heading.compact{margin-top:24px}.service-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.service-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:17px;transition:all .2s;display:flex}.service-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0c667014}.service-card>span{border-radius:11px;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.service-card div{flex:1}.service-card strong,.service-card small{display:block}.service-card strong{font-size:12px}.service-card small{color:#789093;margin-top:5px;font-size:9px}.service-card>b{color:#9cb0b2}.service-card.mint>span{color:#0a966f;background:#dff5ee}.service-card.sky>span{color:#2388a6;background:#e2f2f7}.service-card.violet>span{color:#7358ae;background:#eee9fa}.service-card.amber>span{color:#c58b20;background:#fff1d8}.service-card.rose>span{color:#d35462;background:#fce7e9}.service-card.blue>span{color:#407ab6;background:#e4eefb}.stats{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:13px;gap:13px;padding:17px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #1b566008}.stat:after{content:"";background:#dfeaea;width:3px;position:absolute;top:0;bottom:0;right:0}.stat-icon{border-radius:11px;place-items:center;width:43px;height:43px;font-size:19px;display:grid}.stat-icon.blue{color:#238ba6;background:#e1f1f5}.stat-icon.green{color:#15936f;background:#dff5ed}.stat-icon.orange{color:#c58a21;background:#fff0d8}.stat-icon.red{color:#d65461;background:#fce7e9}.stat p{color:var(--muted);margin:0 0 5px;font-size:10px}.stat strong{font-size:21px;display:block}.stat small{color:var(--green);font-size:9px}.grid{grid-template-columns:1.25fr .9fr;gap:14px;margin-top:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px;box-shadow:0 4px 14px #1b566008}.panel-title{justify-content:space-between;display:flex}.panel h2{margin:0 0 6px;font-size:14px}.chart{height:225px;margin-top:20px;display:flex}.y-labels{color:#9aabad;flex-direction:column;justify-content:space-between;padding-bottom:27px;font-size:9px;display:flex}.bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#fff 0 49px,#edf3f3 50px);flex:1;justify-content:space-around;align-items:flex-end;margin-right:12px;padding:0 12px;display:flex}.bar-group{color:#7e9497;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%;font-size:9px;display:flex}.bar-stack{border-radius:5px 5px 0 0;flex-direction:column;justify-content:flex-end;width:25px;height:175px;display:flex;overflow:hidden}.bar-stack i{background:#159b8a}.bar-stack em{background:#e8b858}.activities{margin:15px 0 0;padding:0;list-style:none}.activities li{border-bottom:1px solid #edf2f2;gap:12px;padding:13px 0;display:flex}.activities li:last-child{border:0}.activities b{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.activities b.blue{color:#268eaa;background:#e2f2f7}.activities b.green{color:#15936f;background:#def5ed}.activities b.orange{color:#c58a21;background:#fff0d8}.activities strong{font-size:11px}.activities p{color:#697f82;margin:4px 0;font-size:10px}.activities small{color:#9aabad;font-size:9px}.toolbar,.filters{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search{border:1px solid var(--line);color:#899fa2;background:#fff;border-radius:9px;min-width:320px;padding:0 13px}.search input{background:0 0;border:0;outline:0;width:90%;padding:12px}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;font-weight:700}.primary{background:var(--teal);color:#fff}.secondary{color:#087a73;background:#e2f3f1}.table-wrap{margin-top:17px;padding:0;overflow:hidden}table{border-collapse:collapse;text-align:right;width:100%}th{color:#6e8588;background:#f6f9f9;padding:13px 18px;font-size:11px}td{color:#587174;border-top:1px solid #eaf0f0;padding:16px 18px;font-size:12px}.mini-avatar{color:#087c74;background:#e1f2ef;border-radius:9px;place-items:center;width:33px;height:33px;margin-left:9px;display:inline-grid}.badge{color:#128463;background:#dff5ed;border-radius:20px;padding:5px 9px;font-size:10px}.empty{text-align:center;color:#8b9ea0;padding:45px}.filters{background:#f6f9f9;border-radius:9px;padding:13px}.filters select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}.attendance-list>div{border-bottom:1px solid #eaf0f0;align-items:center;padding:13px;display:flex}.attendance-list strong{flex:1}.toggle-group{background:#edf3f3;border-radius:8px;padding:3px;display:flex}.toggle-group button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 14px}.toggle-group .on{background:var(--green);color:#fff}.toggle-group .off{background:var(--red);color:#fff}.save{min-width:170px;margin:20px auto 0;display:block}.schedule td{text-align:center}.schedule td:first-child{font-weight:700}.subject{border:5px solid #fff;border-radius:10px}.s1{background:#e1f2f5}.s2{background:#dff5ed}.s3{background:#fff0d8}.s4{background:#f8e9f1}.grade-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.grade-grid label{background:#f6f9f9;border-radius:9px;align-items:center;padding:13px;display:flex}.grade-grid span{flex:1;font-weight:700}.grade-grid input{border:1px solid var(--line);border-radius:7px;width:72px;padding:9px}.grade-grid b{color:#899da0;margin-right:7px;font-size:10px}.report-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.report-card>span{color:var(--teal);font-size:27px}.report-card p{color:var(--muted);min-height:35px;font-size:12px}.toast{color:#fff;z-index:20;background:#174c46;border-radius:9px;padding:13px 20px;position:fixed;bottom:24px;left:24px;box-shadow:0 12px 30px #0003}.modal-backdrop{z-index:30;background:#0e353a99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(430px,90vw);padding:27px;position:relative}.modal h2{margin-top:0}.modal label{margin:15px 0;font-size:12px;font-weight:700;display:block}.modal input{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:7px;padding:11px}.close{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:14px;left:17px}@media (max-width:1100px){.service-grid,.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{width:220px}.content{width:calc(100% - 220px);margin-right:220px}}@media (max-width:700px){.sidebar{width:70px;position:static}.brand{padding:18px 11px}.brand div,.school-year,.sidebar button:not(.active){font-size:0}.brand-mark{width:42px;height:42px}.sidebar nav{padding:10px 8px}.sidebar button{text-align:center;padding:11px}.sidebar button span{width:auto;font-size:17px}.content{width:calc(100% - 70px);margin:0;padding:0 13px 24px}.national-bar{margin:0 -13px 17px;padding:8px 13px}header{align-items:flex-start}.profile>div:not(.avatar),.help,header>div>p{display:none}.welcome-hero{min-height:210px;padding:24px}.welcome-hero h2{font-size:21px}.hero-emblem{display:none}.hero-meta{flex-direction:column;gap:6px}.service-grid,.stats,.report-grid,.grade-grid,.grid{grid-template-columns:1fr}.chart-panel,.table-wrap{overflow:auto}.chart{min-width:440px}.toolbar,.filters{flex-direction:column;align-items:stretch}.search{min-width:0}table{min-width:650px}}.public-school{color:#153d43;background:#f6faf9;min-height:100vh;font-family:inherit}.public-school nav{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:auto;padding:18px 24px;display:flex}.public-school nav>div{align-items:center;gap:20px;display:flex}.public-school a{color:inherit;text-decoration:none}.public-brand{align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.public-brand b,.public-brand img{color:#fff;object-fit:cover;background:#087b83;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.public-login,.public-primary{border-radius:10px;padding:10px 16px;font-weight:700;color:#fff!important;background:#087b83!important}.public-hero{color:#fff;background:linear-gradient(135deg,#083e47,#087b83);border-radius:28px;grid-template-columns:1.5fr .7fr;align-items:center;gap:35px;max-width:1180px;margin:28px auto 60px;padding:76px 7%;display:grid}.public-hero>div>span{color:#a8ece2;font-weight:700}.public-hero h1{margin:10px 0;font-size:clamp(2rem,5vw,4rem)}.public-hero p{max-width:620px;font-size:1.15rem;line-height:1.9}.hero-actions{gap:12px;margin:25px 0;display:flex}.public-secondary{border:1px solid #b8ebe4;border-radius:10px;padding:10px 16px}.hero-card{text-align:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:22px;padding:34px}.hero-card i{color:#ffdb81;font-size:3rem;display:block}.hero-card strong{margin:15px;font-size:1.4rem;display:block}.public-section{text-align:center;max-width:1080px;margin:0 auto 70px;padding:0 24px}.public-section h2{margin-bottom:8px;font-size:2rem}.public-section>p{color:#60767a}.public-features,.news-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.public-features article,.news-grid article,.public-empty{background:#fff;border:1px solid #dceae8;border-radius:16px;padding:24px;box-shadow:0 7px 20px #0a41400b}.public-features article{flex-direction:column;gap:8px;font-size:1.5rem;display:flex}.public-features b{font-size:1rem}.public-features span{color:#718488;font-size:.9rem}.public-news{text-align:right}.news-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.news-grid article span{color:#087b83;font-size:.8rem;font-weight:700}.news-grid h3{margin:10px 0}.news-grid p{color:#5f7175;line-height:1.7}.news-grid small{color:#92a1a3}.public-contact{background:#e1f3ef;justify-content:space-between;align-items:center;gap:24px;padding:38px max(24px,50% - 516px);display:flex}.public-contact h2{margin:0}.public-contact p{color:#557176}.public-contact div:last-child{flex-wrap:wrap;gap:18px;display:flex}.public-contact a{color:#087b83;font-weight:700}.public-school footer{text-align:center;color:#718488;padding:24px;font-size:.85rem}@media (max-width:720px){.public-school nav{padding:14px}.public-school nav>div>a:not(.public-login){display:none}.public-hero{grid-template-columns:1fr;margin:10px 14px 45px;padding:48px 25px}.hero-card{display:none}.public-features{grid-template-columns:1fr}.public-contact{display:block}.public-contact div:last-child{margin-top:18px}.public-hero small{line-height:1.8}}.public-premium{color:#123e43;background:linear-gradient(#f5fbfa,#fff 45%,#eef7f5)}.premium-hero{background:radial-gradient(circle at 15% 25%,#19a19a 0,#087b83 35%,#063b45 100%);position:relative;overflow:hidden}.school-ticker{color:#fff;white-space:nowrap;background:#073e47;align-items:center;gap:1rem;padding:.7rem max(5vw,1rem);display:flex;overflow:hidden}.school-ticker strong{color:#123e43;background:#f6c453;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.school-ticker span{animation:20s linear infinite ticker;display:inline-block}.public-title>span,.manager-card>div>span{color:#087b83;font-size:.85rem;font-weight:800}.achievers-grid,.media-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.achiever-card,.media-grid article{background:#fff;border:1px solid #dcebe8;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #073e4710}.achiever-card img,.achiever-placeholder{object-fit:cover;width:100%;height:210px}.achiever-placeholder,.manager-placeholder,.media-placeholder{color:#087b83;background:linear-gradient(135deg,#d7f1ec,#9bd8cf);place-items:center;font-size:3rem;font-weight:900;display:grid}.achiever-card>div:last-child,.media-grid article>h3,.media-grid article>p{margin:.85rem 1rem}.achiever-card small{color:#b7791f;font-weight:700}.manager-section{padding-top:0}.manager-card{color:#fff;background:linear-gradient(135deg,#073e47,#087b83);border-radius:22px;align-items:center;gap:1.4rem;max-width:680px;margin:auto;padding:1.25rem;display:flex;box-shadow:0 16px 34px #073e4730}.manager-card img,.manager-placeholder{object-fit:cover;border:4px solid #ffffff80;border-radius:50%;flex:none;width:120px;height:120px}.manager-card h2{margin:.35rem 0}.manager-card a{color:#fff;font-weight:800}.media-grid video,.media-grid img,.media-placeholder{object-fit:cover;width:100%;height:210px}.homepage-settings{gap:1rem;display:grid}.homepage-settings .form-grid{max-width:none;margin:0}.homepage-items{gap:.7rem;display:grid}.homepage-items article{border:1px solid #dcebe8;border-radius:12px;justify-content:space-between;gap:1rem;padding:.85rem;display:flex}.homepage-items small,.homepage-items p{color:#647b7c;margin:.25rem 0;display:block}.danger{color:#b4233d;cursor:pointer;background:#fff0f1;border:0;border-radius:9px;align-self:start;padding:.4rem .75rem}.check{align-items:center;gap:.6rem;display:flex}.read-more{color:#087b83;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-weight:700}.card-gallery{border-radius:12px;gap:5px;margin-bottom:12px;display:grid;overflow:hidden}.card-gallery img{object-fit:cover;width:100%;height:100%}.card-gallery.count-1{grid-template-columns:1fr;height:210px}.card-gallery.count-2,.card-gallery:not(.count-1):not(.count-2){grid-template-columns:1fr 1fr;height:210px}.card-gallery:not(.count-1):not(.count-2) img:first-child{grid-column:1/-1;height:140px}.card-gallery:not(.count-1):not(.count-2) img:not(:first-child){height:65px}@keyframes ticker{0%{transform:translate(-100%)}97%{transform:translate(100%)}to{transform:translate(100%)}}@media (max-width:700px){.achievers-grid,.media-grid{grid-template-columns:1fr}.manager-card{align-items:flex-start}.school-ticker{font-size:.82rem}.public-premium nav>div>a:not(.public-login){display:none}}.media-grid iframe{border:0;width:100%;height:210px;display:block}.upload-progress{z-index:20;color:#fff;background:#087b83;border-radius:12px;padding:12px 16px;position:sticky;top:10px;box-shadow:0 8px 24px #07596335}.form-grid .wide{grid-column:1/-1}.upload-previews{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:18px 0;display:grid}.upload-previews figure{background:#fff;border:1px solid #dcebe8;border-radius:12px;margin:0;position:relative;overflow:hidden}.upload-previews img{object-fit:cover;width:100%;height:120px;display:block}.upload-previews button{color:#fff;cursor:pointer;background:#b4233dcc;border:0;border-radius:8px;padding:5px 8px;position:absolute;top:6px;left:6px}.single-upload-preview{margin:16px 0}.single-upload-preview img{object-fit:cover;border:3px solid #dcebe8;border-radius:16px;width:150px;height:150px}.achiever-form{border-top:4px solid #dba63c}.achievers-section .public-title p{color:#667d80}.achiever-card.no-photo{background:linear-gradient(145deg,#fffdf6,#fff);border-top:4px solid #dba63c;grid-column:span 1}.achiever-metrics{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.achiever-metrics span{color:#60777a;background:#eff8f6;border-radius:10px;flex-direction:column;gap:2px;min-width:80px;padding:9px 11px;font-size:.75rem;display:flex}.achiever-metrics b{color:#087b83;font-size:1rem}.achiever-metrics .rank{color:#806017;background:#fff7df;flex:1;min-width:160px}.achiever-metrics .rank b{color:#d09a20}.media-placeholder span{color:#087b83;font-size:.85rem}.media-grid .card-gallery{border-radius:0;height:210px;margin:0}.shift-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px;display:grid}.shift-stat-grid article{color:#fff;text-align:right;border-radius:20px;padding:25px;box-shadow:0 12px 28px #073e4722}.shift-stat-grid .morning{background:linear-gradient(135deg,#075e71,#169f9c)}.shift-stat-grid .evening{background:linear-gradient(135deg,#8d3c68,#c66d92)}.shift-stat-grid h3{margin:0;font-size:1.3rem}.shift-stat-grid p{opacity:.86;margin:7px 0 20px}.shift-stat-grid>article>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.shift-stat-grid b,.shift-stat-grid button{color:#fff;text-align:center;font:inherit;cursor:pointer;background:#ffffff17;border:1px solid #ffffff40;border-radius:12px;padding:11px 5px}.shift-stat-grid strong{font-size:1.35rem;display:block}.teacher-modal{max-width:420px}.teacher-names{gap:9px;margin-top:16px;display:grid}.teacher-names span{color:#075e62;background:#edf8f6;border-radius:9px;padding:11px;font-weight:700}@media (max-width:700px){.shift-stat-grid{grid-template-columns:1fr}.shift-stat-grid article{padding:20px}}.shift-manager{color:#fff;border-top:1px solid #ffffff48;margin-top:14px;padding-top:12px;font-weight:700;display:block}@media (max-width:700px){html{-webkit-text-size-adjust:100%;font-size:16px}body{overflow-x:hidden}.app-shell{min-width:0}.sidebar{width:64px}.sidebar nav{padding-bottom:70px;overflow-y:auto}.sidebar button{touch-action:manipulation;min-height:48px}.content{width:calc(100% - 64px);padding:0 10px 30px}.national-bar{margin:0 -10px 12px;padding:9px 10px;font-size:.78rem}header{gap:8px;margin-bottom:16px}header h1{font-size:1.25rem}.profile{gap:7px}.avatar{width:36px;height:36px;font-size:.7rem}.panel{border-radius:12px}.primary,.secondary,.public-login,.public-primary{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.settings-actions{padding:9px;bottom:8px}.settings-actions .primary{width:100%}.form-grid input,.form-grid select,.form-grid textarea{min-height:46px;font-size:16px}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px}.table-wrap table{min-width:580px}.homepage-items article{flex-direction:column;align-items:flex-start}.homepage-items .danger{width:100%;min-height:42px}.public-section{margin-bottom:44px;padding:0 14px}.public-section h2{font-size:1.5rem}.public-news{text-align:right}.news-grid article{padding:18px}.achiever-card img,.achiever-placeholder,.media-grid video,.media-grid img,.media-placeholder{height:185px}.manager-card{gap:.9rem;padding:1rem}.manager-card img,.manager-placeholder{width:84px;height:84px;font-size:1.5rem}.public-contact{padding:28px 18px}.public-contact div:last-child{flex-direction:column;gap:12px}.school-ticker span{animation-duration:28s}}.achiever-period{margin-top:2rem}.achiever-period+.achiever-period{margin-top:3rem}.achiever-period-heading{justify-content:space-between;align-items:end;gap:1rem;margin:0 0 .9rem;display:flex}.achiever-period-heading span{color:#087b83;font-size:.82rem;font-weight:800}.achiever-period-heading h3{margin:.2rem 0 0;font-size:1.35rem}.achiever-period-heading small{color:#829396}.achievers-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-inline:contain;direction:rtl;gap:1rem;padding:4px 3px 16px;display:flex;overflow-x:auto}.achievers-carousel:after{content:"";flex:0 0 2px}.achiever-period .achiever-card{scroll-snap-align:start;background:linear-gradient(145deg,#fffdf7,#fff);border:1px solid #d9e8e5;border-top:4px solid #d9a22d;border-radius:24px;flex:0 0 min(330px,80vw);align-items:center;gap:14px;min-height:162px;padding:14px;display:flex;overflow:hidden;box-shadow:0 12px 28px #093e4512}.achiever-period.evening .achiever-card{background:linear-gradient(145deg,#fff8fc,#fff);border-color:#de8db8 #f0d8e5 #f0d8e5}.achiever-photo,.achiever-avatar{cursor:pointer;background:#edf6f5;border:0;border-radius:50%;flex:0 0 86px;width:86px;height:86px;padding:0;overflow:hidden;box-shadow:0 5px 15px #073e4720}.achiever-photo img{object-fit:cover;width:100%;height:100%}.achiever-avatar{color:#c88e15;place-items:center;font-size:2rem;display:grid}.evening .achiever-avatar{color:#c66094;background:#fff0f7}.achiever-copy{flex:1;min-width:0}.achiever-copy>small{color:#ae7919;font-weight:800}.evening .achiever-copy>small{color:#bd5e8c}.achiever-copy h3{color:#123e43;margin:.25rem 0 .45rem;font-size:1.1rem}.achiever-copy p{color:#607579;margin:.55rem 0 0;font-size:.82rem;line-height:1.65}.achiever-period .achiever-metrics{gap:5px;margin:0}.achiever-period .achiever-metrics span{background:#f0f7f5;border-radius:10px;min-width:62px;padding:6px 8px;font-size:.65rem}.evening .achiever-metrics span{background:#fff1f7}.achiever-period .achiever-metrics .rank{background:#fff6df;min-width:92px}.evening .achiever-metrics .rank{background:#fff0f6}.achievers-section>.achievers-grid{display:none}@media (max-width:700px){.achiever-period-heading{flex-direction:column;align-items:start;gap:.25rem}.achiever-period-heading small{font-size:.72rem}.achievers-carousel{margin:0 -4px;padding-bottom:14px}.achiever-period .achiever-card{border-radius:22px;flex-basis:86vw;min-height:145px}.achiever-photo,.achiever-avatar{flex-basis:72px;width:72px;height:72px}.achiever-copy h3{font-size:1rem}.achiever-period .achiever-metrics span{min-width:54px}}.news-body{white-space:pre-line}.news-body.collapsed{margin-bottom:.35rem}.read-more{color:#087b83;cursor:pointer;background:#eff9f7;border:1px solid #b9ded8;border-radius:999px;min-height:38px;margin-top:8px;padding:.45rem .8rem;font-weight:800}.read-more:hover{background:#dff3ef}.finance-portal{display:none!important}.media-grid{align-items:start}.media-grid article{align-self:start;height:auto}.media-grid .read-more{margin:0 1rem 1rem}.media-grid .news-body{margin:.85rem 1rem}.zoomable-image{cursor:zoom-in}.image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#001b20e8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox img{object-fit:contain;border-radius:12px;width:auto;max-width:min(96vw,1400px);height:auto;max-height:88vh;display:block;box-shadow:0 24px 80px #0009}.image-lightbox button{color:#073e47;cursor:pointer;background:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;position:fixed;top:18px;left:18px;box-shadow:0 8px 24px #0005}.school-ticker{isolation:isolate}.school-ticker strong{z-index:2;flex:none;position:relative}.school-ticker span{z-index:1;flex:0 0 max-content;will-change:transform;padding-inline:1rem;animation-duration:35s;position:relative}.development-link{z-index:40;opacity:.78;background:#073e47;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700;text-decoration:none;position:fixed;bottom:12px;left:14px;box-shadow:0 5px 16px #073e4744;color:#fff!important}.development-link:hover{opacity:1}.development-hub{background:#f3f8f7;max-width:none;min-height:100vh;padding:6vw}.development-hub header{color:#fff;background:linear-gradient(135deg,#073e47,#087b83);border-radius:22px;padding:34px}.development-hub header span{color:#bdeee5;font-weight:700}.development-hub header h1{margin:8px 0}.development-shifts{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.development-shifts article{color:#fff;border-radius:18px;padding:24px}.development-shifts .morning{background:#087b83}.development-shifts .evening{background:#af5982}.development-form{background:#fff;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:12px;max-width:760px;padding:25px;display:grid}.development-form h2,.development-form .form-error{grid-column:1/-1}.development-form input,.development-form select{border:1px solid #d9e6e4;border-radius:9px;padding:12px}.development-form button{grid-column:1/-1}@media (max-width:650px){.development-hub{padding:18px}.development-shifts,.development-form{grid-template-columns:1fr}}.school-ticker{min-height:44px;position:relative}.school-ticker span{animation:23s linear forwards ticker-visible;position:absolute;left:0;right:auto}.public-premium img{content-visibility:auto;image-rendering:auto}.public-premium .public-section,.public-premium .school-honors,.public-premium .public-contact{content-visibility:auto;contain-intrinsic-size:420px}@keyframes ticker-visible{0%{transform:translate(calc(-100% - 1rem))}to{transform:translate(calc(100vw + 100%))}}.development-forms{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;max-width:1120px;margin:0 auto;display:grid}.development-forms>.development-form{box-sizing:border-box;width:auto;min-width:0;max-width:none}.development-forms>.development-form:last-child,.development-form p{grid-column:1/-1}@media (max-width:650px){.development-forms{grid-template-columns:1fr}.development-forms>.development-form:last-child{grid-column:auto}}.shift-switcher{color:#55706d;gap:3px;font-size:.72rem;font-weight:700;display:grid}.shift-switcher select{color:#075d64;min-width:150px;font:inherit;background:#f7fbfa;border:1px solid #cfe0dc;border-radius:8px;padding:7px 9px}.class-registration-card{color:#fff;background:linear-gradient(135deg,#087b83,#0a5961);border-radius:16px;margin:0 0 16px;padding:20px 24px;box-shadow:0 9px 20px #087b8326}.class-registration-card span{color:#c8f0e9;font-size:.82rem;font-weight:800}.class-registration-card h2{margin:6px 0;font-size:1.25rem}.class-registration-card p{color:#e9fffb;margin:0}.class-form-note{color:#075d64;background:#e9f8f5;border-radius:9px;margin:0 0 14px;padding:10px 12px}.mobile-menu-toggle{display:none}@media (max-width:700px){.app-shell{overflow-x:hidden;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}.mobile-menu-toggle{z-index:80;color:#fff;background:#087b83;border:0;border-radius:11px;place-items:center;width:44px;height:44px;font-size:25px;line-height:1;display:grid;position:fixed;top:10px;right:12px;box-shadow:0 7px 18px #073e4740}.sidebar{z-index:70;transition:transform .22s;transform:translate(110%);width:min(290px,82vw)!important;position:fixed!important;left:auto!important;right:0!important}.mobile-sidebar-open .sidebar{transform:translate(0)}.mobile-sidebar-open:after{content:"";z-index:60;background:#082f3470;position:fixed;inset:0}.content{padding-top:58px;flex:none!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;display:block!important}.mobile-sidebar-open .mobile-menu-toggle{background:#073e47}.mobile-sidebar-open .sidebar .brand{padding:18px}.mobile-sidebar-open .sidebar .brand div,.mobile-sidebar-open .sidebar .school-year{display:block}.mobile-sidebar-open .sidebar nav{padding:12px}.mobile-sidebar-open .sidebar nav button,.mobile-sidebar-open .sidebar nav button:not(.active){color:#537277;text-align:right!important;font-size:14px!important;display:block!important}.mobile-sidebar-open .sidebar nav button.active{color:#fff}.mobile-sidebar-open .sidebar button{padding:12px 14px}.mobile-sidebar-open .sidebar button span{width:29px}.mobile-sidebar-open .mobile-menu-toggle{background:#073e47;left:12px;right:auto}.mobile-sidebar-open .sidebar-footer{font-size:14px}.mobile-sidebar-open .sidebar-footer a{padding:10px}}.public-premium .public-hero{min-height:0;padding-top:clamp(1.35rem,3vw,2.25rem);padding-bottom:clamp(1.35rem,3vw,2.25rem)}.public-premium .public-hero h1{margin:.25rem 0 .45rem;line-height:1.15}.public-premium .public-hero p{margin:.35rem 0;line-height:1.65}.public-premium .hero-actions{margin:.85rem 0}.public-premium .hero-card{padding:1.1rem 1.7rem}.public-premium .hero-card i{font-size:2rem}.public-premium .hero-card strong{margin:.45rem 0;font-size:1.2rem}.public-premium .hero-card p{margin:.25rem 0}@media (max-width:720px){.public-premium .public-hero{gap:.75rem;margin-top:10px;padding-top:1rem;padding-bottom:1rem}.public-premium .public-hero h1{font-size:clamp(1.7rem,8vw,2.25rem)}.public-premium .public-hero p{font-size:1rem}.public-premium .hero-card{border-radius:18px;padding:.75rem 1rem;display:block}.public-premium .hero-card i{font-size:1.55rem}.public-premium .hero-card strong{font-size:1rem}.public-premium .hero-card p{font-size:.9rem;line-height:1.4}}.school-honors{text-align:center;background:linear-gradient(135deg,#fff,#eafaf6);border:1px solid #d7ede9;border-radius:30px;max-width:1080px;margin:-28px auto 64px;padding:28px;position:relative;overflow:hidden;box-shadow:0 22px 50px #07595a18}.school-honors:before,.school-honors:after{content:"";filter:blur(4px);pointer-events:none;background:#fbd77136;border-radius:50%;width:180px;height:180px;position:absolute}.school-honors:before{top:-82px;right:-76px}.school-honors:after{background:#20a69d24;bottom:-105px;left:-92px}.honors-sparkles{color:#d99a17;letter-spacing:18px;font-size:1.15rem;animation:2.8s ease-in-out infinite honor-sparkle}.honors-heading{z-index:1;margin:2px 0 22px;position:relative}.honors-heading span{color:#bd7d00;font-weight:800}.honors-heading h2{color:#073f49;margin:6px 0;font-size:clamp(1.55rem,3vw,2.25rem)}.honors-heading p{color:#60787c;margin:0}.honor-group{z-index:1;margin-top:22px;position:relative}.honor-group>h3{color:#087b83;margin:0 0 12px;font-size:1rem}.honor-group.evening>h3{color:#ab4c7f}.honor-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.honor-card{background:#fff;border:1px solid #bde6df;border-radius:22px;align-items:center;gap:12px;min-height:104px;padding:13px;transition:transform .28s,box-shadow .28s;display:flex;position:relative;box-shadow:0 10px 20px #07595a12}.honor-card:hover{transform:translateY(-6px)scale(1.025);box-shadow:0 18px 30px #07595a25}.honor-group.evening .honor-card{background:linear-gradient(135deg,#fff,#fff4f8);border-color:#f0c5d9}.honor-medal{filter:drop-shadow(0 3px 2px #7f551640);font-size:1.45rem;position:absolute;top:-11px;right:13px}.honor-photo,.honor-avatar{color:#087b83;background:#dff5f0;border:0;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:1.4rem;display:grid;overflow:hidden}.honor-photo{cursor:zoom-in;padding:0}.honor-photo img{object-fit:cover;width:100%;height:100%}.honor-group.evening .honor-avatar{color:#ab4c7f;background:#fde5f0}.honor-card div:last-child{text-align:right;min-width:0}.honor-card small,.honor-card strong,.honor-card b{display:block}.honor-card small{color:#8a7b56;font-size:.74rem}.honor-card strong{color:#123e43;white-space:nowrap;text-overflow:ellipsis;margin:3px 0;overflow:hidden}.honor-card b{color:#087b83;font-size:.82rem}.honor-group.evening .honor-card b{color:#ab4c7f}@keyframes honor-sparkle{50%{opacity:.55;transform:scale(1.12)}}@media (max-width:720px){.school-honors{border-radius:23px;margin:-24px 14px 42px;padding:20px 13px}.honors-sparkles{letter-spacing:10px;font-size:.9rem}.honors-heading{margin-bottom:16px}.honors-heading p{font-size:.9rem}.honor-cards{gap:8px}.honor-card{text-align:center;border-radius:17px;min-height:0;padding:12px 8px;display:block}.honor-medal{font-size:1.1rem;top:-10px;right:6px}.honor-photo,.honor-avatar{width:46px;height:46px;min-height:46px;margin:0 auto 7px;font-size:1rem}.honor-card div:last-child{text-align:center}.honor-card small{font-size:.68rem}.honor-card strong{white-space:normal;font-size:.77rem;line-height:1.35}.honor-card b{font-size:.72rem}.honor-card:hover{transform:none}.honor-group{margin-top:18px}.honor-group>h3{font-size:.9rem}}.relations-grid>.relation-card:first-child,.relations-grid>.relation-card:nth-child(2){display:none}.promotion-center .table-wrap select{min-width:180px}.promotion-result{border-radius:999px;align-items:center;padding:7px 11px;font-weight:800;display:inline-flex}.promotion-result.pass{color:#087b55;background:#ddf6e9}.promotion-result.fail{color:#b4334e;background:#ffe7ea}.student-class-filter{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding:15px 20px;display:flex}.student-class-filter label{color:#547177;gap:6px;font-weight:700;display:grid}.student-class-filter select{min-width:220px}.student-class-filter strong{color:#087b83;background:#e4f7f2;border-radius:12px;padding:12px 16px}@media (max-width:700px){.student-class-filter{flex-direction:column;align-items:stretch}.student-class-filter select{width:100%;min-width:0}.student-class-filter strong{text-align:center}}.simple-family-portal{max-width:980px;margin:auto}.simple-family-portal>header{border-bottom:1px solid #dbe7e5;padding:14px 4px 22px}.simple-family-portal>header h1{color:#073e47;margin:0 0 8px}.simple-family-portal>header p{color:#6d8083;margin:0}.child-selector{border-bottom:1px solid #dbe7e5;padding:20px 0}.child-selector h2{margin:0 0 12px}.child-selector button{color:#123f44;text-align:right;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e3eceb;justify-content:space-between;align-items:center;width:100%;padding:15px 4px;display:flex}.child-selector button.active{color:#087b83;font-weight:700}.child-selector button span{color:#718386}.student-detail{padding:22px 0}.student-detail>h2,.student-detail>p{margin:0 0 6px}.student-detail>section{margin-top:24px}.student-detail>section h3{border-bottom:1px solid #dbe7e5;padding-bottom:9px}.student-detail>section>p{border-bottom:1px solid #edf2f1;justify-content:space-between;gap:14px;margin:0;padding:12px 2px;display:flex}.student-detail>section>p span,.student-detail small{color:#718386}@media (max-width:700px){.simple-family-portal{padding:0 4px}.student-detail>section>p{gap:5px;display:grid}}.offline-attendance{color:#8a6511;background:#fff4d8;border-radius:10px;margin:12px 0;padding:11px 13px;font-size:13px;font-weight:700}.user-filters{align-items:end;gap:14px;margin-bottom:18px;display:flex}.user-filters label{color:#31575b;flex:1;gap:6px;font-weight:700;display:grid}.user-filters input,.user-filters select{width:100%}.user-filters strong{color:#087b83;white-space:nowrap;padding:12px}@media (max-width:700px){.user-filters{align-items:stretch;display:grid}.user-filters strong{padding:0}}.credential-center{border-top:4px solid var(--school-primary,#087b83);max-width:1080px;margin-inline:auto}.credential-form select[size]{background:#fbfefe;min-height:116px}.credential-form label:has(select[size]){grid-column:span 2}.credential-form label:has(select[size]) select{padding:7px}.credential-form label:has(select[size]) option{border-bottom:1px solid #e7f0f0;padding:8px}.credential-form strong{color:#087b83}@media (max-width:700px){.credential-form label:has(select[size]){grid-column:auto}.credential-form select[size]{min-height:98px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
