/*! 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,::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-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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]){appearance:button}::file-selector-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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}}*{box-sizing:border-box}body{color:var(--navy);background:radial-gradient(circle at 10% 10%,#fff 0 4%,#0000 4.2%),linear-gradient(145deg,#d9efff,#f8fbff 55%,#dcecff);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:780px;margin:auto;padding:42px 18px 60px;position:relative}.school-mark{filter:drop-shadow(0 6px 8px #1234);z-index:2;font-size:58px;position:absolute}.book{top:12px;left:0;transform:rotate(-8deg)}.cap{top:14px;right:0;transform:rotate(8deg)}.card{border:4px solid var(--gold);background:#fff;border-radius:36px;overflow:hidden;box-shadow:0 20px 60px #14386f2b}header{text-align:center;color:#fff;border-bottom:4px solid var(--gold);background:linear-gradient(145deg,#0a3aa1,#061c61);padding:28px 24px 24px}.profile-frame{border:5px solid var(--gold);background:linear-gradient(145deg,#f4f9ff,#d8eaff);border-radius:50%;width:142px;height:142px;margin:0 auto 16px;overflow:hidden;box-shadow:0 9px 24px #00123f70,inset 0 0 0 3px #fff}.profile-frame img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;display:block;transform:scale(1.04)}header h1{letter-spacing:-2px;text-shadow:0 3px #001443;margin:0;font-size:clamp(48px,10vw,74px);line-height:1}header p{color:#ffc72c;letter-spacing:1px;margin:12px 0 0;font-size:clamp(18px,4vw,29px);font-weight:900}.rule{background:linear-gradient(90deg,transparent,var(--gold),transparent);max-width:530px;height:2px;margin:22px auto 0}form{padding:36px clamp(22px,6vw,58px) 44px}.dear{margin:0 0 26px;font-size:24px;font-weight:800}form h2{text-align:center;margin:0 0 36px;font-size:clamp(25px,5vw,35px);line-height:1.25}.field-label,legend{margin-bottom:10px;font-size:18px;font-weight:800;display:block}input,select,textarea{width:100%;font:inherit;color:var(--navy);background:#fbfdff;border:2px solid #b9cae8;border-radius:14px;outline:none;padding:15px 16px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0a45b51a}.pin-label{margin-top:20px}.subject-rating-section{background:#f3f7fd;border:1px solid #d4e0f0;border-radius:16px;margin:24px 0 4px;padding:18px}.subject-section-heading span{color:#9a6c00;letter-spacing:.7px;font-size:13px;font-weight:900}.subject-section-heading p{color:#667897;margin:5px 0 14px;font-size:13px}.subject-rating-list{gap:8px;display:grid}.subject-row{background:#fff;border:1px solid #dae4f2;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.subject-row.rated{background:#fffaf0;border-color:#e8bd45}.subject-row>strong{font-size:15px}.subject-row>div{display:flex}.subject-row button{color:#c9d3e1;cursor:pointer;background:0 0;border:0;padding:1px;font-size:25px;line-height:1}.subject-row button.active{color:var(--gold)}.progress-grid{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px;display:grid}.behavior-field{grid-column:1/-1}.goals-label{margin-top:2px}#previous-goal-status+.goals-label{margin-top:24px}#weekly-goals{margin-bottom:24px}fieldset{text-align:center;border:0;margin:30px 0;padding:0}legend{width:100%;font-size:23px}.stars{justify-content:center;gap:4px;display:flex}.stars button{color:#c8d3e5;cursor:pointer;-webkit-text-stroke:2px var(--blue);background:0 0;border:0;padding:3px;font-size:clamp(49px,11vw,73px);line-height:1;transition:transform .15s,color .15s}.stars button.active{color:var(--gold);-webkit-text-stroke:1px #dc9300;transform:translateY(-3px)scale(1.04)}.rating-copy{color:#58709c;margin:8px 0 0;font-weight:700}textarea{resize:vertical;min-height:110px}.submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0c45b2,#062777);border:0;border-radius:14px;width:100%;margin-top:24px;padding:17px;font-size:18px;font-weight:900;box-shadow:0 8px 18px #06368d35}.submit:disabled{opacity:.65;cursor:wait}.status{text-align:center;color:#a23a20;margin:18px 0 0;font-weight:700}.success{color:#147244}.monthly-subject-card{background:#fff;border:2px solid #c9d9ef;border-radius:26px;margin-top:26px;overflow:hidden;box-shadow:0 16px 45px #14386f1d}.monthly-subject-intro{color:#fff;border-bottom:3px solid var(--gold);background:linear-gradient(135deg,#56378e,#302065);padding:22px 26px}.monthly-subject-intro span{color:#ffc72c;letter-spacing:1.4px;font-size:12px;font-weight:900}.monthly-subject-intro h2{margin:5px 0 4px;font-size:24px}.monthly-subject-intro p{color:#e5dcf7;margin:0;font-size:14px}.monthly-subject-card form{padding-top:25px;padding-bottom:30px}.monthly-subject-card .subject-rating-section{background:#f8f5fd;border-color:#ded4ef}.monthly-comment-label{margin-top:22px}.homework-portal{background:#fff;border:2px solid #c9d9ef;border-radius:26px;margin-top:26px;overflow:hidden;box-shadow:0 16px 45px #14386f1d}.homework-heading{color:#fff;border-bottom:3px solid var(--gold);background:linear-gradient(135deg,#0a409e,#071e62);padding:22px 26px}.homework-heading span{color:#ffc72c;letter-spacing:1.4px;font-size:12px;font-weight:900}.homework-heading h2{margin:5px 0 4px;font-size:24px}.homework-heading p{color:#dce8ff;margin:0;font-size:14px}.homework-tabs{background:#edf3fc;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;width:calc(100% - 44px);max-width:440px;margin:20px auto 0;padding:5px;display:grid}.homework-tabs button{color:#63738e;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 8px;font-weight:900}.homework-tabs button.active{color:#fff;background:var(--blue);box-shadow:0 5px 12px #082b8230}.homework-tabs.three-tabs{grid-template-columns:repeat(3,1fr);max-width:580px}.homework-tabs.admin-visible{grid-template-columns:repeat(4,1fr);max-width:700px}.homework-tabs.talha-three-tabs{grid-template-columns:repeat(3,1fr);max-width:650px}.talha-three-tabs button.diary-tab{color:#815500;background:#fff7da}.talha-three-tabs button.diary-tab.active{color:#071a4c;background:#f0ad08}.talha-three-tabs button.homework-tab{color:#163f89;background:#edf4ff}.talha-three-tabs button.homework-tab.active{color:#fff;background:#0a409e}.talha-three-tabs button.corrections-tab{color:#8f1d1d;background:#fff0f0}.talha-three-tabs button.corrections-tab.active,.talha-three-tabs button.corrections-tab.has-alert{color:#fff;background:#c62828}.homework-form{padding-top:24px;padding-bottom:30px}.photo-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.photo-picker{min-height:145px;color:var(--blue);text-align:center;cursor:pointer;background:#f1f7ff;border:2px dashed #9db9e4;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:18px;display:flex}.photo-picker>span{background:var(--blue);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:9px;font-size:23px;display:grid}.photo-picker strong{font-size:17px}.photo-picker small{color:#6a7b96;margin-top:4px}.homework-teacher{padding:24px clamp(22px,6vw,58px) 32px}.teacher-login-grid{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.assigned-subjects{color:#526789;background:#edf4ff;border-radius:11px;gap:5px;margin-top:12px;padding:11px 13px;font-size:13px;display:grid}.assigned-subjects strong{color:var(--blue);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.load-homework,.save-homework{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:900}.homework-list{gap:14px;margin-top:20px;display:grid}.subject-homework-group-item{gap:8px;display:grid}.homework-subject-title{color:#fff;background:linear-gradient(135deg,#0a409e,#071e62);border-radius:11px;margin:8px 0 0;padding:10px 12px;font-size:16px}.homework-list article{background:#fbfdff;border:1px solid #d9e5f3;border-radius:16px;padding:16px}.homework-list article.pending{background:#fffcf3;border-color:#edcf78}.homework-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.homework-meta>div{gap:3px;display:grid}.homework-meta span{color:#73819a;font-size:13px}.homework-meta>b{color:#8b6100;background:#fff0c2;border-radius:20px;padding:6px 9px;font-size:12px}.homework-list article.checked .homework-meta>b{color:#17663f;background:#ddf5e8}.correction-login{max-width:330px;margin:0 auto}.correction-guidance{color:#7a5700;background:#fff5d8;border-radius:9px;margin-top:12px;padding:9px 10px;font-size:12px;font-weight:800}.correction-list .checked-result{justify-content:space-between}.correction-upload-box{background:#f7fbff;border:1px solid #b8d1f3;border-radius:13px;margin-top:14px;padding:12px}.photo-picker.compact{min-height:105px;margin-top:0;padding:12px}.photo-picker.compact>span{width:39px;height:39px;margin-bottom:6px;font-size:19px}.resubmission-badge{color:#064c32;background:#c9f4df;border-radius:20px;width:max-content;margin-top:3px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.homework-photos{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.homework-photos button{aspect-ratio:4/5;color:var(--blue);cursor:pointer;background:#edf4ff;border:1px solid #cbd9eb;border-radius:11px;overflow:hidden}.homework-photos button>span{font-size:27px;display:block}.homework-photos button>small{margin-top:4px;display:block}.homework-photos img{object-fit:cover;width:100%;height:100%;display:block}.result-buttons{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.result-buttons button,.quick-comments button{color:#52647f;cursor:pointer;background:#fff;border:1px solid #cdd9e9;border-radius:10px;padding:10px 7px;font-weight:800}.result-buttons button.result-good{color:#16643d;background:#effaf4;border-color:#8bcbaa}.result-buttons button.result-good.active{color:#fff;background:#16804d;border-color:#16804d}.result-buttons button.result-correction{color:#8a5700;background:#fff8e6;border-color:#efc365}.result-buttons button.result-correction.active{color:#fff;background:#e08300;border-color:#e08300}.result-buttons button.result-incomplete{color:#991b1b;background:#fff1f1;border-color:#efaaaa}.result-buttons button.result-incomplete.active{color:#fff;background:#b91c1c;border-color:#b91c1c}.quick-comments{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.quick-comments button{border-radius:20px;padding:7px 10px;font-size:12px}.quick-comments button.active{color:#745000;background:#fff6d8;border-color:#dca310}.checked-result{color:#17663f;background:#e9f8f0;border-radius:10px;align-items:center;gap:8px;margin-top:13px;padding:11px;display:flex}.checked-result span{color:#486456;font-size:13px}.checked-result.needs-correction{color:#8a5700;background:#fff3d1;border:1px solid #efc365}.checked-result.needs-correction span{color:#765b25}.checked-result.is-incomplete{color:#991b1b;background:#ffe8e8;border:1px solid #efaaaa}.checked-result.is-incomplete span{color:#7f3434}.delete-homework{color:#a52121;cursor:pointer;background:#fff5f5;border:1px solid #efb8b8;border-radius:9px;width:100%;margin-top:12px;padding:9px;font-weight:800}.photo-viewer-open{overflow:hidden}.photo-viewer{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020817ef;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.photo-viewer-content{background:#06143a;border:1px solid #ffffff35;border-radius:18px;flex-direction:column;width:min(96vw,1100px);height:min(94vh,900px);display:flex;overflow:hidden;box-shadow:0 25px 80px #000b}.photo-viewer-bar{color:#fff;background:#081f61;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.photo-viewer-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-viewer-bar button{color:#fff;cursor:pointer;background:#ffffff20;border:0;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:30px;line-height:1;display:grid}.photo-zoom-tools{align-items:center;gap:5px;margin-left:auto;display:flex}.photo-zoom-tools b{color:#dce8ff;text-align:center;min-width:45px;font-size:12px}.photo-viewer-bar .photo-zoom-tools button{border:1px solid #ffffff3b;border-radius:9px;flex-basis:34px;width:34px;height:34px;font-size:22px;font-weight:900}.photo-viewer-bar .photo-zoom-tools button:disabled{opacity:.35;cursor:not-allowed}.photo-viewer-bar .photo-zoom-tools button.zoom-reset{flex-basis:auto;width:auto;padding:0 9px;font-size:11px}.photo-viewer-content>img{object-fit:contain;background:#020817;width:100%;height:calc(100% - 62px)}.photo-viewer-content.marker-mode{height:min(96vh,980px)}.marker-tools{color:#fff;background:#102b72;align-items:center;gap:8px;padding:8px 10px;display:flex}.marker-tools span{margin-right:auto;font-size:13px;font-weight:800}.marker-tools button{color:#fff;cursor:pointer;background:#ffffff16;border:1px solid #fff5;border-radius:8px;padding:8px 10px;font-weight:800}.marker-tools .tool-mode.active{color:#071a4c;background:#fff;border-color:#ffc72c;box-shadow:0 0 0 2px #ffc72c55}.marker-tools .save-marking{color:#071a4c;background:#ffc72c;border-color:#f0ad08}.marker-tools select{color:#071a4c;background:#fff;border:1px solid #fff5;width:auto;min-width:120px;padding:7px 9px}.marker-colors{gap:6px;display:flex}.marker-colors button{border:3px solid #fff5;border-radius:50%;width:31px;height:31px;padding:0}.marker-colors button.active{border-color:#fff;box-shadow:0 0 0 2px #f0ad08}.marker-colors .red{background:#e00000}.marker-colors .blue{background:#1261d8}.marker-colors .black{background:#111827}.marker-canvas-wrap{background:#020817;flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.marker-canvas-wrap canvas{height:auto;display:block}.marker-canvas-wrap canvas.view-tool{cursor:grab}.marker-canvas-wrap canvas.view-tool:active{cursor:grabbing}.marker-canvas-wrap canvas.pen-tool{cursor:crosshair}.marker-message{color:#fff;text-align:center;background:#17663f;margin:0;padding:8px 12px;font-weight:800}.teacher-dashboard{background:#fff;border:1px solid #d7e5f5;border-radius:26px;margin-top:26px;padding:24px 26px;box-shadow:0 16px 45px #14386f1d}.dashboard-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.dashboard-heading span{color:#b37800;letter-spacing:1.4px;font-size:12px;font-weight:900}.dashboard-heading h2{margin:4px 0 0;font-size:24px}.dashboard-heading>strong{color:var(--blue);white-space:nowrap;background:#eaf2ff;border-radius:30px;padding:9px 13px}.dashboard-week{color:#526789;background:#f4f8fe;border-radius:10px;margin:17px 0 13px;padding:10px 12px;font-size:14px;font-weight:800}.teacher-status-list{gap:10px;display:grid}.teacher-status-list article{border:1px solid;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.teacher-status-list article>div{align-items:center;gap:11px;display:flex}.teacher-avatar{color:#fff;background:var(--blue);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid}.teacher-status-list h3{margin:0 0 3px;font-size:16px}.teacher-status-list p{color:#6b7b96;margin:0;font-size:13px}.teacher-status-list article>strong{white-space:nowrap;font-size:13px}.teacher-status-list .submitted{background:#f1fbf5;border-color:#bee7cc}.teacher-status-list .submitted>strong{color:#147244}.teacher-status-list .pending{background:#fff9e9;border-color:#f0d68c}.teacher-status-list .pending>strong{color:#966500}.monthly-summary{color:#fff;border:3px solid var(--gold);background:linear-gradient(145deg,#092f89,#061b57);border-radius:26px;margin-top:26px;padding:26px;box-shadow:0 16px 45px #14386f2d}.monthly-heading{border-bottom:1px solid #ffffff32;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.monthly-heading span{color:#ffc72c;letter-spacing:1.4px;font-size:12px;font-weight:900}.monthly-heading h2{margin:4px 0 0;font-size:24px}.monthly-heading select{width:auto;min-width:175px;color:var(--navy);background:#fff;border:1px solid #fff5;border-radius:11px;padding:10px 12px;font-weight:800}.monthly-score{align-items:center;gap:19px;padding:22px 0 18px;display:flex}.score-circle{text-align:center;width:104px;height:104px;color:var(--blue);border:5px solid var(--gold);background:#fff;border-radius:50%;flex:0 0 104px;place-content:center;display:grid;box-shadow:0 8px 22px #00123f70}.score-circle strong{font-size:37px;line-height:1}.score-circle span{text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800}.summary-stars{color:var(--gold);letter-spacing:1px;margin:0 0 6px;font-size:25px}.summary-stars span{color:#ffffff45}.monthly-score h3{margin:0 0 5px;font-size:22px}.monthly-score>div>p:last-child{color:#d7e4ff;margin:0;line-height:1.4}.monthly-metrics{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.monthly-metrics article{background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;padding:14px}.monthly-metrics span{color:#dce8ff;font-size:12px;font-weight:800;display:block}.monthly-metrics strong{color:#ffc72c;margin:7px 0 2px;font-size:28px;display:block}.monthly-metrics p{color:#c9d8f5;margin:0;font-size:12px;line-height:1.3}.monthly-goals{color:var(--navy);background:#fff;border-radius:14px;margin-top:12px;padding:15px 16px}.monthly-goals>span{color:#8a6200;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:900}.monthly-goals ul{margin:10px 0 0;padding-left:20px}.monthly-goals li{margin:7px 0;line-height:1.45}.monthly-empty{color:#d9e5ff}.monthly-subjects{background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;margin-top:12px;padding:15px 16px}.monthly-subjects>span{color:#ffc72c;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:900}.monthly-subjects>div{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px;display:grid}.monthly-subjects>div>p{background:#ffffff12;border-radius:9px;justify-content:space-between;gap:8px;margin:0;padding:9px 10px;display:flex}.monthly-subjects b{color:#ffc72c}.monthly-subjects blockquote{border-left:3px solid var(--gold);background:#ffffff12;border-radius:8px;margin:11px 0 0;padding:11px 12px}.monthly-subjects blockquote strong{color:#ffc72c;font-size:13px}.monthly-subjects blockquote p{color:#edf3ff;margin:5px 0 0;line-height:1.45}.monthly-subjects small{color:#d7e4ff;margin-top:11px;display:block}.delete-monthly{color:#ffdede;cursor:pointer;background:#8e252555;border:1px solid #ffb7b7;border-radius:9px;width:100%;margin-top:8px;padding:8px 10px;font-weight:800;display:block}.records{background:#fff;border:1px solid #d7e5f5;border-radius:26px;margin-top:26px;padding:26px;box-shadow:0 16px 45px #14386f1d}.records-heading{border-bottom:2px solid #e6edf7;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.records-heading-simple.logged-out{justify-content:flex-end}.records-heading-simple.logged-out .record-actions{justify-content:center;width:100%}.records-heading span:first-child{color:#b37800;letter-spacing:1.4px;font-size:12px;font-weight:900}.records-heading h2{margin:4px 0 0;font-size:24px}.count{color:var(--blue);white-space:nowrap;background:#edf4ff;border-radius:30px;padding:8px 12px;font-weight:800}.record-actions{align-items:center;gap:9px;display:flex}.admin-link{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #bfd0e8;border-radius:10px;padding:8px 11px;font-weight:800}.admin-panel{background:#f3f7fd;border:1px solid #d6e2f1;border-radius:14px;margin-top:16px;padding:15px}.admin-panel label{margin-bottom:8px;font-weight:800;display:block}.admin-panel>div{gap:8px;display:flex}.admin-panel input{flex:1;min-width:0;padding:11px 12px}.admin-panel button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:0 18px;font-weight:800}.admin-status{color:#596b89;margin:12px 0 0;font-weight:700}.delete-button{color:#a52121;cursor:pointer;background:#fff5f5;border:1px solid #efb8b8;border-radius:9px;margin-top:13px;padding:8px 11px;font-weight:800}.admin-link.login-red{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#b91c1c;min-width:150px;padding:11px 22px;box-shadow:0 6px 16px #b91c1c33}.empty{text-align:center;color:#6d7c97;padding:24px 5px 5px}.record-list{gap:14px;margin-top:18px;display:grid}.record-list article{background:#fbfdff;border:1px solid #dce6f3;border-radius:16px;padding:18px}.record-list article>div{justify-content:space-between;gap:12px;display:flex}.record-list time{color:#6f7d95;font-size:14px}.record-list p:last-child{color:#40506b;margin:8px 0 0;line-height:1.5}.record-stars{color:var(--gold);margin:10px 0 0;font-size:21px}.record-stars span{color:#d3dce9}.record-stars b{color:var(--blue);margin-left:6px;font-size:14px}.private-note{background:#f4f7fb;border:1px dashed #b9c9df;border-radius:12px;margin:16px 0 0;padding:18px;line-height:1.5}.record-list article>.week-range{color:var(--blue);background:#eef5ff;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:13px}.week-range span{color:#647696;text-transform:uppercase;letter-spacing:.4px;font-weight:800}.week-range strong{font-size:13px}.record-list article>.progress-summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.progress-summary p{background:#edf4ff;border-radius:11px;gap:5px;margin:0;padding:11px;display:grid}.progress-summary span,.goal-summary>span,.comment-summary>span{color:#647696;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.progress-summary strong{color:var(--blue);font-size:14px}.record-list article>.goal-summary,.record-list article>.comment-summary{background:#fff9e9;border-radius:11px;margin-top:11px;padding:12px;display:block}.record-list article>.comment-summary{background:#f4f8fd}.goal-summary p,.comment-summary p{white-space:pre-wrap;margin:5px 0 0!important}.record-list article>.record-subjects{background:#f6f1ff;border-radius:11px;margin-top:11px;padding:12px;display:block}.record-subjects>span{color:#66508f;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.record-subjects>div{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px;display:grid}.record-subjects p{background:#fff;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 9px;display:flex;margin:0!important}.record-subjects b{color:var(--gold);white-space:nowrap}.record-subjects i{color:#d3dce9;font-style:normal}footer{text-align:center;color:var(--blue);padding:30px 0 0;font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:800}footer span{color:var(--gold)}.login-page{place-items:center;max-width:1060px;min-height:100vh;padding:32px 18px;display:grid}.login-card{background:#fff;border:1px solid #cfddf0;border-radius:30px;grid-template-columns:1.05fr .95fr;width:100%;display:grid;overflow:hidden;box-shadow:0 30px 90px #082b8233}.login-brand{text-align:center;color:#fff;background:linear-gradient(150deg,#061949,#0a3b9e 70%,#0d54bd);flex-direction:column;justify-content:center;align-items:center;min-height:570px;padding:48px;display:flex}.login-photo{background:#fff;border:5px solid #f0ad08;border-radius:50%;width:132px;height:132px;margin-bottom:26px;overflow:hidden;box-shadow:0 14px 35px #00133e80}.login-photo img{object-fit:cover;object-position:50% 25%;width:100%;height:100%}.login-brand>span,.login-form-heading>span{color:#f0ad08;letter-spacing:1.8px;font-size:12px;font-weight:900}.login-brand h1{letter-spacing:-2px;margin:8px 0 12px;font-size:50px}.login-brand p{color:#d8e7ff;max-width:390px;margin:0;font-size:16px;line-height:1.6}.login-form{flex-direction:column;justify-content:center;padding:54px;display:flex}.login-form-heading{margin-bottom:34px}.login-form-heading h2{text-align:left;margin:7px 0 8px;font-size:31px}.login-form-heading p{color:#6b7b96;margin:0}.login-help{text-align:center;color:#718099;margin:18px 0 0;font-size:13px}.portal-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffd;border:1px solid #cedcf0;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:15px 18px;display:flex;box-shadow:0 8px 26px #14386f16}.portal-topbar>div{gap:3px;display:grid}.portal-topbar span{color:#a16d00;letter-spacing:1.2px;font-size:11px;font-weight:900}.portal-topbar strong{font-size:18px}.portal-topbar button{color:#082b82;cursor:pointer;background:#fff;border:1px solid #c6d4e8;border-radius:10px;padding:9px 14px;font-weight:850}.user-picker{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px;display:grid}.user-picker button{text-align:left;color:#071a4c;cursor:pointer;background:#f9fbfe;border:2px solid #d7e2f1;border-radius:13px;grid-template-rows:1fr 1fr;grid-template-columns:42px 1fr;column-gap:10px;padding:10px;display:grid}.user-picker button>span{color:#082b82;background:#e8f0fc;border-radius:12px;grid-row:1/3;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.user-picker strong{align-self:end;font-size:13px}.user-picker small{color:#718099}.user-picker button.selected{background:#eef5ff;border-color:#0a3b9e;box-shadow:0 0 0 3px #0a3b9e16}.upload-preview{background:#f8fbff;border:1px solid #c9d9ef;border-radius:15px;margin-top:14px;padding:14px}.upload-preview-heading{justify-content:space-between;margin-bottom:10px;display:flex}.upload-preview-heading span{color:#082b82;font-weight:900}.upload-preview>div:last-child{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.upload-preview article{background:#fff;border:1px solid #cbd9eb;border-radius:11px;position:relative;overflow:hidden}.upload-preview img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.upload-preview b{text-align:center;padding:7px;font-size:12px;display:block}.upload-preview article button{color:#fff;cursor:pointer;background:#b91c1c;border:0;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;position:absolute;top:5px;right:5px}.correction-note-label{margin:14px 0 7px;font-weight:900;display:block}.correction-note{background:#fffdf5;border-color:#e6c66e;min-height:90px}.user-picker.saved button:not(.selected){display:none}.user-picker.saved{grid-template-columns:1fr;margin-bottom:8px}.change-account{color:#0a3b9e;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:0 0 18px;padding:0;font-weight:800}.save-login-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020817b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.save-login-overlay section{text-align:center;background:#fff;border-radius:22px;width:min(440px,100%);padding:28px;box-shadow:0 30px 90px #0008}.save-login-overlay section>span{background:#eaf2ff;border-radius:17px;place-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:27px;display:grid}.save-login-overlay h2{margin:0 0 9px;font-size:25px}.save-login-overlay p{color:#5d6d88;margin:0;line-height:1.55}.save-login-overlay section>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.save-login-overlay button{color:#082b82;cursor:pointer;background:#fff;border:1px solid #c8d6e9;border-radius:11px;padding:12px;font-weight:900}.save-login-overlay .save-login-yes{color:#fff;background:#082b82;border-color:#082b82}.save-login-overlay small{color:#8591a5;margin-top:14px;display:block}.homework-tabs button{position:relative}.correction-alert{color:#fff;background:#dc2626;border-radius:20px;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;font-size:12px;font-weight:900;display:inline-grid;box-shadow:0 0 0 3px #fff}.homework-tabs button.has-alert:not(.active){color:#b91c1c}.correction-alert-banner{color:#7f1d1d;background:#fff1f1;border:1px solid #f0aaaa;border-radius:13px;align-items:center;gap:12px;width:calc(100% - 44px);margin:14px auto 0;padding:13px 15px;display:flex}.correction-alert-banner>span{color:#fff;background:#dc2626;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:900;display:grid}.correction-alert-banner strong{font-size:14px}.correction-alert-banner p{margin:3px 0 0;font-size:12px}.corrected-preview{background:#f3fff8;border-color:#a7dbc0;margin-top:12px}.next-task-card{background:linear-gradient(135deg,#f4f8ff,#eaf2ff);border:2px solid #9ebde8;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin:15px 22px 0;padding:15px 16px;display:grid;box-shadow:0 8px 22px #082b8216}.next-task-card>span{color:#fff;background:#0a409e;border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.next-task-card>div{gap:2px;display:grid}.next-task-card small{color:#8a6200;letter-spacing:1.2px;font-size:10px;font-weight:900}.next-task-card strong{color:#071a4c;font-size:17px}.next-task-card p{color:#657590;margin:1px 0 0;font-size:12px}.next-task-card>button{color:#fff;cursor:pointer;white-space:nowrap;background:#082b82;border:0;border-radius:11px;padding:11px 14px;font-weight:900}.next-task-card.urgent,.next-task-card.correction-next{background:linear-gradient(135deg,#fff7f7,#ffe9e9);border-color:#efaaaa}.next-task-card.urgent>span,.next-task-card.correction-next>span{background:#c72525}.next-task-card.diary-next{background:linear-gradient(135deg,#fffdf4,#fff5d5);border-color:#e5c55c}.next-task-card.diary-next>span,.next-task-card.diary-next>button{color:#071a4c;background:#f0ad08}.next-task-card.homework-next{border-color:#9ebde8}.teacher-next{margin:15px 0 0}.teacher-next:not(.diary-next):not(.correction-next)>span,.teacher-next:not(.diary-next):not(.correction-next)>button{background:#16804d}.upload-preview article button.rotate-preview{background:#082b82;font-size:18px;left:5px;right:auto}.photo-processing{color:#075985;text-align:center;background:#e8f7ff;border-radius:10px;margin:10px 0 0;padding:10px;font-size:13px;font-weight:800}.diary-upload-intro{background:#fff9e8;border:1px solid #e2c46b;border-radius:14px;align-items:center;gap:13px;margin-bottom:16px;padding:15px;display:flex}.diary-upload-intro>span{background:#f0ad08;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.diary-upload-intro strong{font-size:16px}.diary-upload-intro p{color:#687794;margin:4px 0 0;font-size:13px;line-height:1.4}.subject-correction-submit{background:#f4f8ff;border:2px solid #9bbbe7}.subject-correction-submit:before{content:"SUBJECT CORRECTION UPLOAD";color:#082b82;letter-spacing:1px;margin-bottom:9px;font-size:11px;font-weight:900;display:block}.subject-button-groups{gap:10px;display:grid}.subject-button-groups section{background:#f7faff;border:1px solid #d5e1f1;border-radius:13px;padding:12px}.subject-button-groups section>span{color:#63738e;letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.subject-button-groups section>div{flex-wrap:wrap;gap:7px;display:flex}.subject-button-groups button{color:#183e7c;cursor:pointer;background:#fff;border:1px solid #c7d6e9;border-radius:20px;padding:9px 13px;font-weight:800}.subject-button-groups button.selected{color:#fff;background:#082b82;border-color:#082b82;box-shadow:0 4px 10px #082b8230}.teacher-action-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.teacher-action-summary button{color:#173c79;text-align:left;cursor:pointer;background:#f4f8ff;border:1px solid #cbd9e9;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:0 8px;padding:12px;display:grid}.teacher-action-summary button>span{grid-row:1/3;align-self:center;font-size:25px}.teacher-action-summary strong{font-size:22px}.teacher-action-summary small{font-size:11px}.teacher-action-summary button.correction{color:#8a5700;background:#fff8e6;border-color:#efc365}.teacher-action-summary button.diary{color:#765100;background:#fff8dc;border-color:#e8c85d}.teacher-action-summary button.active{color:#fff;background:#0a409e;border-color:#0a409e}.teacher-action-summary button.correction.active{background:#d97706;border-color:#d97706}.teacher-action-summary button.diary.active{color:#071a4c;background:#f0ad08;border-color:#f0ad08}.teacher-list-actions{grid-template-columns:repeat(3,1fr) auto;gap:7px;margin-top:10px;display:grid}.teacher-list-actions button{color:#52647f;cursor:pointer;background:#fff;border:1px solid #cbd8e9;border-radius:10px;padding:10px;font-weight:800}.teacher-list-actions button.active{color:#fff;background:#082b82;border-color:#082b82}.teacher-empty-state{text-align:center;background:#f8fbff;border:1px dashed #b9cbe1;border-radius:14px;place-items:center;margin-top:15px;padding:25px;display:grid}.teacher-empty-state>span{color:#fff;background:#16804d;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:8px;font-size:22px;display:grid}.teacher-empty-state p{color:#75839a;margin:4px 0 0;font-size:13px}.save-next{background:linear-gradient(135deg,#08733f,#0b9855)}.diary-check-panel{background:#fffaf0;border:1px solid #e5c55c;border-radius:14px;margin-top:14px;padding:15px}.diary-check-panel>p{color:#765100;margin:0 0 11px;font-size:13px}.diary-check-panel>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.diary-check-panel>div button{cursor:pointer;border:1px solid;border-radius:11px;padding:12px;font-weight:900}.diary-check-panel button.checked{color:#16643d;background:#effaf4;border-color:#8bcbaa}.diary-check-panel button.checked.active{color:#fff;background:#16804d}.diary-check-panel button.unclear{color:#8a5700;background:#fff8e6;border-color:#efc365}.diary-check-panel button.unclear.active{color:#fff;background:#d97706}.diary-check-panel label{margin:13px 0 6px;font-weight:900;display:block}.diary-check-panel textarea{background:#fff;min-height:70px}.diary-check-panel .diary-save{background:linear-gradient(135deg,#a86f00,#d89a13)}.logged-in-teacher{background:#f4f8ff;border:1px solid #c9d9ef;border-radius:13px;grid-template-columns:auto 1fr;column-gap:11px;margin-bottom:25px;padding:13px 15px;display:grid}.logged-in-teacher span{color:#fff;background:#082b82;border-radius:9px;grid-row:1/3;place-items:center;padding:0 10px;font-size:12px;font-weight:900;display:grid}.logged-in-teacher strong{font-size:16px}.logged-in-teacher small{color:#63738e}@media (width<=700px){.login-page{padding:12px}.login-card{border-radius:22px;grid-template-columns:1fr}.login-brand{min-height:auto;padding:28px 22px}.login-photo{border-width:4px;width:88px;height:88px;margin-bottom:14px}.login-brand h1{margin-top:5px;font-size:36px}.login-brand p{font-size:14px}.login-form{padding:28px 22px 32px}.login-form-heading{margin-bottom:24px}.login-form-heading h2{font-size:25px}.portal-topbar{margin:0 0 12px;padding:12px}.portal-topbar strong{font-size:15px}.user-picker{grid-template-columns:1fr}.upload-preview>div:last-child{grid-template-columns:repeat(2,1fr)}.next-task-card{grid-template-columns:auto 1fr;margin:12px 14px 0;padding:13px}.next-task-card>button{grid-column:1/-1;width:100%}.teacher-next{margin:13px 0 0}.teacher-action-summary{grid-template-columns:1fr}.teacher-action-summary button{grid-template-rows:1fr;grid-template-columns:38px auto 1fr;align-items:center}.teacher-action-summary button>span{grid-row:auto}.teacher-action-summary strong{font-size:20px}.teacher-action-summary small{text-align:right}.teacher-list-actions{grid-template-columns:1fr 1fr}.teacher-list-actions button:last-child{grid-column:1/-1}}@media (width<=520px){body{background:#eaf5ff}main{max-width:100%;padding:10px 8px 28px}.school-mark{font-size:31px}.book{top:4px;left:7px}.cap{top:5px;right:7px}.card{border-width:3px;border-radius:20px;box-shadow:0 8px 25px #14386f22}header{border-bottom-width:3px;padding:16px 14px 14px}.profile-frame{border-width:4px;width:92px;height:92px;margin-bottom:9px}header h1{letter-spacing:-1px;font-size:37px}.rule{margin-top:10px}header p{letter-spacing:.5px;margin-top:8px;font-size:15px}form{padding:19px 16px 23px}.dear{margin-bottom:12px;font-size:18px}form h2{margin-bottom:20px;font-size:21px}.field-label,legend{margin-bottom:7px;font-size:16px}input,select,textarea{border-radius:11px;padding:12px 13px}.monthly-subject-card{border-radius:18px;margin-top:12px}.monthly-subject-intro{padding:17px 14px}.monthly-subject-intro h2{font-size:20px}.subject-rating-section{margin-top:18px;padding:14px 11px}.subject-row{padding:9px 8px}.subject-row>strong{font-size:13px}.subject-row button{font-size:23px}fieldset{margin:20px 0}legend{font-size:18px}.stars{gap:0}.stars button{padding:0;font-size:48px}.rating-copy{margin-top:5px;font-size:14px}.progress-grid{grid-template-columns:1fr;gap:14px}#previous-goal-status+.goals-label{margin-top:18px}#weekly-goals{margin-bottom:18px}textarea{min-height:86px}.submit{margin-top:17px;padding:14px;font-size:16px}.teacher-dashboard{border-radius:18px;margin-top:12px;padding:17px 14px}.dashboard-heading{align-items:flex-start}.dashboard-heading h2{font-size:20px}.dashboard-heading>strong{padding:7px 10px;font-size:12px}.dashboard-week{margin:13px 0 10px}.teacher-status-list article{flex-direction:column;align-items:flex-start;padding:12px}.teacher-status-list article>strong{padding-left:51px}.monthly-summary{border-radius:18px;margin-top:12px;padding:17px 14px}.monthly-heading{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:13px}.monthly-heading h2{font-size:20px}.monthly-heading select{width:100%}.monthly-score{gap:13px;padding:17px 0 14px}.score-circle{border-width:4px;flex-basis:84px;width:84px;height:84px}.score-circle strong{font-size:29px}.summary-stars{font-size:19px}.monthly-score h3{font-size:18px}.monthly-score>div>p:last-child{font-size:13px}.monthly-metrics{grid-template-columns:1fr}.monthly-metrics article{grid-template-columns:1fr auto;align-items:center;padding:12px;display:grid}.monthly-metrics strong{grid-area:1/2/3;margin:0 0 0 8px;font-size:25px}.monthly-goals{padding:13px}.monthly-subjects>div,.record-subjects>div{grid-template-columns:1fr}.records{border-radius:18px;margin-top:12px;padding:17px 14px}.records-heading{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:12px}.records-heading h2{font-size:20px}.record-actions{justify-content:space-between;width:100%}.admin-panel{padding:12px}.record-list{gap:10px;margin-top:13px}.record-list article{padding:14px}.record-list article>div{flex-direction:row;gap:8px}.record-list article>.progress-summary{grid-template-columns:1fr}.record-stars{font-size:18px}footer{padding-top:17px;font-size:26px}.homework-portal{border-radius:18px;margin-top:12px}.homework-heading{padding:17px 14px}.homework-heading h2{font-size:20px}.homework-tabs{width:calc(100% - 28px);margin-top:14px}.homework-tabs.three-tabs,.homework-tabs.admin-visible{grid-template-columns:1fr 1fr}.homework-tabs.talha-three-tabs{grid-template-columns:1fr 1fr 1fr;gap:3px;width:calc(100% - 16px)}.homework-tabs.talha-three-tabs button{padding:10px 3px;font-size:12px}.correction-alert{min-width:19px;height:19px;margin:0;padding:0 5px;position:absolute;top:-7px;right:-3px}.homework-form{padding-top:18px}.homework-teacher{padding:18px 14px 24px}.teacher-login-grid,.result-buttons{grid-template-columns:1fr}.homework-photos{grid-template-columns:repeat(3,1fr)}.photo-viewer{padding:0}.photo-viewer-content,.photo-viewer-content.marker-mode{border:0;border-radius:0;width:100vw;height:100dvh}.photo-viewer-bar{padding:8px 10px}.marker-tools{flex-wrap:wrap}.marker-tools span{width:100%;margin:0}.marker-tools button{flex:1}.photo-viewer-content>img{height:calc(100% - 58px)}.records-heading-simple.logged-out{align-items:center}.records-heading-simple.logged-out .record-actions{justify-content:center}}.live-class-card{background:#fff;border:1px solid #c8d7f4;border-radius:24px;max-width:980px;margin:22px auto;padding:24px;box-shadow:0 12px 34px #0e307117}.live-class-card.is-live{border-color:#f87171;box-shadow:0 12px 38px #dc262621}.live-class-heading{border-bottom:1px solid #e3e9f4;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.live-class-heading span{color:#0f3a8c;letter-spacing:.09em;font-size:12px;font-weight:900}.live-class-heading h2{color:#0b1e45;margin:5px 0 2px}.live-class-heading p{color:#6c7891;margin:0}.notification-button{color:#18366f;white-space:nowrap;background:#f5f8ff;border:1px solid #c8d7f4;border-radius:12px;padding:10px 14px;font-weight:800}.teacher-live-controls,.talha-live-area,.parent-live-summary{padding-top:20px}.teacher-live-controls>p{color:#52617b}.start-class,.join-live button{color:#fff;background:linear-gradient(135deg,#0c8c4b,#11a95b);border:0;border-radius:16px;width:100%;padding:17px;font-size:18px;font-weight:900;box-shadow:0 8px 20px #0c8c4b38}.no-class-row{gap:8px;margin-top:15px;display:flex}.no-class-row select{background:#fff;border:1px solid #d4dceb;border-radius:12px;flex:1;padding:12px}.no-class-row button{color:#20355e;background:#e8edf6;border:0;border-radius:12px;padding:0 20px;font-weight:800}.live-pill{color:#b91c1c;background:#fee2e2;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.meet-button{float:right;color:#fff;background:#153b89;border:0;border-radius:11px;padding:10px 14px;font-weight:800}.complete-class h3{clear:both;color:#102755;padding-top:18px}.class-subjects{flex-wrap:wrap;gap:8px;display:flex}.class-subjects button{color:#27416f;background:#f7f9fd;border:1px solid #c8d6ee;border-radius:99px;padding:10px 15px;font-weight:800}.class-subjects button.selected{color:#fff;background:#123b8d;border-color:#123b8d}.complete-class textarea{box-sizing:border-box;border:1px solid #ccd7e9;border-radius:12px;width:100%;margin-top:14px;padding:12px}.complete-button{color:#fff;background:#0f8c4a;border:0;border-radius:14px;width:100%;margin-top:10px;padding:14px;font-weight:900}.complete-button:disabled{opacity:.5}.join-live{text-align:center;background:linear-gradient(145deg,#fff3f3,#fff);border:1px solid #fecaca;border-radius:18px;padding:22px}.join-live>span{color:#c81e1e;font-weight:900}.join-live h3{color:#111d3d;margin:8px 0;font-size:24px}.join-live p{color:#68738a}.next-class>span{color:#173e8a;margin-bottom:10px;font-weight:900;display:block}.next-class>div{background:#f4f7fc;border-radius:11px;justify-content:space-between;margin:7px 0;padding:11px 13px;display:flex}.next-class p{color:#55647d;margin:0}.next-class small{color:#77829a;margin-top:10px;display:block}.waiting-class{color:#68758b;background:#e8edf5;border:0;border-radius:14px;width:100%;margin-top:12px;padding:14px;font-weight:900}.delete-class{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;padding:7px 10px;font-weight:800}.student-no-class-list{gap:9px;margin-bottom:15px;background:0 0!important;padding:0!important;display:grid!important}.student-no-class-alert{background:linear-gradient(135deg,#fff7f7,#ffecec);border:1px solid #f1b6b6;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 15px;display:grid;box-shadow:0 5px 16px #b2232314}.student-no-class-alert>span{color:#fff;letter-spacing:.7px;background:#c92f2f;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:900}.student-no-class-alert>div{gap:2px;background:0 0!important;padding:0!important;display:grid!important}.student-no-class-alert b{color:#8d2020;font-size:15px}.student-no-class-alert p{font-size:12px;color:#765151!important;margin:0!important}.student-no-class-alert>strong{color:#a52626;white-space:nowrap;font-size:11px}.waiting-class.no-classes{color:#8d2020;background:#fde7e7}.class-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.class-stats span{text-align:center;color:#66738a;background:#f4f7fc;border-radius:14px;padding:14px}.class-stats b{color:#123b88;font-size:24px;display:block}.class-history{margin-top:22px}.class-history h3{color:#102755}.class-history article{border-top:1px solid #e6ebf4;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.class-history article>div{flex-direction:column;gap:4px;display:flex}.class-history small{color:#748096}.class-history article>span{color:#177548;font-size:13px;font-weight:800}.class-history b{color:#3b4b67;background:#e8edf5;border-radius:99px;width:max-content;padding:5px 9px;font-size:12px}.class-history b.completed{color:#166534;background:#dcfce7}.class-history b.in-progress{color:#b91c1c;background:#fee2e2}.class-history b.not-conducted{color:#8a5a00;background:#fff3cd}@media (width<=650px){.live-class-card{border-radius:18px;margin:14px 10px;padding:17px}.live-class-heading{display:block}.notification-button{width:100%;margin-top:12px}.class-stats,.class-history article{grid-template-columns:1fr}.delete-class{width:100%}.meet-button{float:none;width:100%;margin-top:12px}.no-class-row{flex-direction:column}.no-class-row button{padding:12px}.student-no-class-alert{grid-template-columns:1fr auto;gap:6px 10px}.student-no-class-alert>span{width:max-content}.student-no-class-alert>div{grid-column:1/2}.student-no-class-alert>strong{grid-area:1/2/3}}.live-class-card{border-color:#dbe3ef;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 14px 40px #152a4e14}.live-class-heading{background:linear-gradient(135deg,#fbfdff,#f4f7fb);border-bottom:1px solid #e8edf4;align-items:center;padding:20px 22px}.live-class-title{align-items:center;gap:13px;display:flex}.live-class-icon{background:linear-gradient(145deg,#173f7a,#0c2a59);border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 16px #173f7a33;color:#fff!important;letter-spacing:0!important;font-size:18px!important}.live-class-title>div>span{color:#6b7a90;letter-spacing:1.45px;font-size:10px}.live-class-title h2{letter-spacing:-.35px;margin:3px 0 2px;font-size:21px}.live-class-title p{font-size:13px}.notification-button{cursor:pointer;background:#fff;border-color:#d7e0ed;align-items:center;gap:7px;padding:10px 13px;font-size:13px;display:flex;box-shadow:0 3px 10px #2034540d}.notification-button span{font-size:15px}.teacher-live-controls{padding:20px 22px 22px}.teacher-class-profile{background:#fff;border:1px solid #e1e7ef;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;display:grid}.teacher-class-avatar{color:#fff;letter-spacing:.6px;background:linear-gradient(145deg,#234f89,#173765);border-radius:14px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:900;display:grid}.teacher-class-profile>div:nth-child(2){gap:2px;display:grid}.teacher-class-profile small{color:#8a96a8;letter-spacing:1.2px;font-size:9px;font-weight:900}.teacher-class-profile strong{font-size:16px}.teacher-class-profile p{color:#65738a;margin:0;font-size:12px}.ready-badge{color:#137342;background:#eefaf3;border:1px solid #bce4cd;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:900}.class-schedule-panel{background:linear-gradient(135deg,#f8fbff,#eef4fb);border:1px solid #dce5f1;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:12px 0;padding:17px 18px;display:grid}.class-schedule-panel>div:first-child{gap:4px;display:grid}.class-schedule-panel small{color:#72819a;letter-spacing:1.2px;font-size:9px;font-weight:900}.class-schedule-panel strong{color:#102d59;letter-spacing:-.5px;font-size:22px}.class-schedule-panel p{color:#718096;margin:0;font-size:12px}.schedule-day{text-align:center;border-left:1px solid #d8e1ed;min-width:68px;padding-left:16px}.schedule-day span{color:#173f7a;font-size:24px;font-weight:900;display:block}.schedule-day small{font-size:8px;display:block}.teacher-live-controls .start-class{text-align:left;cursor:pointer;background:linear-gradient(135deg,#147b4c,#0b9b59);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;padding:14px 18px;display:grid;box-shadow:0 9px 20px #0b8b5033}.teacher-live-controls .start-class>span{background:#ffffff2b;border-radius:10px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.teacher-live-controls .start-class strong{font-size:16px}.teacher-live-controls .start-class small{color:#d9f7e7;font-size:11px;font-weight:600}.teacher-live-controls .start-class:disabled{cursor:not-allowed;opacity:1;box-shadow:none;background:linear-gradient(135deg,#6d7888,#4e5969)}.teacher-live-controls .start-class:disabled small{color:#e5e9ef}.other-teacher-live{background:linear-gradient(135deg,#fff7f7,#ffeded);border:1px solid #f3b5b5;border-radius:15px;align-items:center;gap:13px;margin-bottom:12px;padding:14px 16px;display:flex}.other-teacher-live>span{color:#fff;letter-spacing:.5px;background:#c92828;border-radius:99px;flex:none;padding:6px 9px;font-size:10px;font-weight:900}.other-teacher-live>div{gap:3px;display:grid}.other-teacher-live strong{color:#8f1e1e;font-size:14px}.other-teacher-live p{color:#7d5151;margin:0;font-size:12px;line-height:1.4}.no-class-details{background:#fafbfd;border:1px solid #e1e7ef;border-radius:13px;margin-top:12px}.no-class-details summary{color:#55657c;cursor:pointer;padding:12px 14px;font-size:13px;font-weight:800;list-style-position:inside}.no-class-details[open] summary{border-bottom:1px solid #e5eaf1}.no-class-details .no-class-row{margin:0;padding:12px}.no-class-details .no-class-row select{font-size:13px}.no-class-details .no-class-row button{color:#fff;background:#173f7a;padding:0 18px}.teacher-live-controls+.class-history{margin:0;padding:0 22px 22px}.class-history h3{margin-top:17px;font-size:15px}.class-history-collapsible{margin:18px 22px 22px}.teacher-live-controls+.class-history-collapsible{margin-top:0}.recent-classes-toggle{color:#173f7a;text-align:left;cursor:pointer;background:#f7f9fc;border:1px solid #d7e1ed;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:13px 15px;display:grid;box-shadow:0 3px 10px #173f7a0d}.recent-classes-toggle:hover{background:#f1f6fc;border-color:#b9cbe1}.recent-classes-toggle>span{color:#fff;background:#173f7a;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.recent-classes-toggle>div{gap:2px;display:grid}.recent-classes-toggle strong{font-size:14px}.recent-classes-toggle small{color:#748096;font-size:10px}.recent-classes-toggle>b{color:#426083;font-size:11px}.recent-classes-toggle i{margin-left:4px;font-style:normal}.class-history-collapsible.open .recent-classes-toggle{background:#edf4fc;border-color:#b9cbe1;border-radius:13px 13px 0 0}.class-history-collapsible .class-history{background:#fff;border:1px solid #d7e1ed;border-top:0;border-radius:0 0 13px 13px;margin:0;padding:0 14px 4px}.incomplete-class-reminder{color:#774800;background:#fff8e8;border:1px solid #f0b04a;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.incomplete-class-reminder>span{color:#fff;background:#d97706;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:900;display:grid}.incomplete-class-reminder strong{display:block}.incomplete-class-reminder p{margin:3px 0 0;font-size:12px;line-height:1.45}.class-time-record{color:#52647f!important;margin-top:3px!important}.class-time-record b{color:#173f7a!important;background:#e8f0fb!important;padding:2px 6px!important}.attendance-record.absent{color:#b42318!important}.attendance-record.late,.attendance-record.partly-attended{color:#9a5b00!important}.absent-exception{cursor:pointer;background:#f8fafc;border:1px solid #d8e1ed;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:1px 9px;margin-top:15px;padding:12px 14px;display:grid}.absent-exception input{accent-color:#b42318;grid-row:1/3;width:18px;height:18px;margin:0}.absent-exception span{color:#314766;font-size:14px;font-weight:900}.absent-exception small{color:#728096;font-size:11px}.absent-exception.selected{background:#fff4f3;border-color:#e2a5a0}.absent-exception.selected span{color:#a32218}.class-summary-backdrop{z-index:1000;background:#071226b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.class-summary-dialog{background:#fff;border-radius:20px;width:min(92vw,500px);padding:24px;box-shadow:0 24px 70px #00000047}.summary-check{color:#fff;background:#16804d;border-radius:13px;place-items:center;width:44px;height:44px;font-size:23px;font-weight:900;display:grid}.class-summary-dialog h3{color:#102755;margin:12px 0 15px;padding:0;font-size:22px}.summary-details{border:1px solid #e1e7ef;border-radius:13px;overflow:hidden}.summary-details p{border-top:1px solid #e8edf3;grid-template-columns:120px 1fr;gap:12px;margin:0;padding:10px 13px;display:grid}.summary-details p:first-child{border-top:0}.summary-details span{color:#748096;font-size:12px}.summary-details strong{color:#1b3155;font-size:13px}.summary-details .summary-present{color:#16804d}.summary-details .summary-absent{color:#b42318}.summary-actions{grid-template-columns:1fr 1.4fr;gap:9px;margin-top:16px;display:grid}.summary-actions button{cursor:pointer;border:0;border-radius:12px;padding:13px;font-weight:900}.summary-back{color:#40516d;background:#edf1f6}.summary-confirm{color:#fff;background:#16804d}.weekly-summary-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.weekly-summary-heading span{color:#b17b0a;letter-spacing:1.2px;font-size:10px;font-weight:900}.weekly-summary-heading h3{color:#102755;margin:3px 0 0;font-size:20px}.weekly-summary-heading small{color:#718096}.weekly-class-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px;display:grid}.weekly-class-stats article{background:#f8fafc;border:1px solid #dfe6ef;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:0 8px;padding:13px;display:grid}.weekly-class-stats article>span{color:#173f7a;grid-row:1/3;align-self:center;font-size:20px}.weekly-class-stats strong{color:#102d59;font-size:20px}.weekly-class-stats small{color:#748096;font-size:10px}.weekly-breakdown{grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:9px;display:grid}.weekly-breakdown>div{background:#eef4fb;border-radius:12px;gap:4px;padding:12px;display:grid}.weekly-breakdown span{color:#748096;text-transform:uppercase;font-size:10px;font-weight:800}.weekly-breakdown strong{color:#29476f;font-size:12px;line-height:1.5}@media (width<=650px){.live-class-card{margin:12px 0}.live-class-heading{padding:16px}.live-class-title h2{font-size:18px}.live-class-title p{font-size:11px}.notification-button{width:auto;margin:12px 0 0 55px}.teacher-live-controls{padding:15px}.teacher-class-profile{grid-template-columns:auto 1fr}.ready-badge{grid-column:2;width:max-content}.class-schedule-panel{gap:10px;padding:15px}.class-schedule-panel strong{font-size:18px}.schedule-day{min-width:58px;padding-left:10px}.teacher-live-controls+.class-history{padding:0 15px 18px}.class-history-collapsible{margin:14px 15px 18px}.recent-classes-toggle{padding:11px}.recent-classes-toggle>b{font-size:0}.recent-classes-toggle i{font-size:11px}.no-class-details .no-class-row button{padding:12px}.incomplete-class-reminder{align-items:flex-start}.class-time-record{line-height:1.6}.summary-details p{grid-template-columns:90px 1fr}.weekly-summary-heading{flex-direction:column;align-items:flex-start}.weekly-class-stats{grid-template-columns:1fr 1fr}.weekly-breakdown{grid-template-columns:1fr}.parent-live-summary{padding:16px}.summary-actions{grid-template-columns:1fr}}.exam-result-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050f22c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.exam-result-popup{background:#fff;border:1px solid #cbd9ec;border-radius:22px;flex-direction:column;width:min(94vw,720px);max-height:94dvh;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000057}.exam-result-popup>header{color:#fff;background:linear-gradient(135deg,#123b78,#071f4e);border:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.exam-result-popup header span{color:#f4c54d;letter-spacing:1.3px;font-size:10px;font-weight:900}.exam-result-popup header h2{margin:3px 0 1px;font-size:24px}.exam-result-popup header p{color:#d9e5f6;margin:0;font-size:12px}.exam-result-popup header>strong{color:#ffe28e;white-space:nowrap;background:#ffffff12;border:1px solid #f2ce6d;border-radius:99px;padding:9px 12px}.exam-result-scores{background:#f4f7fb;grid-template-columns:1fr 1fr 2fr;gap:8px;padding:12px 16px;display:grid}.exam-result-scores span{background:#fff;border:1px solid #dfe7f1;border-radius:11px;gap:2px;padding:9px 11px;display:grid}.exam-result-scores small{color:#738097;text-transform:uppercase;font-size:9px;font-weight:900}.exam-result-scores b{color:#173f7a;font-size:16px}.exam-result-scores span:last-child b{font-size:12px}.exam-result-image{text-align:center;background:#e8edf4;flex:1;min-height:0;padding:12px;overflow:auto}.exam-result-image img{border-radius:5px;width:100%;height:auto;margin:auto;display:block;box-shadow:0 4px 16px #0c234626}.exam-result-full{color:#173f7a;text-align:center;margin:11px 16px 0;font-size:12px;font-weight:900}.exam-result-seen{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16804d,#0a9b58);border:0;border-radius:13px;margin:10px 16px 0;padding:14px;font-size:15px;font-weight:900}.exam-result-seen:disabled{opacity:.6}.exam-result-note{color:#748096;text-align:center;padding:8px 16px 14px;font-size:10px}@media (width<=600px){.exam-result-backdrop{padding:0}.exam-result-popup{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.exam-result-popup>header{padding:14px}.exam-result-popup header h2{font-size:20px}.exam-result-popup header>strong{padding:7px 9px;font-size:11px}.exam-result-scores{grid-template-columns:1fr 1fr;padding:9px}.exam-result-scores span:last-child{grid-column:1/-1}.exam-result-image{padding:7px}.exam-result-seen{margin:8px 10px 0}.exam-result-note{padding-bottom:10px}}:root{--blue:#173f7a;--navy:#14233b;--gold:#d4a12e;--pale:#f4f6f9}body{color:#17243a;background:#f3f5f8;font-family:Arial,Helvetica Neue,sans-serif}main{max-width:980px;padding-top:24px}.school-mark{display:none}.portal-topbar{background:#fff!important;border:1px solid #dfe5ed!important;border-radius:14px!important;box-shadow:0 4px 18px #1e304a0f!important}.card,.homework-portal,.monthly-subject-card,.teacher-dashboard,.records,.live-class-card{border:1px solid #dfe5ed;border-radius:18px;box-shadow:0 6px 24px #1e304a12}.homework-heading,.monthly-subject-intro{background:#173f7a;border-bottom:0;padding:22px 26px}.homework-heading span,.monthly-subject-intro span{color:#dce8f8}.homework-heading p,.monthly-subject-intro p{color:#d7e1ef}.homework-tabs{background:#f0f3f7;border:1px solid #e0e6ee}.homework-tabs button{transition:background .15s,color .15s,box-shadow .15s}.homework-list article,.subject-button-groups section,.assigned-subjects,.next-task-card{background:#fafbfc;border-color:#dfe5ed}.homework-subject-title{background:#284e82;border-radius:10px}.photo-picker{background:#f7f9fc;border-color:#aabbd1}.photo-picker>span{background:#264f85}button{transition:filter .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}.photo-viewer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050c19f5;padding:10px}.photo-viewer-content{background:#101827;border-radius:12px;width:min(98vw,1280px);height:min(97dvh,1040px)}.photo-viewer-bar{background:#17233a}.marker-tools{background:#233554}.marker-canvas-wrap{overscroll-behavior:contain;background:#090e18;justify-content:center;align-items:center;display:flex}.marker-canvas-wrap.zoomed{justify-content:flex-start;align-items:flex-start}.marker-canvas-wrap canvas{object-fit:contain;flex:none}.records,.teacher-dashboard{background:#fff}.monthly-summary{background:#173f7a;border:0;border-radius:18px;box-shadow:0 6px 24px #1e304a17}@media (width<=520px){main{padding:8px 6px 24px}.card,.homework-portal,.monthly-subject-card,.teacher-dashboard,.records,.live-class-card{border-radius:14px}.photo-viewer{padding:0}.photo-viewer-content,.photo-viewer-content.marker-mode{border-radius:0;width:100vw;height:100dvh}.photo-viewer-bar strong{max-width:30vw}.photo-zoom-tools{gap:3px}.photo-viewer-bar .photo-zoom-tools button{flex-basis:32px;width:32px;height:32px}.marker-canvas-wrap{justify-content:center;align-items:center}}.touch-zoom-hint{color:#d9e4f4;text-align:center;background:#17233a;padding:6px 10px;font-size:11px;font-weight:700;display:none}.grade-badge{color:#fff;letter-spacing:.4px;background:#ffffff18;border:1px solid #ffffff42;border-radius:99px;margin:-2px 0 16px;padding:7px 13px;font-size:13px;font-weight:900}.grade-icon{vertical-align:-5px;background:#e5b538;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:4px;font-size:13px;display:inline-grid}.user-picker button{position:relative;overflow:hidden}.user-picker button i{color:#173f7a;background:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;top:8px;right:9px;box-shadow:0 2px 7px #00000026}.user-picker button.selected{color:#fff!important;background:linear-gradient(135deg,#173f7a,#285b9b)!important;border-color:#173f7a!important;box-shadow:0 7px 17px #173f7a33!important}.user-picker button.selected>span{color:#173f7a!important;background:#fff!important}.user-picker button.selected small{color:#dbe7f8!important}.topbar-grade{color:#173f7a;vertical-align:2px;background:#e8f0fb;border-radius:99px;margin-left:7px;padding:4px 8px;font-size:10px;display:inline-block}.review-grade{color:#fff;letter-spacing:1px;background:#ffffff18;border:1px solid #ffffff50;border-radius:99px;width:max-content;margin:10px auto 0;padding:5px 11px;font-size:11px;font-weight:900}.grade-inline{color:#fff;letter-spacing:.8px;border:1px solid #ffffff4a;border-radius:99px;margin-left:7px;padding:3px 7px;font-size:9px}@media (width<=520px){.touch-zoom-hint{display:block}}.portal-welcome{background:linear-gradient(135deg,#102f63 0%,#173f7a 62%,#244f88 100%);border:1px solid #d9e2ee;border-radius:20px;margin:14px 0 18px;padding:24px;position:relative;overflow:hidden;box-shadow:0 14px 34px #142f5b29}.portal-welcome:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:230px;height:230px;position:absolute;top:-95px;right:-75px;box-shadow:0 0 0 32px #ffffff09,0 0 0 66px #ffffff06}.welcome-copy{z-index:1;color:#fff;position:relative}.welcome-copy>span{color:#e8bd57;letter-spacing:1.6px;font-size:10px;font-weight:900}.welcome-copy h1{letter-spacing:-.5px;margin:6px 0 4px;font-size:27px}.welcome-copy p{color:#cfdbed;margin:0;font-size:13px}.student-quick-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid;position:relative}.student-quick-grid button{color:#fff;text-align:left;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:13px;display:grid;box-shadow:inset 0 1px #ffffff1f}.student-quick-grid button:hover{filter:brightness(1.12);transform:translateY(-1px)}.student-quick-grid .quick-icon{color:#fff;background:#2f63a7;border-radius:11px;grid-row:1/3;place-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:grid}.student-quick-grid .quick-icon.diary{color:#372700;background:#e8b83f}.student-quick-grid .quick-icon.correction{background:#c43b3b}.student-quick-grid .quick-icon.class{background:#15925a}.student-quick-grid strong{font-size:13px}.student-quick-grid small{color:#cbd8ea;margin-top:2px;font-size:10px}#live-class-section,#homework-workspace{scroll-margin-top:12px}.homework-portal{overflow:hidden}.homework-heading{position:relative}.homework-heading:after{content:"GRADE 9";color:#fff;letter-spacing:1px;background:#ffffff14;border:1px solid #ffffff38;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:900;position:absolute;top:22px;right:24px}.homework-tabs.talha-three-tabs{background:0 0;border:0;gap:9px;width:auto;max-width:none;margin:18px 22px 0;padding:0}.homework-tabs.talha-three-tabs button{background:#f7f9fc;border:1px solid #d6e0ec;min-height:54px;box-shadow:0 4px 12px #1e304a0d}.homework-tabs.talha-three-tabs button.active{background:#173f7a;border-color:#173f7a;box-shadow:0 8px 18px #173f7a33}.teacher-action-summary{gap:10px}.teacher-action-summary button{background:#f7f9fc;border-radius:15px;min-height:78px;box-shadow:0 4px 14px #1e304a0d}.status.success{color:#11633b;background:#eefaf3;border:1px solid #a8dcc0;border-radius:11px;padding:11px 13px}.correction-alert{animation:1.8s ease-in-out infinite alertPulse}@keyframes alertPulse{0%,to{box-shadow:0 0 0 3px #fff}50%{box-shadow:0 0 0 3px #fff,0 0 0 7px #dc262629}}@media (width<=720px){.portal-welcome{padding:20px 16px}.welcome-copy h1{font-size:23px}.student-quick-grid{grid-template-columns:1fr 1fr}.student-quick-grid button{min-height:66px}.homework-heading:after{display:none}}@media (width<=420px){.student-quick-grid{gap:7px}.student-quick-grid button{grid-template-columns:auto 1fr;padding:10px 9px}.student-quick-grid .quick-icon{width:34px;height:34px}.student-quick-grid strong{font-size:12px}.student-quick-grid small{font-size:9px}.homework-tabs.talha-three-tabs{margin:14px 8px 0}.homework-tabs.talha-three-tabs button{font-size:11px}}.portal-overview{background:#fff;border:1px solid #dce4ee;border-radius:18px;margin:0 0 16px;padding:20px;position:relative;box-shadow:0 7px 24px #1e304a12}.overview-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.overview-title span{color:#bd8611;letter-spacing:1.4px;font-size:9px;font-weight:900}.overview-title h2{color:#142d56;margin:4px 0;font-size:21px}.overview-bell{color:#173f7a;cursor:pointer;background:#f8faff;border:1px solid #d7e0ec;border-radius:12px;align-items:center;gap:7px;padding:10px 12px;font-weight:800;display:flex;position:relative}.overview-bell b{color:#fff;background:#d52b2b;border:2px solid #fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-7px;right:-6px}.overview-bell small{font-weight:800}.notification-panel{z-index:6;background:#fff;border:1px solid #dce4ee;border-radius:13px;width:min(360px,100% - 36px);padding:12px 15px;position:absolute;top:68px;right:18px;box-shadow:0 14px 35px #14284a2e}.notification-panel p{color:#40516d;margin:7px 0;font-size:13px}.today-summary-grid,.parent-progress-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.today-summary-grid article,.parent-progress-grid article{background:#f7f9fc;border:1px solid #e0e6ee;border-radius:14px;gap:4px;padding:14px;display:grid}.today-summary-grid article>span,.parent-progress-grid article>span{font-size:20px}.today-summary-grid strong,.parent-progress-grid strong{color:#173f7a;font-size:18px}.today-summary-grid small,.parent-progress-grid small{color:#718096;font-size:11px}.today-summary-grid .urgent{background:#fff4f4;border-color:#f2b9b9}.today-summary-grid .urgent strong{color:#b42323}.today-summary-grid .live{background:#effaf4;border-color:#a9ddc1}.today-summary-grid .live strong{color:#137344}.today-summary-grid .done{border-color:#c8e3d4}.install-portal{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#173f7a,#285d9f);border:1px solid #cfdced;border-radius:15px;align-items:center;gap:12px;width:100%;margin:0 0 16px;padding:13px 16px;display:flex;box-shadow:0 7px 18px #173f7a2b}.install-portal>span{color:#173f7a;background:#f5b800;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.install-portal>div{gap:2px;display:grid}.install-portal strong{font-size:14px}.install-portal small{color:#d8e5f6}.homework-due-date{background:#f8faff;border:1px solid #d9e2ee;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin:2px 0 14px;padding:13px 14px;display:grid}.homework-due-date span{color:#173f7a;font-weight:900}.homework-due-date input{background:#fff;border:1px solid #cbd7e8;border-radius:9px;padding:8px}.homework-due-date small{color:#75839a;grid-column:1/-1}.due-date-badge{color:#8a5a00;background:#fff2c7;border-radius:99px;width:max-content;margin-top:5px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:900;display:inline-block}.voice-comment-tools{background:#f7f9fc;border:1px solid #dbe4ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:11px;display:flex}.voice-comment-tools strong{color:#173f7a;width:100%;font-size:12px}.voice-comment-tools button,.play-voice{color:#173f7a;cursor:pointer;background:#fff;border:1px solid #ccd8e8;border-radius:9px;padding:8px 10px;font-weight:800}.voice-comment-tools .recording{color:#fff;background:#c52b2b}.voice-comment-tools .save-voice{color:#fff;background:#147947}.play-voice{color:#fff;background:#173f7a;margin-top:6px}@media (width<=650px){.portal-overview{padding:16px}.overview-title h2{font-size:18px}.overview-bell small{display:none}.today-summary-grid,.parent-progress-grid{grid-template-columns:1fr 1fr}.today-summary-grid article,.parent-progress-grid article{padding:11px}.homework-due-date{grid-template-columns:1fr}.homework-due-date input{box-sizing:border-box;width:100%}}.parent-progress-layout{grid-template-columns:minmax(250px,.9fr) 1.35fr;gap:12px;margin-top:15px;display:grid}.progress-ring-card{background:linear-gradient(145deg,#f7faff,#eef4fc);border:1px solid #dbe4ef;border-radius:16px;align-items:center;gap:16px;padding:15px;display:flex}.progress-ring-card>div:last-child{gap:5px;display:grid}.progress-ring-card>div:last-child>strong{color:#173f7a;font-size:15px}.progress-ring-card>div:last-child>small{color:#718096;font-size:11px;line-height:1.4}.progress-ring{--progress:0deg;background:conic-gradient(#1b8b55 var(--progress),#dbe5f1 0);border-radius:50%;flex:0 0 92px;place-items:center;width:92px;height:92px;display:grid;box-shadow:inset 0 0 0 1px #fff}.progress-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:72px;height:72px;box-shadow:0 4px 12px #173f7a1a}.progress-ring>span{z-index:1;text-align:center;grid-area:1/1;display:grid}.progress-ring strong{color:#173f7a;font-size:21px}.progress-ring small{color:#718096;text-transform:uppercase;font-size:9px;font-weight:800}.parent-progress-layout .parent-progress-grid{grid-template-columns:repeat(3,1fr);margin-top:0}.subject-progress-section{border-top:1px solid #e6ebf2;margin-top:18px;padding-top:17px}.subject-progress-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px;display:flex}.subject-progress-heading span{color:#bd8611;letter-spacing:1.3px;font-size:9px;font-weight:900}.subject-progress-heading h3{color:#142d56;margin:4px 0 0;font-size:18px}.subject-progress-heading>small{color:#718096;font-size:11px}.subject-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subject-progress-grid article{background:#fafbfd;border:1px solid #dfe6ef;border-radius:14px;padding:13px;box-shadow:0 3px 10px #173f7a0a}.subject-card-top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.subject-card-top>span{color:#fff;background:linear-gradient(145deg,#173f7a,#2c69ad);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.subject-card-top>div{gap:2px;display:grid}.subject-card-top strong{color:#173f7a;font-size:13px}.subject-card-top small{color:#77859a;font-size:10px}.subject-card-top>b{color:#173f7a;font-size:14px}.subject-card-top i{color:#e4a600;font-style:normal}.subject-progress-bar{background:#e4eaf2;border-radius:99px;height:7px;margin-top:12px;overflow:hidden}.subject-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#1a7e50,#28a86b);height:100%;display:block}.subject-progress-grid footer{color:#718096;background:0 0;justify-content:space-between;margin-top:6px;padding:0;display:flex}.subject-progress-grid footer small{font-size:9px}.subject-progress-grid footer strong{color:#173f7a;font-size:10px}.subject-progress-empty{background:#f8faff;border:1px dashed #b9c8da;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.subject-progress-empty>span{font-size:25px}.subject-progress-empty>div{gap:3px;display:grid}.subject-progress-empty strong{color:#173f7a;font-size:13px}.subject-progress-empty small{color:#718096;font-size:11px}@media (width<=760px){.parent-progress-layout{grid-template-columns:1fr}.parent-progress-layout .parent-progress-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.progress-ring-card{padding:12px}.progress-ring{flex-basis:78px;width:78px;height:78px}.progress-ring:before{width:60px;height:60px}.progress-ring strong{font-size:18px}.parent-progress-layout .parent-progress-grid{grid-template-columns:1fr 1fr}.parent-progress-layout .parent-progress-grid article:last-child{grid-column:1/-1}.subject-progress-grid{grid-template-columns:1fr}.subject-progress-heading{flex-direction:column;align-items:start}.subject-progress-heading>small{margin-top:-4px}}.subject-progress-grid article.needs-attention{background:#fff6f6;border-color:#efb6b6}.subject-progress-grid article.needs-attention .subject-card-top>span{background:linear-gradient(145deg,#b42323,#d94343)}.subject-progress-grid article.needs-attention .subject-progress-bar span{background:linear-gradient(90deg,#c42b2b,#e35a5a)}.subject-progress-grid article.needs-attention .subject-card-top small{color:#b42323;font-weight:900}.monthly-subjects p.needs-attention{background:#842626;border:1px solid #ff9f9f}.monthly-subjects p>strong>small{color:#ffd5d5;text-transform:uppercase;letter-spacing:.5px;margin:3px 0 0;font-size:8px;display:block}.monthly-heading-actions{align-items:center;gap:8px;display:flex}.print-report-button{color:#173f7a;cursor:pointer;background:#f7d66f;border:1px solid #f0ce70;border-radius:10px;padding:10px 12px;font-weight:900}.print-report-button:disabled{opacity:.5;cursor:not-allowed}.exam-archive{background:#fff;border:1px solid #dce4ee;border-radius:18px;margin-top:16px;padding:20px;box-shadow:0 7px 24px #1e304a12}.exam-archive-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.exam-archive-heading span{color:#bd8611;letter-spacing:1.3px;font-size:9px;font-weight:900}.exam-archive-heading h2{color:#142d56;margin:4px 0;font-size:20px}.exam-archive-heading p{color:#718096;margin:0;font-size:11px}.exam-archive-count{white-space:nowrap;background:#f7f9fc;border:1px solid #d9e3ef;border-radius:99px;padding:7px 9px}.exam-archive>article{background:linear-gradient(145deg,#f8fbff,#f2f6fb);border:1px solid #dce5ef;border-radius:15px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;margin-top:15px;padding:14px;display:grid}.exam-archive-icon{background:#f4c542;border-radius:13px;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.exam-archive>article>div:nth-child(2){gap:4px;display:grid}.exam-archive>article>div:nth-child(2)>strong{color:#173f7a;font-size:14px}.exam-archive>article>div:nth-child(2)>small{color:#718096;font-size:10px}.exam-archive-score{align-items:center;gap:6px;display:flex}.exam-archive-score b{color:#173f7a;font-size:20px}.exam-archive-score span{color:#875f00;background:#fff0bc;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:900}.exam-archive>article>button{color:#fff;cursor:pointer;background:#173f7a;border:0;border-radius:10px;padding:10px 13px;font-weight:900}@media (width<=650px){.monthly-heading-actions{grid-template-columns:1fr auto;width:100%;display:grid}.monthly-heading-actions select{width:100%!important}.exam-archive{padding:15px}.exam-archive>article{grid-template-columns:auto 1fr}.exam-archive-score{grid-column:1/2}.exam-archive>article>button{grid-column:2/3}.exam-archive-heading h2{font-size:18px}}@media print{body{background:#fff!important}body *{visibility:hidden}.monthly-summary,.monthly-summary *{visibility:visible}.monthly-summary{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;position:absolute;inset:0;box-shadow:none!important;border-radius:0!important;margin:0!important}.monthly-heading-actions,.delete-monthly{display:none!important}}.notification-panel{max-height:min(440px,65vh);overflow:auto}.notification-panel>header{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;padding:3px 0 9px;display:flex}.notification-panel>header strong{color:#173f7a}.notification-panel>header button{color:#1c5aa1;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900}.notification-item{color:#45556e;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 5px;display:grid}.notification-item.unread{background:#f1f6ff}.notification-item>span{font-size:17px}.notification-item p{margin:0;font-size:13px;line-height:1.35}.notification-item small{color:#78869a;font-size:10px;font-weight:800}.notification-item.unread small{color:#fff;background:#d12f2f;border-radius:99px;padding:3px 6px}.no-notifications{padding:8px 0;color:#587166!important}.correction-comparison{background:#f6f8fc;border:1px solid #d8e2ef;border-radius:15px;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;padding:12px;display:grid}.correction-comparison>section{background:#fff;border:1px solid #dfe5ed;border-radius:12px;min-width:0;padding:11px}.correction-comparison>.corrected-side{background:#f3fbf6;border-color:#add9bf}.correction-comparison header{align-items:center;gap:9px;margin-bottom:10px;display:flex}.correction-comparison header>span{color:#fff;background:#173f7a;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:900;display:grid}.correction-comparison .corrected-side header>span{background:#14804a}.correction-comparison header div{gap:1px;display:grid}.correction-comparison header strong{color:#173f7a;font-size:13px}.correction-comparison header small{color:#7a879a;font-size:10px}.comparison-pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.comparison-pages button{color:#173f7a;cursor:pointer;background:#f7f9fc;border:1px solid #d9e1ec;border-radius:9px;min-height:92px;overflow:hidden}.comparison-pages button>span,.comparison-pages button>small{display:block}.comparison-pages img{object-fit:cover;width:100%;height:92px;display:block}.portal-section-loading{color:#66768d;background:linear-gradient(90deg,#f6f8fb,#fff,#f6f8fb) 0 0/200% 100%;border:1px solid #dfe5ed;border-radius:15px;margin:14px 0;padding:18px;animation:1.2s linear infinite portalLoading}@keyframes portalLoading{to{background-position:-200% 0}}@media (width<=650px){.correction-comparison{grid-template-columns:1fr}.comparison-pages button{min-height:82px}.comparison-pages img{height:82px}.notification-panel{width:calc(100% - 20px);top:64px;right:10px}}.homework-list>article,.homework-list>.subject-homework-group-item{content-visibility:auto;contain-intrinsic-size:420px}.records-list article,.class-history article{content-visibility:auto;contain-intrinsic-size:120px}.parent-teacher-history,.parent-teacher-homework{background:#fbfcfe;border:1px solid #d8e2ee;border-radius:15px;margin:14px 0 18px;padding:0 14px 14px}.parent-teacher-history>header,.parent-teacher-homework>header{background:#f0f5fb;border-bottom:1px solid #dfe6ef;border-radius:15px 15px 0 0;align-items:center;gap:10px;margin:0 -14px 12px;padding:12px 14px;display:flex}.parent-teacher-history>header>span,.parent-teacher-homework>header>span{color:#fff;background:#173f7a;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.parent-teacher-history>header>div,.parent-teacher-homework>header>div{gap:2px;display:grid}.parent-teacher-history>header strong,.parent-teacher-homework>header strong{color:#173f7a;font-size:15px}.parent-teacher-history>header small,.parent-teacher-homework>header small{color:#718096;font-size:11px}.parent-homework-collapsible{margin:0}.parent-homework-collapsible.open>.recent-classes-toggle{background:#edf4fc;border-radius:13px 13px 0 0}.parent-homework-records{background:#fff;border:1px solid #d7e1ed;border-top:0;border-radius:0 0 13px 13px;padding:14px}.parent-homework-records>.load-homework{margin:0 0 14px}.parent-subject-homework{margin-top:12px}.parent-subject-homework>h3{color:#fff;background:#284e82;border-radius:9px;margin:0 0 8px;padding:9px 11px;font-size:13px}.parent-subject-homework .homework-list{margin:0}.parent-subject-homework .homework-list article:last-child{margin-bottom:0}@media (width<=650px){.parent-homework-records{padding:9px}.parent-teacher-history,.parent-teacher-homework{padding-left:9px;padding-right:9px}.parent-teacher-history>header,.parent-teacher-homework>header{margin-left:-9px;margin-right:-9px}.parent-homework-collapsible .recent-classes-toggle small{line-height:1.35}}@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}