*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-right-0\.5{right:-.125rem}.-right-1\.5{right:-.375rem}.-top-0\.5{top:-.125rem}.-top-1\.5{top:-.375rem}.bottom-0{bottom:0}.bottom-24{bottom:6rem}.bottom-32{bottom:8rem}.right-4{right:1rem}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-white\/60{border-color:#fff9}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/95{background-color:#fffffff2}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Inter,system-ui,sans-serif}.text-\[10px\]{font-size:10px}.text-\[18px\]{font-size:18px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.grayscale{--tw-grayscale:grayscale(100%);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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-primary:#2563eb;--color-secondary:#16a34a}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#f8fafc;font-family:Inter,sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-upload-overlay{opacity:0;color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}[class*=avatar]:hover>.avatar-upload-overlay,div:hover>.avatar-upload-overlay{opacity:1}.level-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.level-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.level-checkbox:hover{border-color:#94a3b8}.level-checkbox.checked{color:#1e40af;background:#eff6ff;border-color:#2563eb}.level-checkbox input{cursor:pointer}.first\:border-t-0:first-child{border-top-width:0}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:480px}@media (width<=768px){.table-scroll{border-radius:8px;margin:0 -4px}.table-scroll table{font-size:12px}.table-scroll th{white-space:nowrap;padding:8px;font-size:10px}.table-scroll td{white-space:nowrap;padding:6px 8px}}@media (width<=600px){.table-card-view{background:0 0;border:none;flex-direction:column;gap:8px;display:flex}.table-card-view table{min-width:unset;display:contents}.table-card-view thead{display:none}.table-card-view tbody{display:contents}.table-card-view tr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex;box-shadow:0 1px 3px #0f172a0f}.table-card-view td{white-space:normal;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.table-card-view td:last-child{border-bottom:none}.table-card-view td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:12px;font-size:11px;font-weight:600}}@media (width<=768px){.form-grid,.form-grid.two-col,.form-grid.three-col{grid-template-columns:1fr!important}.form-field.full-width{grid-column:1!important}.two-col-layout,.teacher-grid,.gd-layout,.ad-layout,.mk-layout{grid-template-columns:1fr!important}.teacher-stats,.ad-kpi-grid,.mk-kpi-grid,.gd-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.tt-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}}@media (width<=480px){.teacher-stats,.ad-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.mk-kpi-grid,.gd-kpi-grid{grid-template-columns:1fr!important}.tt-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}}@media (width<=768px){.teacher-card,.ad-card,.mk-class,.gd-panel,.gd-card,.mc-card,.cmt-toolbar,.notice-card-full{border-radius:10px!important;padding:14px 12px!important}.teacher-header,.ad-header-top,.card-header{flex-direction:column;align-items:flex-start;gap:10px}.header-actions{width:100%}.header-actions .btn-primary,.ad-btn--primary{justify-content:center;width:100%}.me-modal-overlay{align-items:flex-end;padding:0}.me-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:90vh;overflow-y:auto}.nav-item,.attend-toggle,.class-tab,.ad-qa-btn,.ad-btn,.mk-btn,.gd-btn{min-height:44px}.ad-dash,.mk-page,.gd-dash,.tt-dash,.cmt-page,.cbc-page,.notices-page,.mc-page{gap:14px!important}.cmt-toolbar,.mk-info,.ad-status,.gd-status,.me-filters{flex-direction:column;align-items:stretch}.cmt-filters{flex-direction:column}.cmt-select,.me-filter-select{width:100%}}@media (width<=480px){.hide-mobile{display:none!important}.btn-full-mobile{justify-content:center;width:100%}}@media (width<=768px){.teacher-root{--u-border:#e5e7eb;--u-card-radius:12px;--u-stat-radius:10px;--u-gap:8px}.teacher-root .att-card,.teacher-root .att-quickcard,.teacher-root .att-class-item,.teacher-root .tt-mobile-day,.teacher-root .mc-tile,.teacher-root .mcm-group,.teacher-root .mcm-day-card,.teacher-root .mcm-subject-card,.teacher-root .tmn-more-item{border-radius:var(--u-card-radius)!important;border-color:var(--u-border)!important}.teacher-root .tt-stat,.teacher-root .att-glance-stat{border-radius:var(--u-stat-radius)!important;border-color:var(--u-border)!important}.teacher-root .tt-summary,.teacher-root .tt-mobile-list,.teacher-root .att-glance-grid,.teacher-root .mc-tiles,.teacher-root .mcm-subjects,.teacher-root .tmn-more-grid{gap:var(--u-gap)!important}}.sp-root{display:none}@media (width<=768px){.sp-root{z-index:9999;background:linear-gradient(145deg,#f0fdf4 0%,#fff 35%,#eff6ff 70%,#f0fdf4 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.sp-root:before,.sp-root:after{content:"";filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.sp-root:before{background:#16a34a;width:320px;height:320px;animation:6s ease-in-out infinite alternate sp-blob-drift;top:-60px;right:-60px}.sp-root:after{background:#0f172a;width:260px;height:260px;animation:7s ease-in-out 1s infinite alternate-reverse sp-blob-drift;bottom:-40px;left:-40px}.sp-content{z-index:1;text-align:center;padding:40px 32px;animation:.7s both sp-fade-in;position:relative}.sp-logo-wrap{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 20px;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s both sp-logo-pop;display:flex;box-shadow:0 8px 32px #0f172a33,0 0 0 4px #16a34a1f}.sp-logo-initial{color:#fff;letter-spacing:-1px;-webkit-user-select:none;user-select:none;font-size:40px;font-weight:800;line-height:1}.sp-brand{letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.2;animation:.6s .3s both sp-slide-up}.sp-brand-shule{color:#0f172a}.sp-brand-pulse{color:#16a34a}.sp-tagline{color:#64748b;letter-spacing:.3px;margin:0 0 28px;font-size:13px;font-weight:500;animation:.6s .45s both sp-slide-up}.sp-loader{justify-content:center;align-items:center;gap:6px;animation:.6s .6s both sp-slide-up;display:flex}.sp-dot{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite sp-dot-bounce}.sp-dot:nth-child(2){animation-delay:.15s}.sp-dot:nth-child(3){animation-delay:.3s}.sp-version{text-align:center;color:#94a3b8;letter-spacing:.4px;font-size:11px;animation:.6s .8s both sp-fade-in;position:absolute;bottom:20px;left:0;right:0}.sp-root.sp-exiting{pointer-events:none;animation:.45s forwards sp-fade-out}}@media (width>=769px){.sp-root{z-index:9999;background:linear-gradient(145deg,#f0fdf4 0%,#fff 35%,#eff6ff 70%,#f0fdf4 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.sp-root:before,.sp-root:after{content:"";filter:blur(90px);opacity:.32;pointer-events:none;border-radius:50%;position:absolute}.sp-root:before{background:#16a34a;width:520px;height:520px;animation:6s ease-in-out infinite alternate sp-blob-drift;top:-160px;right:-120px}.sp-root:after{background:#0f172a;width:460px;height:460px;animation:7s ease-in-out 1s infinite alternate-reverse sp-blob-drift;bottom:-140px;left:-120px}.sp-content{z-index:1;text-align:center;padding:48px 40px;animation:.7s both sp-fade-in;position:relative}.sp-logo-wrap{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:32px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s both sp-logo-pop;display:flex;box-shadow:0 12px 40px #0f172a38,0 0 0 5px #16a34a24}.sp-brand{letter-spacing:-.5px;margin:0 0 8px;font-size:42px;font-weight:800;line-height:1.15;animation:.6s .3s both sp-slide-up}.sp-brand-shule{color:#0f172a}.sp-brand-pulse{color:#16a34a}.sp-tagline{color:#64748b;letter-spacing:.3px;margin:0 0 32px;font-size:15px;font-weight:500;animation:.6s .45s both sp-slide-up}.sp-loader{justify-content:center;align-items:center;gap:8px;animation:.6s .6s both sp-slide-up;display:flex}.sp-dot{background:#16a34a;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite sp-dot-bounce}.sp-dot:nth-child(2){animation-delay:.15s}.sp-dot:nth-child(3){animation-delay:.3s}.sp-version{text-align:center;color:#94a3b8;letter-spacing:.4px;font-size:12px;animation:.6s .8s both sp-fade-in;position:absolute;bottom:24px;left:0;right:0}.sp-root.sp-exiting{pointer-events:none;animation:.45s forwards sp-fade-out}}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sp-logo-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sp-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes sp-blob-drift{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-16px)scale(1.1)}}.feature-locked-container{justify-content:center;align-items:center;min-height:400px;padding:32px;display:flex}.feature-locked-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 1px 3px #0000000f}.feature-locked-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:inline-flex}.feature-locked-title{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.feature-locked-description{color:#475569;margin:0 0 24px;font-size:14px;line-height:1.5}.feature-locked-plan-info{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.feature-locked-current,.feature-locked-required{flex-direction:column;align-items:center;gap:6px;display:flex}.feature-locked-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:11px;font-weight:600}.feature-locked-plan-badge{border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.feature-locked-plan-badge.current{color:#64748b;background:#f1f5f9}.feature-locked-plan-badge.required{color:#2563eb;background:#dbeafe}.feature-locked-arrow{color:#94a3b8}.feature-locked-help{color:#64748b;margin:0 0 16px;font-size:13px}.feature-locked-contact{background:var(--color-primary,#2563eb);color:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.feature-locked-contact:hover{opacity:.9}.maintenance-page{--blueprint:#0f1b2d;--blueprint-line:#1e3555;--paper:#ece7db;--paper-dim:#b9c4d4;--safety:#ff6a39;--caution:#ffc145;--steel:#52657f;--dirt:#6b5a45;background:var(--blueprint);background-image:linear-gradient(var(--blueprint-line) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-line) 1px, transparent 1px);min-height:100vh;color:var(--paper);background-size:40px 40px;justify-content:center;align-items:center;margin:0;padding:24px;font-family:IBM Plex Mono,Courier New,monospace;display:flex;overflow:hidden}.maintenance-wrap{text-align:center;width:min(920px,92vw);padding:24px 0 8px}.maintenance-tape{letter-spacing:.3em;text-transform:uppercase;color:var(--blueprint);background:repeating-linear-gradient(45deg, var(--caution), var(--caution) 10px, #1a1a1a 10px, #1a1a1a 20px);margin-bottom:28px;padding:5px 18px;font-size:11px;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 3px 8px #00000059}.maintenance-title{letter-spacing:.03em;color:var(--paper);text-transform:uppercase;text-shadow:3px 3px 0 var(--safety);margin:0 0 14px;font-family:Impact,Arial Narrow Bold,sans-serif;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.02}.maintenance-sub{color:var(--paper-dim);max-width:480px;margin:0 auto 40px;font-size:15px;line-height:1.6}.maintenance-progress{letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:6px;font-size:12px}.maintenance-progress b{color:var(--caution)}.maintenance-footer{color:var(--steel);letter-spacing:.05em;margin:0;font-size:12px}.maintenance-scene{width:100%;height:210px;margin:0 auto 34px;position:relative}.m-ground{background:var(--steel);height:3px;position:absolute;bottom:34px;left:0;right:0;box-shadow:0 0 0 1px #0003}.m-ground:after{content:"";background:repeating-linear-gradient(90deg, var(--dirt) 0 8px, transparent 8px 16px);opacity:.5;height:10px;position:absolute;top:3px;left:0;right:0}.m-wall{border-left:2px solid var(--steel);border-right:2px solid var(--steel);flex-direction:column-reverse;width:130px;height:74px;display:flex;position:absolute;bottom:37px;left:50%;overflow:hidden;transform:translate(-50%)}.m-brick-row{height:12px;display:flex}.m-brick-row:nth-child(odd){margin-left:-9px}.m-brick{background:var(--safety);opacity:0;border:1px solid #00000040;width:18px;height:12px;margin-right:2px;animation:6s ease-in-out infinite m-layBrick}@keyframes m-layBrick{0%,4%{opacity:0;transform:translateY(6px)}8%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(6px)}}.m-brick-row:first-child .m-brick:first-child{animation-delay:0s}.m-brick-row:first-child .m-brick:nth-child(2){animation-delay:.15s}.m-brick-row:first-child .m-brick:nth-child(3){animation-delay:.3s}.m-brick-row:first-child .m-brick:nth-child(4){animation-delay:.45s}.m-brick-row:first-child .m-brick:nth-child(5){animation-delay:.6s}.m-brick-row:first-child .m-brick:nth-child(6){animation-delay:.75s}.m-brick-row:first-child .m-brick:nth-child(7){animation-delay:.9s}.m-brick-row:nth-child(2) .m-brick:first-child{animation-delay:1.1s}.m-brick-row:nth-child(2) .m-brick:nth-child(2){animation-delay:1.25s}.m-brick-row:nth-child(2) .m-brick:nth-child(3){animation-delay:1.4s}.m-brick-row:nth-child(2) .m-brick:nth-child(4){animation-delay:1.55s}.m-brick-row:nth-child(2) .m-brick:nth-child(5){animation-delay:1.7s}.m-brick-row:nth-child(2) .m-brick:nth-child(6){animation-delay:1.85s}.m-brick-row:nth-child(2) .m-brick:nth-child(7){animation-delay:2s}.m-brick-row:nth-child(3) .m-brick:first-child{animation-delay:2.2s}.m-brick-row:nth-child(3) .m-brick:nth-child(2){animation-delay:2.35s}.m-brick-row:nth-child(3) .m-brick:nth-child(3){animation-delay:2.5s}.m-brick-row:nth-child(3) .m-brick:nth-child(4){animation-delay:2.65s}.m-brick-row:nth-child(3) .m-brick:nth-child(5){animation-delay:2.8s}.m-brick-row:nth-child(3) .m-brick:nth-child(6){animation-delay:2.95s}.m-brick-row:nth-child(3) .m-brick:nth-child(7){animation-delay:3.1s}.m-brick-row:nth-child(4) .m-brick:first-child{animation-delay:3.3s}.m-brick-row:nth-child(4) .m-brick:nth-child(2){animation-delay:3.45s}.m-brick-row:nth-child(4) .m-brick:nth-child(3){animation-delay:3.6s}.m-brick-row:nth-child(4) .m-brick:nth-child(4){animation-delay:3.75s}.m-brick-row:nth-child(4) .m-brick:nth-child(5){animation-delay:3.9s}.m-brick-row:nth-child(4) .m-brick:nth-child(6){animation-delay:4.05s}.m-brick-row:nth-child(4) .m-brick:nth-child(7){animation-delay:4.2s}.m-crane{width:130px;height:175px;position:absolute;bottom:37px;right:6%}.m-crane-mast{background:var(--caution);background-image:repeating-linear-gradient(#0006 0 3px,#0000 3px 14px);width:8px;height:175px;position:absolute;bottom:0;left:14px}.m-crane-arm{background:var(--caution);transform-origin:78px 3px;width:130px;height:6px;animation:6s ease-in-out infinite m-swingArm;position:absolute;top:4px;left:-60px}@keyframes m-swingArm{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(0)}75%{transform:rotate(6deg)}}.m-crane-cable{background:var(--steel);transform-origin:top;width:1px;height:46px;animation:6s ease-in-out infinite m-swingArm;position:absolute;top:8px;left:-50px}.m-crane-hook{background:var(--safety);transform-origin:10px -44px;border-radius:2px;width:20px;height:14px;animation:6s ease-in-out infinite m-swingArm;position:absolute;top:52px;left:-55px}.m-worker{width:46px;height:60px;position:absolute;bottom:37px}.m-w-hammer{left:6%}.m-figure{width:100%;height:100%;position:relative}.m-head{background:var(--paper);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:15px}.m-hat{background:var(--caution);border-radius:4px 4px 0 0;width:22px;height:9px;position:absolute;top:-3px;left:12px}.m-torso{background:var(--steel);border-radius:3px;width:20px;height:24px;position:absolute;top:15px;left:13px}.m-leg{background:var(--blueprint-line);border:1px solid var(--steel);border-radius:0 0 3px 3px;width:7px;height:20px;position:absolute;top:37px}.m-leg-l{left:15px}.m-leg-r{left:24px}.m-arm-hammer{background:var(--paper);transform-origin:2px 3px;border-radius:3px;width:20px;height:6px;animation:1.1s ease-in-out infinite m-hammerSwing;position:absolute;top:18px;left:26px}.m-hammer-head{background:var(--safety);border-radius:2px;width:12px;height:10px;position:absolute;top:-4px;right:-6px}@keyframes m-hammerSwing{0%{transform:rotate(-40deg)}35%{transform:rotate(20deg)}45%{transform:rotate(24deg)}to{transform:rotate(-40deg)}}.m-spark{background:var(--caution);opacity:0;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite m-sparkPop;position:absolute;top:24px;left:44px}@keyframes m-sparkPop{0%,38%{opacity:0;transform:scale(.4)translate(0)}45%{opacity:1;transform:scale(1.3)translate(3px,-3px)}55%{opacity:0;transform:scale(.6)translate(6px,-6px)}to{opacity:0}}.m-barrow-track{width:130px;height:60px;position:absolute;bottom:37px;left:24%}.m-barrow-unit{width:70px;height:60px;animation:6s ease-in-out infinite m-barrowWalk;position:absolute;bottom:0;left:0}@keyframes m-barrowWalk{0%{transform:translate(0)scaleX(1)}45%{transform:translate(58px)scaleX(1)}50%{transform:translate(58px)scaleX(-1)}95%{transform:translate(0)scaleX(-1)}to{transform:translate(0)scaleX(1)}}.m-barrow-figure{width:46px;height:60px;position:absolute;bottom:0;left:20px}.m-barrow-figure .m-leg{animation:.35s ease-in-out infinite alternate m-barrowLegs}.m-barrow-figure .m-leg-r{animation-delay:.17s}@keyframes m-barrowLegs{0%{transform:rotate(0)}to{transform:rotate(14deg)}}.m-barrow-figure .m-torso{transform:rotate(8deg)}.m-barrow-arm{background:var(--paper);border-radius:3px;width:16px;height:5px;position:absolute;top:22px;left:30px;transform:rotate(-6deg)}.m-cart{background:var(--steel);border-radius:2px 8px 8px 2px;width:30px;height:14px;position:absolute;bottom:6px;left:-6px}.m-cart:after{content:"";background:var(--blueprint-line);border:2px solid var(--paper-dim);border-radius:50%;width:8px;height:8px;animation:6s linear infinite m-wheelSpin;position:absolute;bottom:-7px;left:8px}@keyframes m-wheelSpin{to{transform:rotate(360deg)}}.m-cart-handle{background:var(--steel);width:16px;height:3px;position:absolute;bottom:3px;left:22px;transform:rotate(20deg)}.m-dust{background:var(--paper-dim);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;bottom:2px}.m-dust-1{animation:6s ease-in-out infinite m-puff;left:-4px}.m-dust-2{animation:6s ease-in-out .45s infinite m-puff;left:60px}@keyframes m-puff{0%,42%{opacity:0;transform:scale(.3)translateY(0)}46%{opacity:.7;transform:scale(1)translateY(-6px)}52%{opacity:0;transform:scale(1.4)translateY(-10px)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.maintenance-page *{animation:none!important}}@media (width<=640px){.maintenance-scene{height:175px;transform:scale(.82)}}.login-page{--login-primary:var(--color-primary,#2563eb);--login-secondary:var(--color-secondary,#16a34a);background:radial-gradient(640px 480px at 12% 18%, color-mix(in srgb, var(--login-primary) 12%, transparent), transparent 70%), radial-gradient(720px 560px at 88% 82%, color-mix(in srgb, var(--login-secondary) 10%, transparent), transparent 70%), repeating-linear-gradient(0deg, #94a3b808 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #94a3b808 0 1px, transparent 1px 48px), #0a0f1e;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#111827;border:1px solid #94a3b814;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px #0000004d,0 24px 64px #00000073}.login-page .login-card{width:100%;max-width:960px;min-height:560px;display:flex}.login-page .login-left{background:linear-gradient(165deg,#0d1526 0%,#0b1120 100%);flex-shrink:0;justify-content:center;align-items:center;width:420px;padding:40px;display:flex}.login-left-content{width:100%;max-width:340px}.login-brand-row{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-logo-badge{background:#ffffff0d;border:1px solid #94a3b829;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.login-logo-badge img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.login-brand-name{letter-spacing:-.3px;color:#f1f5f9;font-size:17px;font-weight:700}.login-title{letter-spacing:-.4px;color:#f1f5f9;margin-bottom:6px;font-size:24px;font-weight:700}.login-hint{color:#94a3b8;margin-bottom:24px;font-size:13px;line-height:1.5}.login-error{color:#f87171;background:#ef44441a;border:1px solid #ef444447;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field label{color:#94a3b8;font-size:13px;font-weight:500}.login-field input{color:#e2e8f0;background:#1e293b;border:1px solid #1e293b;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#64748b}.login-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.login-field input:-webkit-autofill{-webkit-text-fill-color:#e2e8f0;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e293b}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:40px}.password-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex;position:absolute;right:8px}.password-toggle:hover{color:#cbd5e1;background:#94a3b81f}.login-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.login-remember{color:#94a3b8;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.login-remember input[type=checkbox]{accent-color:var(--color-primary);width:14px;height:14px}.login-forgot-link{color:#60a5fa;font-size:13px;font-weight:500;text-decoration:none}.login-forgot-link:hover{text-decoration:underline}.login-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:11px;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.login-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.login-btn:active{transform:scale(.985)}.login-btn:disabled{background:color-mix(in srgb, var(--color-primary) 40%, #0f172a);cursor:not-allowed;opacity:.75;transform:none}.login-btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-roles{color:#64748b;border-top:1px solid #94a3b81f;flex-wrap:wrap;align-items:center;gap:6px;margin-top:24px;padding-top:18px;font-size:12px;display:flex}.role-badge{color:#94a3b8;background:#1e293b;border:1px solid #94a3b824;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.login-page .login-right{background:radial-gradient(420px 320px at 76% 24%, color-mix(in srgb, var(--login-primary) 20%, transparent), transparent 70%), radial-gradient(400px 320px at 18% 80%, color-mix(in srgb, var(--login-secondary) 16%, transparent), transparent 70%), repeating-linear-gradient(0deg, #94a3b80a 0 1px, transparent 1px 44px), repeating-linear-gradient(90deg, #94a3b80a 0 1px, transparent 1px 44px), #0b1120;flex:1;min-width:0;position:relative;overflow:hidden}.login-right:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#0000 60%,#0a0f1e8c 100%);position:absolute;inset:0}.login-right .adm-map-svg,.kenya-map-wrap{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.kenya-map-wrap>div{width:100%!important;height:100%!important}.kenya-map-labels{pointer-events:none;position:absolute;inset:0}.kenya-map-label{letter-spacing:1.5px;color:#ffffff1f;text-transform:uppercase;white-space:nowrap;font-family:Inter,sans-serif;font-size:9px;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.adm-map-svg *{animation:none!important}}.login-root{--login-primary:var(--color-primary,#2563eb);--login-secondary:var(--color-secondary,#16a34a);background:radial-gradient(640px 480px at 12% 18%, color-mix(in srgb, var(--login-primary) 12%, transparent), transparent 70%), radial-gradient(720px 560px at 88% 82%, color-mix(in srgb, var(--login-secondary) 10%, transparent), transparent 70%), repeating-linear-gradient(0deg, #94a3b808 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #94a3b808 0 1px, transparent 1px 48px), #0a0f1e;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:24px;display:flex}.login-root .login-left{flex:1;max-width:380px;padding:24px}.login-root .login-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-root .login-logo{color:#94a3b8;background:#ffffff0d;border:1px solid #94a3b829;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.login-root .login-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.login-headline{letter-spacing:-.4px;color:#f1f5f9;margin-bottom:8px;font-size:26px;font-weight:700;line-height:1.2}.login-sub{color:#94a3b8;font-size:14px;line-height:1.5}.login-root .login-right{flex:1;justify-content:center;align-items:center;max-width:460px;display:flex}.login-root .login-card{width:100%;padding:32px}@media (width<=900px){.login-page .login-card{max-width:720px;min-height:520px}.login-page .login-left{width:360px;padding:32px 28px}.login-title{font-size:21px}}@media (width<=640px){.login-page{align-items:stretch;height:100dvh;padding:0;overflow:hidden}.login-page .login-card{max-width:100%;height:100dvh;min-height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column}.login-page .login-left{flex:1;width:100%;padding:28px 24px;overflow-y:auto}.login-page .login-right{display:none}.login-page,.login-page .login-right{overscroll-behavior:none}.login-left-content{max-width:380px;margin:0 auto}.login-roles,.login-footer{display:none!important}.login-root{flex-direction:column;gap:8px}.login-root .login-left,.login-root .login-right{max-width:100%;padding:16px 20px}}.login-footer{text-align:center;color:#64748b;padding:16px 24px;font-size:12px}.login-footer-link{color:#94a3b8;text-decoration:none}.login-footer-link:hover{color:#e2e8f0;text-decoration:underline}.login-footer-sep{color:#475569;margin:0 8px}.login-google-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #94a3b840;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:11px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .1s;display:flex}.login-google-btn:hover{background:#fff;border-color:#94a3b873}.login-google-btn:active{transform:scale(.985)}.login-google-btn:disabled{opacity:.75;cursor:not-allowed}.login-google-inner{justify-content:center;align-items:center;gap:10px;display:flex}.login-google-icon{flex-shrink:0}.login-divider{align-items:center;gap:12px;margin:18px 0 2px;display:flex}.login-divider-line{background:#94a3b82e;flex:1;height:1px}.login-divider-text{color:#64748b;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;font-size:12px}.mfa-panel{flex-direction:column;gap:14px;display:flex}.mfa-title{letter-spacing:-.3px;color:#f1f5f9;font-size:18px;font-weight:700}.mfa-hint{color:#94a3b8;font-size:13px;line-height:1.5}.mfa-qr{background:#fff;border-radius:10px;align-self:center;width:168px;height:168px;padding:8px}.mfa-secret-block{color:#94a3b8;word-break:break-all;font-size:12px;line-height:1.5}.mfa-secret-block code{color:#e2e8f0;background:#1e293b;border:1px solid #94a3b829;border-radius:6px;padding:2px 6px;font-size:12px}.mfa-secondary-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:center;padding:6px;font-size:13px;transition:color .2s,background .2s}.mfa-secondary-btn:hover{color:#cbd5e1;background:#94a3b81a}.pp-page{--pp-primary:var(--color-primary,#2563eb);--pp-secondary:var(--color-secondary,#16a34a);--pp-primary-light:color-mix(in srgb, var(--pp-primary) 12%, transparent);--pp-primary-border:color-mix(in srgb, var(--pp-primary) 30%, transparent);--pp-text:#f1f5f9;--pp-text-secondary:#cbd5e1;--pp-text-muted:#64748b;--pp-bg:#0f172ad9;--pp-bg-alt:#1e293b99;--pp-border:#94a3b81f;--pp-border-light:#94a3b80f;background:radial-gradient(640px 480px at 12% 18%, color-mix(in srgb, var(--pp-primary) 12%, transparent), transparent 70%), radial-gradient(720px 560px at 88% 82%, color-mix(in srgb, var(--pp-secondary) 10%, transparent), transparent 70%), repeating-linear-gradient(0deg, #94a3b808 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #94a3b808 0 1px, transparent 1px 48px), #0a0f1e;min-height:100vh;color:var(--pp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}.pp-container{grid-template-columns:220px 1fr;gap:48px;max-width:1120px;margin:0 auto;padding:48px 32px;display:grid}@media (width<=900px){.pp-container{grid-template-columns:1fr;gap:24px;padding:32px 20px}}.pp-toc{display:none}@media (width>=901px){.pp-toc{display:block}}.pp-toc-inner{position:sticky;top:48px}.pp-toc-label{text-transform:uppercase;letter-spacing:.08em;color:var(--pp-text-muted);margin-bottom:12px;font-size:11px;font-weight:600}.pp-toc-list{border-left:2px solid var(--pp-border);margin:0;padding:0;list-style:none}.pp-toc-list li{margin:0}.pp-toc-link{color:var(--pp-text-secondary);border-left:2px solid #0000;margin-left:-2px;padding:4px 0 4px 14px;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s;display:block}.pp-toc-link:hover{color:var(--pp-text)}.pp-toc-link--active{border-left-color:var(--pp-primary);color:var(--pp-primary);font-weight:500}.pp-header{border-bottom:2px solid var(--pp-border);margin-bottom:36px;padding-bottom:28px}.pp-title{color:var(--pp-text);margin:0 0 8px;font-size:32px;font-weight:700}.pp-subtitle{color:var(--pp-text-secondary);margin:0 0 16px;font-size:14px}.pp-content{font-size:15px;line-height:1.75}.pp-content p{color:var(--pp-text-secondary);margin:0 0 16px}.pp-section-heading{color:var(--pp-text);margin:40px 0 12px;scroll-margin-top:32px;font-size:20px;font-weight:600}.pp-section-heading:first-child{margin-top:0}.pp-list{margin:0 0 16px;padding-left:20px}.pp-list li{color:var(--pp-text-secondary);margin-bottom:8px}.pp-list li:last-child{margin-bottom:0}.pp-table-wrap{border:1px solid var(--pp-border);border-radius:10px;margin:16px 0 24px;overflow-x:auto}.pp-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.pp-table-head{background:var(--pp-primary);color:#fff}.pp-table-head th{padding:10px 16px;font-size:13px;font-weight:600}.pp-table td{vertical-align:top;border-top:1px solid var(--pp-border-light);padding:12px 16px}.pp-cell-category{color:var(--pp-text);white-space:nowrap;font-weight:600}.pp-row-even{background:var(--pp-bg)}.pp-row-odd{background:var(--pp-bg-alt)}.pp-contact-card{border:1px solid var(--pp-border);background:var(--pp-bg-alt);color:var(--pp-text-secondary);border-radius:10px;margin:16px 0 24px;padding:20px;font-size:14px}.pp-contact-card p{color:var(--pp-text-secondary);margin:0 0 6px}.pp-contact-card p:last-child{margin-bottom:0}.pp-contact-row{align-items:center;gap:8px;margin:0 0 6px;display:flex}.pp-contact-row:last-child{margin-bottom:0}.pp-contact-row svg{color:#2ecc71;flex-shrink:0}.pp-contact-text{color:var(--pp-text-secondary)}.pp-contact-card strong{color:var(--pp-text)}.pp-contact-link{color:#2ecc71;text-decoration:none}.pp-contact-link:hover{text-decoration:underline}.pp-back-btn{border:1px solid var(--pp-border);color:var(--pp-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 16px;font-size:13px;transition:all .15s}.pp-back-btn:hover{background:var(--pp-primary-light);border-color:var(--pp-primary-border);color:var(--pp-text)}.tos-page{--tos-primary:var(--color-primary,#2563eb);--tos-secondary:var(--color-secondary,#16a34a);--tos-primary-light:color-mix(in srgb, var(--tos-primary) 12%, transparent);--tos-primary-border:color-mix(in srgb, var(--tos-primary) 30%, transparent);--tos-text:#f1f5f9;--tos-text-secondary:#cbd5e1;--tos-text-muted:#64748b;--tos-bg:#0f172ad9;--tos-bg-alt:#1e293b99;--tos-border:#94a3b81f;--tos-border-light:#94a3b80f;background:radial-gradient(640px 480px at 12% 18%, color-mix(in srgb, var(--tos-primary) 12%, transparent), transparent 70%), radial-gradient(720px 560px at 88% 82%, color-mix(in srgb, var(--tos-secondary) 10%, transparent), transparent 70%), repeating-linear-gradient(0deg, #94a3b808 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #94a3b808 0 1px, transparent 1px 48px), #0a0f1e;min-height:100vh;color:var(--tos-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}.tos-container{grid-template-columns:220px 1fr;gap:48px;max-width:1120px;margin:0 auto;padding:48px 32px;display:grid}@media (width<=900px){.tos-container{grid-template-columns:1fr;gap:24px;padding:32px 20px}}.tos-toc{display:none}@media (width>=901px){.tos-toc{display:block}}.tos-toc-inner{position:sticky;top:48px}.tos-toc-label{text-transform:uppercase;letter-spacing:.08em;color:var(--tos-text-muted);margin-bottom:12px;font-size:11px;font-weight:600}.tos-toc-list{border-left:2px solid var(--tos-border);margin:0;padding:0;list-style:none}.tos-toc-list li{margin:0}.tos-toc-link{color:var(--tos-text-secondary);border-left:2px solid #0000;margin-left:-2px;padding:4px 0 4px 14px;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s;display:block}.tos-toc-link:hover{color:var(--tos-text)}.tos-toc-link--active{border-left-color:var(--tos-primary);color:var(--tos-primary);font-weight:500}.tos-header{border-bottom:2px solid var(--tos-border);margin-bottom:36px;padding-bottom:28px}.tos-title{color:var(--tos-text);margin:0 0 8px;font-size:32px;font-weight:700}.tos-subtitle{color:var(--tos-text-secondary);margin:0 0 16px;font-size:14px}.tos-back-btn{border:1px solid var(--tos-border);color:var(--tos-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 16px;font-size:13px;transition:all .15s}.tos-back-btn:hover{background:var(--tos-primary-light);border-color:var(--tos-primary-border);color:var(--tos-text)}.tos-content{font-size:15px;line-height:1.75}.tos-content p{color:var(--tos-text-secondary);margin:0 0 16px}.tos-section-heading{color:var(--tos-text);margin:40px 0 12px;scroll-margin-top:32px;font-size:20px;font-weight:600}.tos-section-heading:first-of-type{margin-top:0}.tos-parties{border:1px solid var(--tos-border);background:var(--tos-bg-alt);color:var(--tos-text-secondary);border-radius:10px;margin-bottom:32px;padding:20px;font-size:14px;line-height:1.8}.tos-parties strong{color:var(--tos-text)}.tos-list{margin:0 0 16px;padding-left:20px}.tos-list li{color:var(--tos-text-secondary);margin-bottom:8px}.tos-list li:last-child{margin-bottom:0}.tos-table-wrap{border:1px solid var(--tos-border);border-radius:10px;margin:16px 0 24px;overflow-x:auto}.tos-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.tos-table--narrow{max-width:560px}.tos-table-head{background:var(--tos-primary);color:#fff}.tos-table-head th{padding:10px 16px;font-size:13px;font-weight:600}.tos-table td{vertical-align:top;border-top:1px solid var(--tos-border-light);padding:12px 16px}.tos-cell-category{color:var(--tos-text);white-space:nowrap;font-weight:600}.tos-row-even{background:0 0}.tos-row-odd{background:var(--tos-bg-alt)}.fees-page{flex-direction:column;gap:20px;padding:0;display:flex}.fees-toolbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.fees-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fees-toolbar-right{align-items:center;gap:8px;display:flex}.fees-tab-nav{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.fees-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.fees-tab-btn:hover{color:#1e293b;background:#e2e8f0}.fees-tab-btn.active{color:var(--color-primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.fees-global-filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fees-global-filter-left{align-items:center;gap:8px;display:flex}.fees-global-filter-left label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.tab-content{flex-direction:column;gap:20px;display:flex}.fees-summary{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.fee-sum-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:stretch;height:120px;padding:0;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.fee-sum-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.fee-sum-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:88px;min-width:88px;display:flex}.fee-sum-icon-wrap svg{width:28px;height:28px}.fee-sum-card.blue .fee-sum-icon-wrap{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.fee-sum-card.green .fee-sum-icon-wrap{color:#16a34a;background:#f0fdf4}.fee-sum-card.red .fee-sum-icon-wrap{color:#dc2626;background:#fef2f2}.fee-sum-card.purple .fee-sum-icon-wrap{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary)}.fee-sum-body{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:16px 20px 16px 0;display:flex}.fsc-label{color:#64748b;margin:0;font-size:12px;font-weight:500}.fsc-value{color:#0f172a;white-space:nowrap;margin:0;font-size:22px;font-weight:700;line-height:1.2}.fsc-sub{color:#94a3b8;margin:0;font-size:11px}.rate-bar-track{background:#f1f5f9;height:4px;position:absolute;bottom:0;left:0;right:0}.rate-bar-fill{background:var(--color-secondary);height:100%;transition:width .4s}.segmented-status-bar{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;overflow:hidden}.seg-status-item{color:#64748b;cursor:pointer;border-right:1px solid #e5e7eb;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.seg-status-item:last-child{border-right:none}.seg-status-item:hover{background:#f1f5f9}.seg-status-item.active{color:#0f172a;background:#fff;font-weight:600}.seg-status-item .seg-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.seg-status-item .seg-count{color:#475569;background:#f1f5f9;border-radius:8px;padding:1px 7px;font-size:12px;font-weight:600}.seg-status-item.active .seg-count{background:var(--color-primary);color:#fff}.seg-status-item[data-status=paid] .seg-dot{background:#16a34a}.seg-status-item[data-status=partial] .seg-dot{background:#f59e0b}.seg-status-item[data-status=pending] .seg-dot{background:#dc2626}.seg-status-item[data-status=overpaid] .seg-dot{background:var(--color-secondary)}.seg-status-item[data-status=all] .seg-dot{background:#64748b}.status-pills-row{flex-wrap:wrap;gap:12px;display:flex}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.status-pill.paid{color:#16a34a;background:#f0fdf4}.status-pill.partial{color:#d97706;background:#fffbeb}.status-pill.pending{color:#dc2626;background:#fef2f2}.section-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-card-head h3,.section-card-head h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.section-subtitle{color:#94a3b8;font-size:13px;font-weight:400}.badge-count{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.refresh-ico{color:#94a3b8}.refresh-ico:hover{color:var(--color-primary)}.cat-chips{flex-wrap:wrap;gap:8px;display:flex}.cat-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.cat-chip.mandatory{border-color:color-mix(in srgb, var(--color-primary) 20%, white);background:color-mix(in srgb, var(--color-primary) 8%, white)}.cat-chip.optional{background:#f8fafc;border-color:#e5e7eb}.cat-chip-name{color:#1e293b;font-weight:500}.cat-chip{flex-direction:column;align-items:stretch;gap:4px}.cat-chip-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-chip-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.cat-chip:hover .cat-chip-actions{opacity:1}.cat-chip-tags{flex-wrap:wrap;gap:4px;display:flex}.cat-chip-tag{color:#64748b;font-size:11px}.cat-chip-tag.code{color:var(--color-secondary);font-family:monospace;font-weight:600}.cat-chip-tag.recurring{color:#0891b2}.cat-chip.inactive{opacity:.5}.cat-chip-tag.inactive-tag{color:#94a3b8;font-style:italic}.class-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.fees-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.fees-table{border-collapse:collapse;width:100%;min-width:800px;font-size:14px}.fees-table thead{z-index:2;background:#f8fafc;position:sticky;top:0}.fees-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.fees-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;height:64px;padding:16px}.fees-table tbody tr{transition:background .1s}.fees-table tbody tr:hover{background:#f8fafc}.fees-table tbody tr:last-child td{border-bottom:none}.actions-cell{align-items:center;gap:4px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.action-btn:hover{color:#0f172a;background:#f1f5f9}.action-btn.receipt:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.action-btn.reverse:hover{color:#dc2626;background:#fef2f2}.action-btn.audit:hover{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary)}.action-btn svg{width:16px;height:16px}.fw600{font-weight:600}.monospace{letter-spacing:.03em;font-family:monospace;font-size:12px}.empty-cell{text-align:center;color:#94a3b8;font-style:italic;padding:24px 16px!important}.empty-fees{text-align:center;color:#94a3b8;border:2px dashed #e5e7eb;border-radius:16px;padding:60px 20px}.empty-fees p{margin:12px 0 20px;font-size:15px}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary.sm{padding:6px 14px;font-size:13px}.btn-primary.green{background:#16a34a}.btn-primary.green:hover{background:#15803d}.btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.sm{padding:6px 14px;font-size:13px}.btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.btn-ghost.sm{padding:4px 10px;font-size:12px}.btn-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#475569;background:#f1f5f9}.btn-icon.sm{width:22px;height:22px}.btn-icon svg{display:block}.method-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.method-badge.mpesa{color:#16a34a;background:#f0fdf4}.method-badge.bank{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.method-badge.cash{color:#d97706;background:#fffbeb}.method-badge.cheque{color:#16a34a;background:#f0fdf4}.method-badge.waiver{color:#d97706;background:#fffbeb}.method-badge.mobile_money{color:#16a34a;background:#f0fdf4}.status-badge{border-radius:10px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.paid{color:#16a34a;background:#f0fdf4}.status-badge.partial{color:#d97706;background:#fffbeb}.status-badge.bounced{color:#dc2626;background:#fef2f2}.status-badge.pending{color:#d97706;background:#fffbeb}.entry-type{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.entry-type.charge{color:#dc2626;background:#fef2f2}.entry-type.payment{color:#16a34a;background:#f0fdf4}.entry-type.discount{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.entry-type.scholarship{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary)}.entry-type.waiver{color:#d97706;background:#fffbeb}.entry-type.penalty{color:#b91c1c;background:#fef2f2}.method-tabs{gap:8px;display:flex}.method-tab{cursor:pointer;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:10px;font-size:13px;transition:all .15s}.method-tab.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);font-weight:600}.payments-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.student-search-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.student-search-panel .search-wrap{border-bottom:1px solid #e5e7eb;padding:12px}.student-search-panel .search-input{width:100%}.student-list{max-height:520px;overflow-y:auto}.student-list-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:12px 16px;transition:background .1s;display:flex}.student-list-item:hover{background:#f8fafc}.student-list-item.active{background:color-mix(in srgb, var(--color-primary) 8%, white);border-left:3px solid var(--color-primary)}.payment-detail-panel{min-height:300px}.pay-student-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.student-avatar-lg{background:color-mix(in srgb, var(--color-primary) 8%, white);width:44px;height:44px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.pay-student-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.pay-student-header .sadm{font-size:13px}.pay-balance-chip{flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.bal-label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:11px}.bal-value{font-size:18px;font-weight:700}.ledger-mini{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:14px 16px}.ledger-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:600}.ledger-row{color:#1e293b;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.ledger-row+.ledger-row{border-top:1px solid #e5e7eb}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 22px;display:flex}.modal-form .modal-actions{border-top:1px solid #e5e7eb;margin-top:18px;padding:18px 0 0}.form-field input,.form-field select,.form-field textarea{color:#1e293b;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary)}.form-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.checkbox-label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.gen-description{color:#475569;margin:0 0 16px;font-size:14px;line-height:1.6}.gen-result{border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.gen-result.success{color:#16a34a;background:#f0fdf4}.gen-result.info{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.import-steps{color:#475569;padding:0 0 0 18px;font-size:14px;line-height:1.8}.receipt-body{padding:24px 28px}.receipt-logo{color:var(--color-primary);margin-bottom:4px;font-size:20px;font-weight:700}.receipt-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 20px;font-size:13px}.receipt-row{color:#1e293b;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.receipt-row+.receipt-row{border-top:1px solid #f1f5f9}.report-summary-strip{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.rss-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.rss-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px}.rss-value{color:#0f172a;font-size:18px;font-weight:700}.report-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.payments-tab-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payments-tab-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.payments-tab-header p{flex:1;min-width:120px;margin:0}.payments-tab-header .btn-primary{flex-shrink:0}.pay-type-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pay-type-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:11px;transition:all .15s;display:flex}.pay-type-btn:hover{background:#f8fafc;border-color:#93c5fd}.pay-type-btn.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);font-weight:600}.pay-type-icon{font-size:20px;line-height:1}.pay-type-label{font-weight:500}.provider-options{flex-wrap:wrap;gap:6px;display:flex}.provider-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:7px 14px;font-size:13px;transition:all .15s}.provider-btn:hover{border-color:#93c5fd}.provider-btn.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);font-weight:600}.adj-type-options{flex-wrap:wrap;gap:6px;display:flex}.adj-type-btn{cursor:pointer;color:#374151;text-transform:capitalize;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:7px 14px;font-size:13px;transition:all .15s}.adj-type-btn:hover{border-color:#93c5fd}.adj-type-btn.active{border-color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary);font-weight:600}.adj-notice{color:#94a3b8;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px;font-size:12px;line-height:1.5}.pay-modal-student{margin-bottom:4px}.pay-student-search{margin-bottom:8px}.pay-student-list{border:1px solid #e5e7eb;border-radius:8px;max-height:220px;overflow-y:auto}.pay-student-option{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:10px 12px;transition:background .1s;display:flex}.pay-student-option:last-child{border-bottom:none}.pay-student-option:hover{background:#f8fafc}.pay-student-option.active{background:color-mix(in srgb, var(--color-primary) 8%, white);border-left:3px solid var(--color-primary);padding-left:9px}.pay-modal-balance{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 14px;font-size:14px;display:flex}.stmt-actions{flex-shrink:0;gap:4px;display:flex}.audit-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.audit-table-wrap .fees-table{min-width:900px}.audit-table-wrap .fees-table th,.audit-table-wrap .fees-table td{white-space:nowrap}.audit-table{min-width:1100px;font-size:13px}.audit-table th{padding:10px;font-size:11px}.audit-table td{padding:10px}.audit-table .student-name-cell .sname{font-size:13px}.audit-table .student-avatar-sm{width:28px;height:28px;font-size:10px}.staff-name-tag{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.pagination-bar{color:#64748b;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.pagination-btns{align-items:center;gap:6px;display:flex}@media (width<=1024px){.fees-summary{grid-template-columns:repeat(2,1fr)}.payments-layout{grid-template-columns:1fr}.report-summary-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.fees-summary{grid-template-columns:1fr}.fee-sum-card{height:auto}.fee-sum-icon-wrap{width:64px;min-width:64px}.fees-toolbar{flex-direction:column;align-items:stretch}.fees-toolbar-right{justify-content:flex-end}.search-input{width:100%}.fees-tab-nav{flex-wrap:nowrap}.fees-tab-btn{padding:8px 12px;font-size:12px}.report-summary-strip{grid-template-columns:1fr 1fr}.payments-layout{grid-template-columns:1fr}.segmented-status-bar{flex-direction:column}.seg-status-item{border-bottom:1px solid #e5e7eb;border-right:none}.seg-status-item:last-child{border-bottom:none}.pay-type-grid{grid-template-columns:repeat(3,1fr)}.payments-tab-header{flex-direction:column;align-items:stretch}.payments-tab-header .btn-primary{justify-content:center;width:100%}}.fees-context-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;padding:6px;animation:.12s ease-out feesMenuIn;position:fixed;box-shadow:0 8px 24px #0000001f}@keyframes feesMenuIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fees-context-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.fees-context-item:hover{background:#f1f5f9}.fees-context-item svg{color:#64748b;flex-shrink:0;width:15px;height:15px}.fees-context-item.danger,.fees-context-item.danger svg{color:#dc2626}.fees-context-sep{background:#f1f5f9;height:1px;margin:4px 0}.fees-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fees-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.fees-modal-sm{max-width:440px}.fees-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.fees-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.fees-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.fees-modal-close:hover{color:#1e293b;background:#f1f5f9}.fees-modal-body{padding:22px}.fees-modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 22px;display:flex}.fees-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.fees-detail-row:last-child{border-bottom:none}.fees-detail-label{color:#64748b;font-size:13px;font-weight:500}.fees-detail-value{color:#0f172a;text-align:right;font-size:14px;font-weight:500}.fees-toast{z-index:2000;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:500;animation:.2s ease-out feesToastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.fees-toast.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.fees-toast.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@keyframes feesToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pay-credit-chip{color:#7c3aed;border-left:1px solid #e5e7eb;flex-direction:column;align-items:flex-end;gap:2px;padding-left:16px;display:flex}.pay-credit-chip .bal-value{color:#7c3aed}.credit-balance-row{color:#4c1d95;background:#f5f3ff;border:1px solid #ede9fe;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.overpay-preview{border:1px solid #e2e8f0;border-left:3px solid var(--color-primary,#2563eb);background:#f8fafc;border-radius:10px;margin-bottom:6px;padding:12px 14px}.alloc-row{color:#1e293b;justify-content:space-between;align-items:center;padding:5px 0;font-size:13.5px;display:flex}.alloc-row+.alloc-row{border-top:1px dashed #e2e8f0}.alloc-row.credit span:last-child{color:#7c3aed}.alloc-notice{color:#4c1d95;background:#ede9fe;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12.5px;line-height:1.45}.entry-type.credit{color:#7c3aed;background:#f5f3ff}.entry-type.debit{color:#2563eb;background:#eff6ff}.entry-type.refund{color:#b91c1c;background:#fef2f2}.admin-root{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.admin-sidebar.adm-sidebar{z-index:200;scrollbar-width:thin;scrollbar-color:#1e293b transparent;background:#020b24;flex-direction:column;width:240px;height:100vh;padding:14px 10px;display:flex;position:fixed;overflow:hidden auto}.admin-sidebar.adm-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar.adm-sidebar::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.adm-sidebar-brand{align-items:center;gap:10px;margin-bottom:12px;padding:0 10px;display:flex}.adm-brand-logo{-o-object-fit:cover;object-fit:cover;border-radius:7px;width:28px;height:28px}.adm-brand-icon{background:var(--color-primary);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.adm-brand-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.adm-workspace{background:#0a1628;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 10px;display:flex}.adm-ws-avatar{background:var(--color-primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.adm-ws-info{min-width:0}.adm-ws-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;font-weight:600;overflow:hidden}.adm-ws-plan{color:#16a34a;margin:0;font-size:10px;font-weight:500}.adm-nav{flex-direction:column;flex:1;gap:1px;display:flex}.adm-nav-top{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.adm-nav-top:hover{color:#e2e8f0;background:#ffffff0f}.adm-nav-top.active{background:var(--color-primary);color:#fff}.adm-group{margin-bottom:4px}.adm-group-header{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.adm-group-header:hover{color:#e2e8f0;background:#ffffff0f}.adm-group.has-active .adm-group-header{color:#60a5fa}.adm-group-icon{flex-shrink:0;align-items:center;display:flex}.adm-group-label{flex:1}.adm-group-chevron{opacity:.5;flex-shrink:0;transition:transform .25s}.adm-group.open .adm-group-chevron{transform:rotate(180deg)}.adm-group-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.adm-group.open .adm-group-body{grid-template-rows:1fr}.adm-group-items{flex-direction:column;gap:1px;display:flex;overflow:hidden}.adm-group-item{color:#64748b;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 12px 6px 38px;font-size:12px;font-weight:400;transition:all .15s;display:flex}.adm-group-item:hover{color:#cbd5e1;background:#ffffff0d}.adm-group-item.active{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary);font-weight:600}.adm-item-icon{flex-shrink:0;align-items:center;display:flex}.adm-item-badge{color:#fff;text-align:center;background:#dc2626;border-radius:999px;flex-shrink:0;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.adm-sidebar-bottom{margin-top:auto;padding-top:4px}.adm-divider{background:#1e293b;height:1px;margin:6px 10px 8px}.adm-logout{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.adm-logout:hover{background:#ef44441a}.adm-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.adm-mobile-overlay{z-index:190;background:#00000080;animation:.2s admFadeIn;display:none;position:fixed;inset:0}.adm-mobile-close{color:#94a3b8;cursor:pointer;z-index:210;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.adm-mobile-close:hover{color:#fff;background:#ffffff26}@keyframes admFadeIn{0%{opacity:0}to{opacity:1}}.admin-main{flex-direction:column;flex:1;gap:18px;margin-left:240px;padding:20px 28px;display:flex}.admin-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header h1{color:#0f172a;margin:0;font-size:20px;font-weight:700;line-height:1.2}.admin-header p{color:#64748b;margin:2px 0 0;font-size:12.5px}.admin-header .btn-primary,.admin-header .btn-secondary{border-radius:9px;height:36px;padding:0 14px;font-size:13px}.adm-dash-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.adm-dash-left{min-width:0}.adm-dash-title{color:#0f172a;margin:0;font-size:20px;font-weight:700;line-height:1.2}.adm-dash-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.adm-term-badge{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white);border-radius:99px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.adm-dash-school{color:#475569;font-size:13px;font-weight:500}.adm-dash-sep{color:#cbd5e1;font-size:12px}.adm-dash-time{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:inline-flex}.adm-dash-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.adm-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.adm-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.adm-btn-ghost{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.adm-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db}.adm-btn-text{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.adm-btn-text:hover{color:color-mix(in srgb, var(--color-primary) 80%, black)}.admin-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.admin-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.adm-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.adm-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;align-items:flex-start;gap:16px;min-height:132px;padding:24px;transition:box-shadow .15s,border-color .15s;display:flex}.adm-kpi-card:hover{border-color:#d1d5db;box-shadow:0 2px 12px #0000000f}.adm-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.adm-kpi-icon.blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.adm-kpi-icon.green{color:#16a34a;background:#f0fdf4}.adm-kpi-icon.amber{color:#f59e0b;background:#fffbeb}.adm-kpi-icon.red{color:#ef4444;background:#fef2f2}.adm-kpi-body{flex:1;min-width:0}.adm-kpi-label{color:#64748b;margin:0 0 4px;font-size:12px;font-weight:500}.adm-kpi-value{color:#0f172a;white-space:nowrap;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.1}.adm-kpi-sub{color:#94a3b8;align-items:center;gap:3px;margin:0;font-size:11px;display:flex}.adm-analytics-row{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.adm-dash-left-col{flex-direction:column;gap:16px;min-width:0;display:flex}.adm-chart-card,.adm-alerts-card{flex-direction:column;display:flex}.adm-alerts-card{overflow-y:auto}.adm-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;padding:24px}.adm-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.adm-card-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:600}.adm-card-badge{color:#64748b;background:#f1f5f9;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.adm-chart-empty{color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px 0;display:flex}.adm-chart-empty p{margin:0;font-size:12px}.adm-alert-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.adm-alerts-empty{color:#16a34a;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 0;display:flex}.adm-alerts-empty p{color:#64748b;margin:0;font-size:12px}.adm-alerts-list{flex-direction:column;gap:6px;display:flex}.adm-alert-item{cursor:pointer;text-align:left;background:#fafbfc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.adm-alert-item:hover{background:#f1f5f9;border-color:#e2e8f0}.adm-alert-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.severity-danger .adm-alert-icon{color:#ef4444;background:#fef2f2}.severity-warning .adm-alert-icon{color:#f59e0b;background:#fffbeb}.severity-info .adm-alert-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.adm-alert-body{flex:1;min-width:0}.adm-alert-label{color:#0f172a;margin:0;font-size:13px;font-weight:600}.adm-alert-detail{color:#64748b;margin:2px 0 0;font-size:11.5px}.adm-alert-arrow{color:#cbd5e1;flex-shrink:0}.adm-card-divider{background:#f1f5f9;height:1px;margin:16px 0 12px}.adm-table-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.adm-table-card .adm-card-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;margin-bottom:0;padding:16px 20px}.adm-table-wrap{-webkit-overflow-scrolling:touch;flex:1;overflow-x:auto}.adm-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.adm-table colgroup col:first-child{width:28%}.adm-table colgroup col:nth-child(2){width:12%}.adm-table colgroup col:nth-child(3),.adm-table colgroup col:nth-child(4){width:16%}.adm-table colgroup col:nth-child(5),.adm-table colgroup col:nth-child(6){width:14%}.adm-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:2;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.adm-table tbody tr{height:48px;transition:background .1s}.adm-table td{color:#374151;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f1f5f9;padding:10px 16px;overflow:hidden}.adm-td-name{color:#0f172a;font-weight:600}.adm-td-amount{color:#16a34a;text-align:right;font-family:JetBrains Mono,SF Mono,monospace;font-weight:600}.adm-td-date{color:#475569}.adm-td-method{text-transform:capitalize}.adm-badge{letter-spacing:.2px;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.adm-badge.paid{color:#16a34a;background:#f0fdf4}.adm-badge.partial{color:#d97706;background:#fffbeb}.adm-badge.pending{color:#ef4444;background:#fef2f2}.adm-badge.bounced{color:#dc2626;background:#fef2f2}.adm-pagination{background:#fafbfc;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.adm-page-btns{align-items:center;gap:2px;display:flex}.adm-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;font-weight:500;transition:all .15s;display:flex}.adm-page-btn:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#d1d5db}.adm-page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.adm-page-btn:disabled{opacity:.35;cursor:not-allowed}.adm-quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.adm-quick-tile{cursor:pointer;text-align:center;background:#fafbfc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;transition:all .15s;display:flex}.adm-quick-tile:hover{background:#f1f5f9;border-color:#e2e8f0}.adm-quick-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.adm-quick-label{color:#374151;font-size:11px;font-weight:500;line-height:1.2}.adm-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:13px}@media (width<=1280px){.adm-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.adm-analytics-row{grid-template-columns:1fr}.adm-dash-left-col{order:2}.adm-alerts-card{order:1}}@media (width<=768px){.adm-mobile-toggle{display:flex}.adm-mobile-overlay{display:block}.admin-sidebar.adm-sidebar{width:260px;transition:transform .25s;transform:translate(-100%)}.admin-sidebar.adm-sidebar.open{transform:translate(0)}.admin-main{margin-left:0;padding:56px 16px 16px}.adm-kpi-row{grid-template-columns:repeat(2,1fr);gap:12px}.adm-table-card{border-left:none;border-right:none;border-radius:0;margin:0 -16px}.adm-table thead th,.adm-table td{padding:8px 12px}.adm-table tbody tr{height:44px}.adm-dash-header{flex-direction:column;align-items:flex-start}.adm-dash-actions{flex-wrap:wrap;width:100%}.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{flex-wrap:wrap;width:100%}}@media (width<=480px){.adm-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.adm-kpi-card{gap:12px;padding:14px}.adm-kpi-value{font-size:22px}.adm-kpi-icon{width:38px;height:38px}.adm-table-card{margin:0 -16px}.adm-pagination{flex-wrap:wrap;justify-content:center;gap:8px}}.students-page{flex-direction:column;gap:16px;padding:0;display:flex}.sp-header{justify-content:space-between;align-items:center;display:flex}.sp-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.sp-header-actions{align-items:center;gap:10px;display:flex}.sp-toolbar-left{align-items:center;gap:10px;display:flex}.sp-toolbar-title{color:#0f172a;font-size:13px;font-weight:600}.sp-count-badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sp-count-badge.green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.sp-count-badge.gray{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.sp-toolbar-right{align-items:center;gap:4px;display:flex}.sp-btn-tool{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.sp-btn-tool:hover{color:#0f172a;background:#f8fafc;border-color:#d1d5db}.sp-btn-tool.accent{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.sp-btn-tool.accent:hover{background:color-mix(in srgb, var(--color-primary) 15%, white)}.sp-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-search-wrap{flex:1;align-items:center;min-width:200px;max-width:300px;display:flex;position:relative}.sp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.sp-search-input{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 30px 8px 32px;font-size:13px;transition:border-color .15s}.sp-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.sp-search-input::placeholder{color:#94a3b8}.sp-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;right:6px}.sp-search-clear:hover{background:#e2e8f0}.sp-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.sp-filter-select:focus{border-color:var(--color-primary)}.sp-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.sp-clear-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.sp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.sp-table-card{padding:0;overflow:hidden}.sp-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:2;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.sp-table tbody tr{height:60px;transition:background .1s}.sp-table td{color:#374151;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:8px 14px}.sp-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sp-th-sortable:hover{color:#0f172a}.sp-th-sortable span{margin-right:4px}.sp-sort-icon{opacity:.3}.sp-th-check,.sp-td-check{text-align:center;width:40px}.sp-th-check input,.sp-td-check input{cursor:pointer;accent-color:var(--color-primary)}.sp-th-actions{text-align:center;width:50px}.sp-row-selected{background:color-mix(in srgb, var(--color-primary) 8%, white)!important}.sp-student-cell{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.sp-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:34px;height:34px;color:var(--color-primary);text-transform:uppercase;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sp-student-info{flex-direction:column;min-width:0;display:flex}.sp-student-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sp-student-cell:hover .sp-student-name{color:var(--color-primary)}.sp-student-adm{color:#94a3b8;font-family:SF Mono,Fira Code,monospace;font-size:11px}.sp-td-parent{color:#64748b;font-size:12px}.sp-td-actions{text-align:center}.sp-actions-wrap{display:inline-block;position:relative}.sp-more-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.sp-more-btn:hover{color:#475569;background:#f1f5f9;border-color:#e5e7eb}.sp-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:180px;margin-top:4px;padding:4px;animation:.12s spDropIn;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000001f}@keyframes spDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-dropdown button{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.sp-dropdown button:hover{background:#f1f5f9}.sp-dropdown .sp-dd-danger{color:#ef4444}.sp-dropdown .sp-dd-danger:hover{background:#fef2f2}.sp-badge{letter-spacing:.2px;text-transform:capitalize;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sp-badge.active{color:#16a34a;background:#f0fdf4}.sp-badge.inactive{color:#ef4444;background:#fef2f2}.sp-badge.alumni,.sp-badge.transferred{color:#d97706;background:#fffbeb}.sp-badge.blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.sp-badge.cleared{color:#16a34a;background:#f0fdf4}.sp-badge.partial{color:#d97706;background:#fffbeb}.sp-badge.due{color:#ef4444;background:#fef2f2}.sp-badge.present{color:#16a34a;background:#f0fdf4}.sp-badge.absent{color:#ef4444;background:#fef2f2}.sp-badge.late{color:#d97706;background:#fffbeb}.sp-pagination{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sp-page-info{color:#94a3b8;font-size:12px}.sp-page-btns{align-items:center;gap:4px;display:flex}.sp-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.sp-page-btn:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#d1d5db}.sp-page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sp-page-btn:disabled{opacity:.35;cursor:not-allowed}.sp-bulk-bar{z-index:100;pointer-events:none;padding:0 28px 16px;position:fixed;bottom:0;left:240px;right:0}.sp-bulk-bar-inner{color:#fff;pointer-events:all;background:#0f172a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 -4px 20px #00000026}.sp-bulk-left{align-items:center;gap:10px;display:flex}.sp-bulk-count{font-size:14px;font-weight:600}.sp-bulk-actions{align-items:center;gap:6px;display:flex}.sp-bulk-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.sp-bulk-btn:hover{background:#ffffff38}.sp-bulk-btn.danger{color:#fca5a5;border-color:#fca5a54d}.sp-bulk-btn.danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.sp-bulk-btn.ghost{background:0 0;border-color:#ffffff26}.sp-bulk-btn.ghost:hover{background:#ffffff1a}.sp-empty{text-align:center;color:#94a3b8;padding:60px 20px}.sp-empty p{margin:12px 0 20px;font-size:15px}.sp-skeleton-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.sp-skeleton-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:14px;padding:14px 16px;display:flex}.sp-skeleton-row:last-child{border-bottom:none}.sp-skeleton-cell{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite spShimmer}.sp-skeleton-cell.check{border-radius:4px;flex-shrink:0;width:18px;height:18px}.sp-skeleton-cell.avatar{border-radius:8px;flex-shrink:0;width:34px;height:34px}.sp-skeleton-cell.wide{width:180px;height:16px}.sp-skeleton-cell.med{width:80px;height:16px}.sp-skeleton-cell.short{width:60px;height:16px}.sp-skeleton-cell.badge{border-radius:99px;width:70px;height:22px}.sp-skeleton-cell.dots{border-radius:6px;width:32px;height:32px;margin-left:auto}@keyframes spShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-tabs{-webkit-overflow-scrolling:touch;background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.sp-tabs::-webkit-scrollbar{height:0}.sp-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.sp-tab:hover{color:#334155;background:#fff9}.sp-tab.active{color:var(--color-primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.sp-tab-content{min-height:200px;padding-top:8px}.sp-info-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.sp-info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .15s;display:flex}.sp-info-item:hover{border-color:#e2e8f0}.sp-info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.sp-info-item span{color:#0f172a;font-size:14px;font-weight:500}.sp-empty-text{text-align:center;color:#94a3b8;padding:48px 20px;font-size:14px}.sp-loading{text-align:center;color:#94a3b8;padding:48px;font-size:13px}.sp-guardian-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:border-color .15s;box-shadow:0 1px 3px #0000000a}.sp-guardian-card:hover{border-color:#cbd5e1}.sp-guardian-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sp-guardian-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.sp-guardian-remove{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px}.sp-guardian-remove:hover{color:#ef4444;background:#fef2f2}.sp-summary-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.sp-summary-card{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:18px 16px;transition:border-color .15s,box-shadow .15s}.sp-summary-card:hover{border-color:#e2e8f0;box-shadow:0 2px 6px #0000000a}.sp-summary-val{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}.sp-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:600}.sp-card-title{color:#0f172a;margin:0 0 12px;font-size:13px;font-weight:600}.sp-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.sp-btn-outline{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sp-btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.sp-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:inline-flex}.sp-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.sp-btn-ghost.sm{padding:4px 10px;font-size:12px}.sp-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s spFadeIn;display:flex;position:fixed;inset:0}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.sp-modal{background:#fff;border-radius:14px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.sp-modal-lg{max-width:760px}.sp-modal-head{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.sp-modal-head h3{color:#0f172a;font-size:17px;font-weight:600}.sp-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:4px}.sp-modal-close:hover{color:#0f172a;background:#f1f5f9}.sp-modal-form{padding:16px 24px 24px}.sp-form-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:16px 0 10px;font-size:11px;font-weight:700}.sp-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-field{flex-direction:column;gap:5px;display:flex}.sp-field.full{grid-column:1/-1}.sp-field label{color:#374151;font-size:13px;font-weight:500}.sp-field input,.sp-field select{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.sp-field input:focus,.sp-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.sp-form-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.sp-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.sp-checkbox{color:#374151;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sp-checkbox input{cursor:pointer;width:auto;accent-color:var(--color-primary)}@media (width<=1024px){.sp-tool-label{display:none}.sp-toolbar{padding:8px 12px}}@media (width<=768px){.sp-header{flex-direction:column;align-items:flex-start;gap:12px}.sp-header-actions{width:100%}.sp-header-actions .sp-btn-primary{flex:1;justify-content:center}.sp-filter-bar{flex-direction:column}.sp-search-wrap{width:100%;max-width:none}.sp-table-card{display:none}.sp-mobile-cards{flex-direction:column;gap:8px;display:flex}.sp-m-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.sp-m-card-top{align-items:center;gap:10px;display:flex}.sp-m-card-info{flex:1;min-width:0}.sp-m-card-name{color:#0f172a;font-size:14px;font-weight:600}.sp-m-card-adm{color:#94a3b8;font-family:monospace;font-size:11px}.sp-m-card-meta{color:#64748b;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.sp-m-card-bottom{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.sp-bulk-bar{padding:0 14px 14px;left:0}.sp-bulk-bar-inner{flex-direction:column;gap:10px}.sp-bulk-actions{flex-wrap:wrap;justify-content:center;width:100%}}.student-documents{flex-direction:column;gap:16px;display:flex}.doc-upload-area{align-items:center;gap:12px;display:flex}.doc-upload-btn{background:var(--color-primary);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.doc-upload-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.doc-upload-btn:active{transform:translateY(0)}.empty-state-text{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;margin:0;padding:48px 24px;font-size:14px}.doc-list{flex-direction:column;gap:6px;display:flex}.doc-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;transition:all .15s;display:flex}.doc-item:hover{border-color:#e2e8f0;box-shadow:0 2px 6px #0000000a}.doc-item svg:first-child{color:var(--color-primary);flex-shrink:0}.doc-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.doc-size{color:#94a3b8;flex-shrink:0;font-size:12px}.doc-download{color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .15s;display:flex}.doc-download:hover{color:#16a34a;background:#dcfce7}.doc-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.doc-delete:hover{color:#dc2626;background:#fef2f2}@media (width>=769px){.sp-mobile-cards{display:none}}.lam-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.lam-controls{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.lam-field{flex-direction:column;gap:5px;display:flex}.lam-field label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.lam-select,.lam-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:140px;padding:8px 12px;font-family:inherit;font-size:13px}.lam-select:focus,.lam-input:focus{border-color:var(--color-primary)}.lam-spacer{flex:1}.lam-save-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.lam-save-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.lam-save-btn:disabled{cursor:not-allowed;background:#93c5fd}.lam-summary{flex-wrap:wrap;gap:10px;margin:14px 0 6px;display:flex}.lam-summary-stats,.lam-summary-meta{display:contents}.lam-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.lam-record-hint{color:#94a3b8;align-items:center;gap:5px;font-size:12px;display:flex}.lam-empty{text-align:center;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:12px;padding:50px 20px}.lam-empty p{color:#64748b;margin:10px 0 4px;font-size:14px}.lam-empty span{font-size:13px}.acx-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.acx-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;display:flex}.acx-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.acx-kpi-label{color:#64748b;margin:0;font-size:12px}.acx-kpi-value{color:#0f172a;margin:0;font-size:22px;font-weight:700}.acx-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;padding:12px 16px;display:flex}.acx-legend{color:#64748b;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.acx-legend-item{align-items:center;gap:5px;display:inline-flex}.acx-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.aan-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.aan-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.aan-kpi-label{color:#64748b;font-size:12px}.aan-kpi-value{color:#0f172a;font-size:24px;font-weight:700}.aan-kpi-sub{color:#94a3b8;font-size:12px}.aan-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.aan-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.aan-panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.aan-panel-title{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.aan-panel-body{padding:16px 18px}.aan-alert-list{flex-direction:column;gap:8px;display:flex}.aan-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.aan-alert.ok{background:#f0fdf4;border-color:#bbf7d0}.aan-alert-name{color:#1e293b;flex:1;font-size:13px;font-weight:600}.aan-alert-meta{color:#64748b;font-size:12px}.aan-alert-count{color:#dc2626;font-size:13px;font-weight:700}.aan-exports{flex-wrap:wrap;gap:8px;display:flex}.aan-export-btn{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.aan-export-btn.csv{color:#16a34a}.aan-export-btn.csv:hover{background:#dcfce7;border-color:#16a34a}.aan-export-btn.pdf{color:#dc2626}.aan-export-btn.pdf:hover{background:#fee2e2;border-color:#dc2626}.aan-note{color:#94a3b8;font-size:12px}@media (width<=1024px){.acx-kpis,.aan-kpis{grid-template-columns:repeat(2,1fr)}.aan-grid{grid-template-columns:1fr}}@media (width<=640px){.acx-kpis,.aan-kpis{grid-template-columns:1fr 1fr}.lam-field,.lam-select,.lam-input{width:100%}.lam-controls{flex-direction:column;align-items:stretch}.lam-save-btn{justify-content:center}}@media (width<=768px){.teacher-root .lam-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px 10px;display:grid}.teacher-root .lam-spacer{display:none}.teacher-root .lam-field{min-width:0}.teacher-root .lam-field label{font-size:10px}.teacher-root .lam-select,.teacher-root .lam-input{min-width:0;min-height:44px;font-size:14px}.teacher-root .lam-field>div{overflow:hidden}.teacher-root .lam-field:last-child{grid-column:1/-1;width:100%}.teacher-root .lam-save-btn{justify-content:center;width:100%;min-height:44px}.teacher-root .lam-summary{margin:12px 0 6px}.teacher-root .lam-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-bottom:10px;display:grid}.teacher-root .lam-summary-stats .acx-legend-item{text-align:center;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:10px 2px;font-size:11px;font-weight:700}.teacher-root .lam-summary-stats .acx-dot{width:9px;height:9px}.teacher-root .lam-summary-meta{flex-wrap:wrap;gap:8px;width:100%;display:flex}.teacher-root .lam-summary-meta .acx-legend-item{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px}.teacher-root .lam-row{flex-direction:column;align-items:stretch;gap:10px}.teacher-root .lam-row>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.teacher-root .lam-row>div:first-child .aaan-action{justify-content:center;width:100%}.teacher-root .lam-row>div:last-child{width:100%}.teacher-root .lam-row>div:last-child .lam-input{width:100%;min-width:0}}.att-page{flex-direction:column;gap:20px;padding:0;display:flex}.att-tabs{border-bottom:1px solid #e5e7eb;gap:4px;display:flex}.att-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.att-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.att-summary-row{gap:10px;display:flex}.att-chip{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:24px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.att-chip svg{flex-shrink:0}.att-chip.green svg{color:#16a34a}.att-chip.red svg{color:#ef4444}.att-chip.amber svg{color:#f59e0b}.att-chip.blue svg{color:var(--color-primary)}.att-chip-val{color:#0f172a;font-size:14px;font-weight:700}.att-chip-lbl{color:#94a3b8;font-size:12px}.att-notification{border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:.3s att-fadeIn;display:flex}.att-control-bar{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.att-controls-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-controls-right{align-items:center;gap:8px;display:flex}.att-date-nav{align-items:center;gap:4px;display:flex}.att-nav-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.att-nav-btn:hover{color:#0f172a;background:#f1f5f9}.att-date-input{color:#0f172a;cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.att-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.att-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.att-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.att-search-wrap{align-items:center;display:flex;position:relative}.att-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.att-search-input{color:#0f172a;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:200px;padding:7px 12px 7px 30px;font-family:inherit;font-size:13px}.att-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.att-action-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.att-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.att-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden}.att-table thead{z-index:1;background:#f8fafc;position:sticky;top:0}.att-table tbody tr{height:68px;transition:background .1s}.att-table tbody tr.att-row-selected{background:color-mix(in srgb, var(--color-primary) 8%, white)}.att-table tbody tr.att-row-selected:hover{background:color-mix(in srgb, var(--color-primary) 15%, white)}.att-check-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.att-check-btn:hover{color:#64748b}.att-student-cell{align-items:center;gap:10px;display:flex}.att-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.att-student-name{color:#0f172a;font-weight:500}.att-mono{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:12px}.att-muted{color:#94a3b8;font-size:12px}.att-segmented{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;display:flex}.att-seg-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s;display:flex}.att-seg-btn:hover{background:#fff9}.att-seg-btn.active{color:#fff;font-weight:600;box-shadow:0 1px 3px #00000026}.att-seg-btn.active.present{background:#16a34a}.att-seg-btn.active.absent{background:#ef4444}.att-seg-btn.active.late{background:#f59e0b}.att-seg-btn.active.excused{background:var(--color-primary)}.att-note-input{color:#0f172a;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:120px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.att-note-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.att-note-input::placeholder{color:#cbd5e1}.att-save-bar{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;bottom:20px;box-shadow:0 -4px 20px #0000000f}.att-save-stats{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.att-save-stat{align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.att-save-stat.green{color:#16a34a}.att-save-stat.red{color:#ef4444}.att-save-stat.amber{color:#d97706}.att-save-time{color:#94a3b8;margin-left:4px;font-size:12px}.att-save-actions{align-items:center;gap:10px;display:flex}.att-saved-badge{color:#16a34a;align-items:center;gap:4px;font-size:12px;font-weight:600;animation:.3s att-fadeIn;display:flex}.att-btn-save,.att-btn-submit{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.att-btn-save{color:#374151;background:#f1f5f9}.att-btn-save:hover{background:#e2e8f0}.att-btn-submit{color:#fff;background:#16a34a}.att-btn-submit:hover{background:#15803d;box-shadow:0 2px 8px #16a34a4d}.att-btn-save:disabled,.att-btn-submit:disabled{opacity:.5;cursor:not-allowed}.att-loading{text-align:center;color:#64748b;padding:60px 20px;font-size:14px}.att-empty{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #e5e7eb;border-radius:24px;padding:60px 20px}.att-empty span{font-size:13px}@keyframes att-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.att-summary-row{flex-wrap:wrap}.att-control-bar,.att-controls-left{flex-direction:column;align-items:stretch}.att-search-input{width:100%}}@media (width<=640px){.att-summary-row{gap:6px}.att-chip{padding:6px 10px;font-size:12px}.att-seg-btn{padding:4px 6px;font-size:10px}.att-save-bar{flex-direction:column;align-items:stretch}.att-save-actions{justify-content:stretch}.att-btn-save,.att-btn-submit{flex:1;justify-content:center}}.grades-page{flex-direction:column;gap:16px;padding:0;display:flex}.grades-summary{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.grade-sum-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;min-height:0;padding:14px 16px;transition:box-shadow .15s;display:flex}.grade-sum-card:hover{box-shadow:0 4px 12px #0000000f}.gsc-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.grade-sum-card.blue .gsc-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.grade-sum-card.purple .gsc-icon{color:var(--color-secondary);background:#f5f3ff}.grade-sum-card.green .gsc-icon{color:#16a34a;background:#f0fdf4}.grade-sum-card.red .gsc-icon{color:#ef4444;background:#fef2f2}.grade-sum-card.amber .gsc-icon{color:#f59e0b;background:#fffbeb}.gsc-label{color:#64748b;letter-spacing:.01em;margin:0 0 2px;font-size:11px;font-weight:500}.gsc-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.grades-approval-stats{gap:10px;display:flex}.grades-approval-stats .grade-sum-card{border-radius:12px;flex:1;min-width:0;padding:10px 14px}.grades-approval-stats .grade-sum-card>svg{flex-shrink:0;width:18px;height:18px}.grades-approval-stats .grade-sum-card.red>svg{color:#dc2626}.grades-approval-stats .grade-sum-card.green>svg{color:#16a34a}.grades-approval-stats .gsc-value{font-size:16px}.grades-tabs{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.grades-tab{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.grades-tab:hover{color:#0f172a;background:#e2e8f0}.grades-tab.active{color:var(--color-primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.grades-tab-badge{color:#fff;background:#dc2626;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.grades-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.grades-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-input{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:200px;height:34px;padding:0 12px 0 32px;font-family:inherit;font-size:13px;transition:border-color .15s}.filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:34px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black);box-shadow:0 2px 8px #2563eb4d}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#93c5fd}.btn-secondary{color:#374151;cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.grades-page .btn-primary,.grades-page .btn-secondary,.grades-page .btn-danger{border-radius:8px;height:34px;padding:0 14px;font-size:13px}.action-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.action-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.grades-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow-x:auto}.grades-table{border-collapse:collapse;width:100%;font-size:13px}.grades-table thead{z-index:1;background:#f8fafc;position:sticky;top:0}.grades-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-size:11px;font-weight:600}.grades-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 16px}.grades-table tbody tr{height:54px;transition:background .1s}.grades-table tbody tr:hover{background:#f8fafc}.grades-table tbody tr:last-child td{border-bottom:none}.sname{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:500}.sadm{color:#94a3b8;margin:0;font-family:SF Mono,Consolas,monospace;font-size:12px}.subject-cell{color:#374151;font-weight:500}.assessment-chip{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:8px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.marks-cell{color:#0f172a;font-family:SF Mono,Consolas,monospace;font-size:12.5px}.grade-records-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex}.grade-records-action-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white);color:var(--color-primary)}.pts-max{color:#94a3b8;font-size:11px}.cbe-badge{letter-spacing:.04em;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:42px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.cbe-badge.cbe-ee{color:#15803d;background:#dcfce7}.cbe-badge.cbe-me{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.cbe-badge.cbe-ae{color:#a16207;background:#fef9c3}.cbe-badge.cbe-be{color:#b91c1c;background:#fee2e2}.cbe-badge.cbe-ee1{color:#fff;background:#14532d}.cbe-badge.cbe-ee2{color:#15803d;background:#dcfce7}.cbe-badge.cbe-me1{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.cbe-badge.cbe-me2{color:color-mix(in srgb, var(--color-secondary) 80%, black);background:#ede9fe}.cbe-badge.cbe-ae1{color:#a16207;background:#fef9c3}.cbe-badge.cbe-ae2{color:#c2410c;background:#fed7aa}.cbe-badge.cbe-be1{color:#b91c1c;background:#fee2e2}.cbe-badge.cbe-be2{color:#fff;background:#7f1d1d}.cbe-badge.cbe-sa{color:#fff;background:#14532d}.cbe-badge.cbe-sb{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.cbe-badge.cbe-sc{color:#a16207;background:#fef9c3}.cbe-badge.cbe-sd{color:#b91c1c;background:#fee2e2}.cbe-badge.cbe-se{color:#fff;background:#7f1d1d}.cbe-badge.cbe-senior{color:#fff;background:#1e3a5f}.grades-pending-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.grades-pending-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;box-shadow:0 1px 2px #1018280a}.grades-pending-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #10182814}.gpc-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.gpc-title{align-items:center;gap:11px;min-width:0;display:flex}.gpc-title-text{min-width:0}.gpc-subject-icon{color:#d97706;background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.gpc-subject{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:700;overflow:hidden}.gpc-submeta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11.5px;overflow:hidden}.gpc-status{color:#92400e;letter-spacing:.04em;background:#fef3c7;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.gpc-status:before{content:"";background:#d97706;border-radius:50%;width:6px;height:6px}.gpc-stats{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.gpc-stat{border-right:1px solid #eef2f7;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:9px 4px;display:flex}.gpc-stat:last-child{border-right:none}.gpc-stat-value{color:#0f172a;font-size:16px;font-weight:800;line-height:1.1}.gpc-stat-value.gpc-stat-ok{color:#16a34a}.gpc-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:10px;font-weight:600}.gpc-meta{color:#94a3b8;margin:0;font-size:11.5px}.gpc-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px;display:flex}.gpc-actions .action-btn{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;width:30px;height:30px;padding:0;font-size:12px;font-weight:600;box-shadow:0 1px 1px #1018280a}.gpc-actions .action-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.gpc-actions .btn-primary{border-radius:8px;justify-content:center;width:30px;height:30px;padding:0;font-size:12px;font-weight:600}.gpc-actions .action-btn:focus-visible,.gpc-actions .btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.gpc-spin{animation:.8s linear infinite gpc-spin}@keyframes gpc-spin{to{transform:rotate(360deg)}}.gpc-reject{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.gpc-reject:hover{color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}.grade-preview{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.grade-preview strong{color:#0f172a}.gp-label{color:#475569;font-size:12px}.gp-pts{color:var(--color-secondary);font-size:12px;font-weight:600}.gp-system{color:#94a3b8;background:#f1f5f9;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.grades-analytics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ga-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.ga-card h3{margin:0 0 4px}.ga-title{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;display:flex}.ga-bar-row{align-items:center;gap:10px;font-size:13px;display:flex}.ga-bar-label{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:130px;font-size:12px;overflow:hidden}.ga-bar-track{background:#f1f5f9;border-radius:99px;flex:1;height:8px;overflow:hidden}.ga-bar-fill{border-radius:99px;height:100%;transition:width .4s}.ga-bar-val{text-align:right;color:#374151;flex-shrink:0;width:36px;font-size:12px;font-weight:600}.ga-count{color:#94a3b8;flex-shrink:0;font-size:11px}.ga-student-row{border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:6px 0;display:flex}.ga-student-row:last-child{border-bottom:none}.ga-rank{color:#94a3b8;text-align:center;flex-shrink:0;width:20px;font-size:12px;font-weight:700}.ga-student-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ga-student-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ga-student-class{color:#94a3b8;font-size:11px}.ga-student-avg{color:#374151;flex-shrink:0;font-size:13px;font-weight:600}.ga-improvement{color:#16a34a;background:#dcfce7;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:700}.grades-report-list{flex-direction:column;gap:12px;display:flex}.report-class-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.report-class-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:16px 16px 14px;transition:all .15s;display:flex}.report-class-card:hover{border-color:color-mix(in srgb, var(--color-primary) 20%, white);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1f}.report-class-name{color:#0f172a;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:15px;font-weight:700}.report-class-meta{color:#475569;margin:0;font-size:12.5px}.report-class-avg{color:var(--color-primary);margin:6px 0 0;font-size:13px;font-weight:600}.report-class-view{color:var(--color-primary);margin-top:8px;font-size:12px;font-weight:600}.report-back-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.report-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.report-back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.report-student-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.report-student-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.report-student-card:hover{border-color:color-mix(in srgb, var(--color-primary) 20%, white);box-shadow:0 2px 8px #2563eb1a}.empty-grades{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.empty-grades p{color:#64748b;margin:0;font-size:15px;font-weight:500}.empty-grades span{color:#94a3b8;font-size:13px}.loading-state{color:#94a3b8;text-align:center;padding:40px;font-size:14px}.modal{background:#fff;border-radius:20px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px #00000026}.modal.modal-xl{max-width:760px}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.modal-form{flex-direction:column;gap:14px;padding:18px 24px 22px;display:flex}.form-field input,.form-field select{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.rc-modal{max-width:760px}.rc-body{background:#fff;max-height:78vh;padding:0;overflow-y:auto}.rc-title{text-align:center;margin-bottom:2px;font-size:14px;font-weight:700}.rc-sub{text-align:center;margin-bottom:6px;font-size:12px}.rc-divider{border:none;border-top:1px solid #000;margin:8px 0}.rc-double{border:none;border-top:3px double #000;margin:8px 0}.rc-section{text-transform:uppercase;letter-spacing:.05em;margin:10px 0 6px;font-size:12px;font-weight:700}.rc-total td{border-top:1px solid #000;padding:4px;font-weight:700}.gbulk-wrap{margin-top:0}.gbulk-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.gbulk-summary{color:#475569;background:#f8fafc;border-radius:10px;gap:24px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.gbulk-summary strong{color:#0f172a}.gbulk-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.gbulk-preview{margin-top:8px}@media (width<=1280px){.grades-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.grades-summary{grid-template-columns:repeat(2,1fr)}.grades-analytics{grid-template-columns:1fr}.report-class-grid,.report-student-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.grades-summary{grid-template-columns:1fr 1fr}.grades-approval-stats{flex-direction:column}.grades-tabs{display:flex}.grades-tab{flex:1;justify-content:center}.grades-toolbar{flex-direction:column;align-items:stretch}.grades-toolbar-left{flex-wrap:wrap}.search-input{width:100%}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:1}.ga-bar-label{width:90px}.grades-analytics{grid-template-columns:1fr}.report-class-grid,.report-student-grid{grid-template-columns:repeat(2,1fr)}.grades-pending-grid{grid-template-columns:1fr}}@media (width<=400px){.report-class-grid,.report-student-grid{grid-template-columns:1fr}}:root{--mk-surf:#fff;--mk-border:#e5e7eb;--mk-border-lt:#f1f5f9;--mk-text:#0f172a;--mk-text-sec:#64748b;--mk-text-muted:#94a3b8;--mk-blue:var(--color-primary);--mk-radius:14px;--mk-radius-sm:10px;--mk-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a}.mk-page{flex-direction:column;gap:20px;display:flex}.mk-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mk-info-pill{color:var(--mk-text-sec);border:1px solid var(--mk-border);background:#f8fafc;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.mk-info-pill strong{color:var(--mk-text);font-weight:600}.mk-info-pill--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--mk-blue);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.mk-info-pill--blue strong{color:var(--mk-blue)}.mk-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mk-kpi{background:var(--mk-surf);border:1px solid var(--mk-border);border-radius:var(--mk-radius-sm);box-shadow:var(--mk-shadow);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:14px 8px;display:flex}.mk-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mk-kpi-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--mk-blue)}.mk-kpi-icon--green{color:#16a34a;background:#dcfce7}.mk-kpi-icon--amber{color:#d97706;background:#fffbeb}.mk-kpi-icon--purple{color:var(--color-secondary);background:#f5f3ff}.mk-kpi-val{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700;line-height:1.1}.mk-kpi-label{color:var(--mk-text-sec);margin:0;font-size:10px;line-height:1.25}.mk-class{background:var(--mk-surf);border:1px solid var(--mk-border);border-radius:var(--mk-radius);box-shadow:var(--mk-shadow);transition:box-shadow .15s;overflow:hidden}.mk-class:hover{box-shadow:0 2px 8px #0f172a14}.mk-class-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .12s;display:flex}.mk-class-hdr:hover{background:#fafafa}.mk-class-hdr-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mk-class-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:36px;height:36px;color:var(--mk-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mk-class-info{min-width:0}.mk-class-name{color:var(--mk-text);margin:0;font-size:14px;font-weight:700}.mk-class-meta{color:var(--mk-text-muted);margin:1px 0 0;font-size:11px}.mk-chevron{color:var(--mk-text-muted);flex-shrink:0;transition:transform .25s}.mk-chevron--open{transform:rotate(90deg)}.mk-body-wrap{opacity:0;max-height:0;transition:max-height .3s,opacity .25s;overflow:hidden}.mk-body-wrap--open{opacity:1;max-height:1200px}.mk-body{border-top:1px solid var(--mk-border-lt);padding:16px 20px 18px}.mk-subj-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.mk-subj{background:var(--mk-surf);border:1px solid var(--mk-border);border-radius:var(--mk-radius-sm);flex-direction:column;gap:8px;padding:14px 16px;transition:box-shadow .12s;display:flex}.mk-subj:hover{box-shadow:0 2px 6px #0f172a0f}.mk-subj-top{justify-content:space-between;align-items:center;display:flex}.mk-subj-name{color:var(--mk-text);font-size:13px;font-weight:700}.mk-subj-body{flex-direction:column;gap:6px;display:flex}.mk-subj-stat{color:var(--mk-text-sec);align-items:center;gap:4px;font-size:11px;display:flex}.mk-subj-comps{flex-wrap:wrap;gap:4px;display:flex}.mk-subj-comp{color:#475569;background:#f1f5f9;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.mk-subj-comp--approved{color:#16a34a;background:#dcfce7}.mk-subj-comp--submitted{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.mk-subj-comp--draft{color:#d97706;background:#fffbeb}.mk-subj-comp--pending{color:#94a3b8;background:#f1f5f9}.mk-subj-comp--completed{color:#16a34a;background:#f0fdf4}.mk-subj-actions{border-top:1px solid var(--mk-border-lt);justify-content:flex-end;padding-top:4px;display:flex}.mk-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.mk-btn--primary{background:var(--mk-blue);color:#fff}.mk-btn--primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.mk-btn--ghost{color:var(--mk-text-sec);background:0 0}.mk-btn--ghost:hover{color:var(--mk-text);background:#f1f5f9}.mk-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.mk-badge--approved{color:#166534;background:#dcfce7}.mk-badge--pending{color:#92400e;background:#fef3c7}@media (width<=1100px){.mk-subj-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=768px){.me-page .mk-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.mk-subj-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mk-info{-webkit-overflow-scrolling:touch;flex-flow:row;align-items:center;gap:5px;padding-bottom:2px;overflow-x:auto}.mk-info-pill{flex-shrink:0;justify-content:flex-start;min-height:30px;padding:4px 10px;font-size:11px}.mk-class-hdr{padding:12px 14px}.mk-class-name{font-size:13px}.mk-body{padding:12px 14px 14px}.mk-kpi{padding:10px 6px!important}.mk-kpi-icon{width:30px;height:30px}.mk-kpi-val{font-size:18px!important}.mk-kpi-label{font-size:9px}.mk-subj{padding:12px!important}}@media (width<=480px){.me-page .mk-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.mk-subj-grid{grid-template-columns:1fr}.mk-kpi-val{font-size:16px}.mk-page{gap:14px}}.teachers-page{flex-direction:column;gap:14px;padding:0;display:flex}.tp-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tp-sum-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;min-height:0;padding:12px 14px;transition:box-shadow .15s,border-color .15s;display:flex}.tp-sum-card:hover{box-shadow:0 4px 12px #0000000f}.tp-sum-card>svg{border-radius:10px;flex-shrink:0;width:20px;height:20px;padding:8px}.tp-sum-card.purple>svg{color:var(--color-secondary);background:#f5f3ff}.tp-sum-card.blue>svg{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.tp-sum-card.pink>svg{color:#db2777;background:#fdf2f8}.tp-sum-card.green>svg{color:#16a34a;background:#f0fdf4}.tp-sum-card.amber>svg{color:#f59e0b;background:#fffbeb}.tp-sum-card.red>svg{color:#ef4444;background:#fef2f2}.tsc-label{color:#64748b;letter-spacing:.01em;margin:0 0 2px;font-size:11px;font-weight:500}.tsc-value{color:#0f172a;white-space:nowrap;margin:0;font-size:18px;font-weight:700}.tp-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.tp-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tp-toolbar-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.teachers-page .btn-primary,.teachers-page .btn-secondary{border-radius:8px;height:34px;padding:0 14px;font-size:13px}.teachers-page .btn-primary{background:var(--color-primary);color:#fff;border:none;font-weight:600}.teachers-page .btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.teachers-page .btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.teachers-page .btn-secondary{color:#374151;background:#fff;border:1px solid #e5e7eb;font-weight:500}.teachers-page .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.teachers-page .search-wrap{align-items:center;display:flex;position:relative}.teachers-page .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.teachers-page .search-input{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:200px;height:34px;padding:0 12px 0 32px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.teachers-page .search-input:focus,.teachers-page .filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.teachers-page .filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:34px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.tp-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow-x:auto}.tp-table{border-collapse:collapse;width:100%;min-width:940px;font-size:13px}.tp-table thead{background:#f8fafc}.tp-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:9px 14px;font-size:11px;font-weight:600}.tp-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 14px}.tp-table tbody tr{transition:background .1s}.tp-table tbody tr:hover{background:#f8fafc}.tp-table tbody tr:last-child td{border-bottom:none}.tp-table tbody tr.row-overload{background:#fff7ed}.tp-table tbody tr.row-overload:hover{background:#ffedd5}.tp-table th:first-child{min-width:220px}.tp-table th:nth-child(2){width:64px}.tp-table th:nth-child(3){width:110px}.tp-table th:nth-child(4){min-width:190px}.tp-table th:nth-child(5){width:150px}.tp-table th:nth-child(6),.tp-table th:nth-child(7){width:92px}.tp-table th:nth-child(8){width:136px}.tp-table th:nth-child(9){width:80px}.tp-table th:nth-child(10){width:150px}.tp-table td:nth-child(2),.tp-table td:nth-child(3),.tp-table td:nth-child(7),.tp-table td:nth-child(8),.tp-table td:nth-child(9),.tp-table td:nth-child(10){white-space:nowrap}.teacher-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.teacher-avatar-sm{width:32px;height:32px;color:var(--color-secondary);text-transform:uppercase;background:#f3f0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.tname{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.tgender{color:#94a3b8;text-transform:capitalize;margin:0;font-size:12px}.teacher-contact{flex-direction:column;gap:2px;display:flex}.contact-row{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.contact-row svg{color:#94a3b8;flex-shrink:0}.subjects-cell{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.subject-tag{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);white-space:nowrap;border-radius:99px;align-items:center;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.subject-tag.more{color:#64748b;background:#f1f5f9}.dept-tag{color:var(--color-secondary);white-space:nowrap;background:#f3f0ff;border-radius:99px;align-items:center;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.dept-tag.more{color:#64748b;background:#f1f5f9}.load-cell{white-space:nowrap;align-items:center;gap:5px;display:flex}.load-count{color:#374151;font-size:13px}.load-count.overload{color:#ea580c;font-weight:600}.overload-icon{color:#ea580c;flex-shrink:0}.emp-type-badge{color:#16a34a;white-space:nowrap;background:#f0fdf4;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:99px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;transition:opacity .15s;display:inline-flex}.status-badge-btn:hover{opacity:.8}.status-badge-btn.active{color:#15803d;background:#dcfce7}.status-badge-btn.on_leave{color:#a16207;background:#fef9c3}.status-badge-btn.suspended{color:#b91c1c;background:#fee2e2}.action-btns{align-items:center;gap:6px;display:flex}.teachers-page .action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;transition:all .15s;display:inline-flex}.teachers-page .action-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.teachers-page .action-btn.danger{color:#dc2626}.teachers-page .action-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.teacher-code-badge{color:#fff;letter-spacing:.08em;white-space:nowrap;background:#0f172a;border-radius:6px;justify-content:center;align-items:center;min-width:32px;padding:2px 8px;font-family:SF Mono,Consolas,monospace;font-size:11px;font-weight:700;display:inline-flex}.field-hint{color:#94a3b8;margin-left:6px;font-size:11px;font-weight:400}.empty-teachers{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.empty-teachers p{color:#64748b;margin:0;font-size:15px;font-weight:500}.teachers-page .adm-no{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:13px}.teachers-page .text-muted{color:#94a3b8;font-size:13px}.teachers-page .capitalize{text-transform:capitalize}.teachers-page .loading-state{color:#94a3b8;text-align:center;padding:32px;font-size:14px}.tp-analytics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tp-analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px}.tac-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 12px;font-size:11px;font-weight:700}.dept-bars{flex-direction:column;gap:7px;display:flex}.dept-bar-row{align-items:center;gap:8px;display:flex}.dept-bar-label{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:90px;font-size:12px;overflow:hidden}.dept-bar-track{background:#f1f5f9;border-radius:99px;flex:1;height:6px;overflow:hidden}.dept-bar-fill{background:var(--color-secondary);border-radius:99px;height:100%;transition:width .4s}.dept-bar-count{color:#64748b;text-align:right;flex-shrink:0;width:20px;font-size:12px}.emp-type-list{flex-direction:column;gap:8px;display:flex}.emp-type-row{justify-content:space-between;align-items:center;display:flex}.emp-type-name{color:#374151;font-size:13px}.emp-type-count{color:var(--color-secondary);font-size:14px;font-weight:700}.subj-coverage{flex-wrap:wrap;gap:6px;display:flex}.subj-cover-tag{border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.subj-cover-tag.covered{color:#15803d;background:#dcfce7}.subj-cover-tag.missing{color:#dc2626;background:#fef2f2}.teachers-page .modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.teachers-page .modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.teachers-page .modal-xl{max-width:860px}.teachers-page .modal-lg{max-width:640px}.teachers-page .modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 14px;display:flex}.teachers-page .modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.teachers-page .modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.teachers-page .modal-close:hover{color:#0f172a;background:#e2e8f0}.teachers-page .modal-form{flex:1;padding:16px 24px 20px;overflow-y:auto}.teachers-page .modal-form .modal-actions{z-index:1;background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:20px;padding:12px 0 4px;display:flex;position:sticky;bottom:0}.teachers-page .profile-modal-title{align-items:center;gap:12px;display:flex}.teachers-page .profile-modal-title h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.teachers-page .profile-tabs{background:#f1f5f9;border-radius:12px;flex-shrink:0;gap:4px;margin:0 24px;padding:4px;display:flex}.teachers-page .profile-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.teachers-page .profile-tab:hover{color:#334155;background:#fff9}.teachers-page .profile-tab.active{color:var(--color-secondary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.teachers-page .profile-body{flex:1;padding:16px 24px 20px;overflow-y:auto}.teachers-page .profile-tab-content{flex-direction:column;gap:14px;display:flex}.teachers-page .profile-info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.teachers-page .profile-info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.teachers-page .pii-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 3px;font-size:11px;font-weight:600}.teachers-page .pii-value{color:#0f172a;text-transform:capitalize;margin:0;font-size:13px;font-weight:500}.teachers-page .load-stat-row{gap:12px;display:flex}.teachers-page .load-stat-card{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:12px}.teachers-page .lsc-val{color:var(--color-secondary);margin:0 0 3px;font-size:22px;font-weight:700}.teachers-page .lsc-lbl{color:#64748b;margin:0;font-size:12px}.teachers-page .overload-alert{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:flex}.teachers-page .overload-warning{color:#ea580c;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:500;display:inline-flex}.teachers-page .classes-grid{flex-wrap:wrap;gap:8px;display:flex}.teachers-page .class-card{border:1px solid color-mix(in srgb, var(--color-secondary) 20%, white);color:#5b21b6;background:#f3f0ff;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.teachers-page .perf-placeholder{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.teachers-page .perf-placeholder p{color:#64748b;margin:0;font-size:15px}.teachers-page .perf-placeholder span{font-size:13px}.teachers-page .form-section-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;margin:18px 0 8px;font-size:11px;font-weight:700;display:flex}.teachers-page .form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:9px 14px;font-size:13px}.teachers-page .form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.teachers-page .form-grid-3{grid-template-columns:1fr 1fr 1fr}.teachers-page .form-field{flex-direction:column;gap:5px;display:flex}.teachers-page .form-field.full{grid-column:1/-1}.teachers-page .form-field label{color:#374151;font-size:12px;font-weight:600}.teachers-page .form-field input,.teachers-page .form-field select,.teachers-page .form-field textarea{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:36px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.teachers-page .form-field textarea{height:auto;padding:8px 12px}.teachers-page .form-field input:focus,.teachers-page .form-field select:focus,.teachers-page .form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.teachers-page .picker-grid{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.teachers-page .pick-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;height:30px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.teachers-page .pick-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.teachers-page .pick-btn.selected{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.teachers-page .photo-upload-row{align-items:center;gap:16px;margin-bottom:4px;display:flex}.teachers-page .photo-preview{background:#f8fafc;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.teachers-page .photo-preview-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.teachers-page .photo-placeholder{justify-content:center;align-items:center;display:flex}.teachers-page .photo-hint{color:#94a3b8;margin:4px 0 0;font-size:11px}.teachers-page .modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1280px){.tp-table{min-width:860px}}@media (width<=1024px){.tp-summary{grid-template-columns:repeat(2,1fr)}.tp-analytics{grid-template-columns:1fr}.teachers-page .profile-info-grid,.teachers-page .form-grid-3{grid-template-columns:1fr 1fr}}@media (width<=640px){.tp-summary{grid-template-columns:1fr 1fr}.tp-toolbar{flex-direction:column;align-items:stretch}.tp-toolbar-right{justify-content:flex-end}.teachers-page .search-input{width:100%}.teachers-page .form-grid,.teachers-page .form-grid-3{grid-template-columns:1fr}.teachers-page .form-field.full{grid-column:1}.teachers-page .load-stat-row{flex-wrap:wrap}.teachers-page .profile-info-grid{grid-template-columns:1fr}.teachers-page .modal{max-height:95vh}}.branding-page{flex-direction:column;gap:20px;padding:0;display:flex}.branding-success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.branding-layout{grid-template-columns:1fr 400px;align-items:start;gap:24px;display:grid}.branding-controls{flex-direction:column;gap:20px;display:flex}.branding-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px 24px}.branding-card-header{align-items:center;gap:9px;margin-bottom:6px;display:flex}.branding-card-header svg{color:var(--color-secondary)}.branding-card-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.branding-card-desc{color:#64748b;margin:0 0 18px;font-size:13px;line-height:1.5}.branding-actions{justify-content:flex-end;gap:10px;display:flex}.color-pickers{flex-direction:column;gap:20px;display:flex}.color-picker{flex-direction:column;gap:10px;display:flex}.cp-label{color:#374151;margin:0;font-size:13px;font-weight:600}.cp-presets{flex-wrap:wrap;gap:8px;display:flex}.cp-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:transform .15s,border-color .15s;display:flex}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch.active{border-color:#0f172a;box-shadow:inset 0 0 0 2px #fff}.cp-custom-btn{background:#f1f5f9;border:1px dashed #cbd5e1}.cp-custom-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.cp-preview-dot{border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:24px;height:24px}.cp-native{cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px;padding:0}.cp-hex-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100px;padding:6px 10px;font-family:monospace;font-size:13px}.cp-hex-input:focus{border-color:var(--color-primary)}.logo-uploader{flex-direction:column;gap:10px;display:flex}.logo-dropzone{cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;transition:border-color .15s,background .15s;display:flex}.logo-dropzone:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.logo-drop-text{color:#374151;margin:0;font-size:14px;font-weight:500}.logo-drop-hint{color:#94a3b8;margin:0;font-size:12px}.logo-preview-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;padding:14px;display:flex}.logo-preview-img{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:64px;height:64px}.logo-remove-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.logo-remove-btn:hover{background:#fef2f2}.logo-error{color:#dc2626;margin:0;font-size:12px}.branding-preview-col{position:sticky;top:20px}.brand-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.bp-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0 0 14px;font-size:11px;font-weight:700}.bp-shell{border:1px solid #e2e8f0;border-radius:10px;height:280px;display:flex;overflow:hidden}.bp-sidebar{flex-direction:column;flex-shrink:0;gap:8px;width:110px;padding:12px 8px;display:flex}.bp-sidebar-top{align-items:center;gap:6px;margin-bottom:10px;display:flex}.bp-logo-dot{color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.bp-logo-img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:5px;flex-shrink:0;width:22px;height:22px}.bp-school-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:9px;font-weight:600;overflow:hidden}.bp-nav-items{flex-direction:column;gap:3px;display:flex}.bp-nav-item{color:#94a3b8;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:500;display:flex}.bp-nav-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.bp-content{background:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow:hidden}.bp-header{justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.bp-header-title{color:#0f172a;font-size:10px;font-weight:700}.bp-btn{color:#fff;border-radius:4px;padding:3px 7px;font-size:8px;font-weight:600}.bp-cards{gap:6px;display:flex}.bp-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:6px;padding:7px 8px;display:flex}.bp-card-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.bp-card-val{margin:0 0 1px;font-size:11px;font-weight:700}.bp-card-lbl{color:#94a3b8;font-size:8px}.bp-badges-row{gap:5px;display:flex}.bp-badge{border-radius:20px;padding:3px 7px;font-size:8px;font-weight:600}.bp-badge-grey{color:#64748b;background:#f1f5f9}@media (width<=1100px){.branding-layout{grid-template-columns:1fr}.branding-preview-col{position:static}}@media (width<=640px){.branding-actions{flex-direction:column}.branding-actions .btn-primary,.branding-actions .btn-secondary{justify-content:center;width:100%}}.settings-page{flex-direction:column;gap:20px;padding:0;display:flex}.settings-tabs{background:#f1f5f9;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.settings-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-tab:hover{color:#1e293b}.settings-tab.active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.settings-success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:0;padding:24px;display:flex}.settings-card-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.settings-card-header svg{color:var(--color-primary)}.settings-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.settings-card-desc{color:#64748b;margin:-12px 0 20px;font-size:13px;line-height:1.5}.form-section-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:20px 0 10px;font-size:11px;font-weight:700}.form-section-label:first-of-type{margin-top:0}.settings-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:24px;padding-top:20px;display:flex}.notif-list{flex-direction:column;gap:0;display:flex}.notif-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.notif-row:last-child{border-bottom:none}.notif-info{flex:1}.notif-label{color:#1e293b;margin:0 0 3px;font-size:14px;font-weight:500}.notif-desc{color:#64748b;margin:0;font-size:12px}.toggle{cursor:pointer;flex-shrink:0;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:#e2e8f0;border-radius:999px;width:44px;height:24px;transition:background .2s;display:block;position:relative}.toggle input:checked+.toggle-track{background:var(--color-primary)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.pwd-grid{max-width:420px}.pwd-wrap{align-items:center;display:flex;position:relative}.pwd-wrap input{width:100%;padding-right:40px}.pwd-eye{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:10px}.pwd-eye:hover{color:#1e293b}@media (width<=640px){.settings-tabs{width:100%}.settings-tab{flex:1;justify-content:center}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:1}}.adm-tt-page{flex-direction:column;gap:20px;display:flex}.adm-tt-loading{text-align:center;color:#94a3b8;padding:60px;font-size:14px}.adm-tt-tabs{background:#f1f5f9;border-radius:10px;flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.adm-tt-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.adm-tt-tab:hover{color:#1e293b}.adm-tt-tab.active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.adm-tt-success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.adm-tt-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.adm-tt-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.adm-tt-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.adm-tt-card-header svg{color:var(--color-primary);flex-shrink:0}.adm-tt-card-header h3{color:#0f172a;flex:1;margin:0;font-size:16px;font-weight:700}.adm-tt-card-desc{color:#64748b;margin:0 0 20px;font-size:13px;line-height:1.6}.adm-tt-slot-count{color:#94a3b8;font-size:12px;font-weight:400}.adm-tt-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px;font-size:14px;display:flex}.adm-tt-empty svg{color:#cbd5e1}.adm-tt-empty-btn{color:var(--color-primary);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.adm-tt-empty-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field.full{grid-column:1/-1}.form-field input,.form-field select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:var(--color-primary)}.adm-tag{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.adm-tag-teacher{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:#7e22ce}.adm-tag-gray{color:#64748b;background:#f1f5f9}.adm-tt-day-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.adm-section-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.adm-tt-new-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.adm-tt-new-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.adm-tt-add-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:10px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.adm-tt-add-btn:hover{background:#1e293b}.adm-tt-add-btn:disabled{cursor:not-allowed;background:#94a3b8}.adm-slot-actions{flex-shrink:0;gap:6px;display:flex}.adm-slot-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.adm-slot-actions button:hover{color:#1e293b;background:#f1f5f9}.adm-slot-actions button.del:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.adm-tt-dashboard{flex-direction:column;gap:20px;display:flex}.adm-dash-stats{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.adm-dash-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.adm-dash-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.adm-dash-stat-body{flex-direction:column;gap:2px;display:flex}.adm-dash-stat-value{white-space:nowrap;font-size:22px;font-weight:800;line-height:1}.adm-dash-stat-label{color:#64748b;font-size:11px}.adm-stat-blue .adm-dash-stat-icon{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.adm-stat-blue .adm-dash-stat-value{color:var(--color-primary)}.adm-stat-purple .adm-dash-stat-icon{color:var(--color-secondary);background:#ede9fe}.adm-stat-purple .adm-dash-stat-value{color:var(--color-secondary)}.adm-stat-green .adm-dash-stat-icon{color:#16a34a;background:#dcfce7}.adm-stat-green .adm-dash-stat-value{color:#16a34a}.adm-stat-indigo .adm-dash-stat-icon{color:#4338ca;background:#e0e7ff}.adm-stat-indigo .adm-dash-stat-value{color:#4338ca}.adm-stat-red .adm-dash-stat-icon{color:#dc2626;background:#fef2f2}.adm-stat-red .adm-dash-stat-value{color:#dc2626}.adm-stat-orange .adm-dash-stat-icon{color:#ea580c;background:#fff7ed}.adm-stat-orange .adm-dash-stat-value{color:#ea580c}.adm-stat-gray .adm-dash-stat-icon{color:#94a3b8;background:#f1f5f9}.adm-stat-gray .adm-dash-stat-value{color:#94a3b8}.adm-dash-actions{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.adm-dash-generate{border-left:4px solid var(--color-primary)}.adm-dash-gen-btns{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.adm-generate-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.adm-generate-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.adm-generate-btn:disabled{cursor:not-allowed;background:#93c5fd}.adm-view-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.adm-view-btn:hover{color:#1e293b;background:#f8fafc}.adm-dash-gen-info{color:#16a34a;align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.adm-dash-quicklinks{border-left:4px solid var(--color-secondary)}.adm-checklist{flex-direction:column;gap:2px;display:flex}.adm-checklist-item{cursor:pointer;color:#475569;border-radius:8px;align-items:center;gap:10px;padding:10px 8px;font-size:13px;transition:background .1s;display:flex}.adm-checklist-item:hover{background:#f8fafc}.adm-checklist-item.done,.adm-checklist-item.done .adm-checklist-dot svg{color:#16a34a}.adm-checklist-dot{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.adm-dot-empty{border:2px solid #cbd5e1;border-radius:50%;width:14px;height:14px}.adm-checklist-item span{flex:1}.adm-checklist-item svg:last-child{color:#cbd5e1;flex-shrink:0}.adm-tab-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:12px;font-weight:600}.adm-tt-subjects{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}.adm-subject-form{flex-direction:column;gap:12px;display:flex}.adm-code-hint{color:#94a3b8;margin-left:4px;font-size:11px;font-weight:400}.adm-subject-list{flex-direction:column;display:flex}.adm-subject-row{border-bottom:1px solid #f8fafc;align-items:center;gap:14px;padding:12px 0;display:flex}.adm-subject-row:last-child{border-bottom:none}.adm-subject-icon{color:#475569;letter-spacing:.03em;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:10px;font-weight:800;display:flex}.adm-subject-info{flex:1;min-width:0}.adm-subject-name{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:600}.adm-subject-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adm-subject-code{color:#475569;letter-spacing:.05em;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.adm-subject-cat{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:500}.cat-core{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.cat-elective{color:#b45309;background:#fef3c7}.cat-extracurricular{color:#15803d;background:#dcfce7}.cat-practical{color:#9333ea;background:#fae8ff}.cat-support{color:#475569;background:#f1f5f9}.adm-subject-del{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.adm-subject-del:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.adm-tt-teachers{flex-direction:column;gap:16px;display:flex}.adm-teacher-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;display:grid}.adm-teacher-card{padding:20px}.adm-teacher-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.adm-teacher-avatar{color:#fff;letter-spacing:.02em;background:#0f172a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:flex}.adm-teacher-info{flex:1;min-width:0}.adm-teacher-name{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700}.adm-teacher-meta{flex-wrap:wrap;gap:5px;display:flex}.adm-teacher-limits{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.adm-limit-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.adm-limit-current{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.adm-teacher-subjects-section{border-top:1px solid #f1f5f9;padding-top:14px}.adm-teacher-subj-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0 0 10px;font-size:11px;font-weight:700}.adm-teacher-subjects{flex-wrap:wrap;gap:6px;display:flex}.adm-subj-chip{color:#64748b;cursor:pointer;letter-spacing:.04em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-family:monospace;font-size:12px;font-weight:600;transition:all .15s}.adm-subj-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.adm-subj-chip.assigned{color:#fff;background:#0f172a;border-color:#0f172a}.adm-tt-classes,.adm-class-list{flex-direction:column;gap:16px;display:flex}.adm-class-card{padding:20px}.adm-class-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.adm-class-badge{color:#fff;letter-spacing:.02em;background:#0f172a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;height:52px;padding:0 8px;font-size:13px;font-weight:800;display:flex}.adm-class-info{flex:1;min-width:0}.adm-class-name{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700}.adm-cbc-hint{color:#92400e;background:#fefce8;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:12px;display:flex}.adm-cbc-hint svg{color:#f59e0b;flex-shrink:0}.adm-cbc-hint button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.adm-class-reqs{border-top:1px solid #f1f5f9;padding-top:14px}.adm-req-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.adm-req-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.adm-req-subj{color:#0f172a;flex-shrink:0;min-width:36px;font-family:monospace;font-size:12px;font-weight:700}.adm-req-input{text-align:center;width:36px;color:var(--color-primary);background:#fff;border:1px solid #e2e8f0;border-radius:4px;outline:none;padding:2px 4px;font-size:13px;font-weight:700}.adm-req-input:focus{border-color:var(--color-primary)}.adm-req-unit{color:#94a3b8;white-space:nowrap;font-size:11px}.adm-tt-grid-tab{flex-direction:column;gap:16px;display:flex}.adm-grid-controls{padding:16px 20px}.adm-grid-controls-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.adm-grid-controls-row .form-field{min-width:120px}.adm-view-toggle{background:#f1f5f9;border-radius:8px;gap:2px;padding:3px;display:flex}.adm-view-toggle button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.adm-view-toggle button.active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.adm-edit-toggle-field{min-width:110px}.adm-edit-toggle{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.adm-edit-toggle.active{color:#92400e;background:#fef3c7;border-color:#fde68a}.adm-print-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:8px;align-self:flex-end;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.adm-print-btn:hover{background:#1e293b}.adm-edit-banner{color:#92400e;background:#fefce8;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.adm-edit-conflict-count{color:#dc2626;align-items:center;gap:5px;margin-left:auto;font-weight:700;display:inline-flex}.adm-tt-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.adm-tt-grid-scroll{overflow-x:auto}.adm-tt-print-area{min-width:800px;padding:20px}.adm-grid-school-name{text-align:center;color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:13px;font-weight:700}.adm-grid-heading{text-align:center;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;font-size:15px;font-weight:900;text-decoration:underline}.adm-tt-table{border-collapse:collapse;border:2px solid #1e293b;width:100%}.adm-tt-th,.adm-tt-td{text-align:center;vertical-align:middle;border:1.5px solid #cbd5e1;padding:4px 3px}.adm-tt-th{color:#475569;white-space:nowrap;background:#f8fafc;font-size:9px;font-weight:700}.adm-tt-th-day{background:#f1f5f9;width:46px;font-size:10px}.adm-tt-th-break{background:#f8fafc;width:28px}.adm-tt-th-lesson{min-width:70px}.adm-tt-time-label{font-size:9px;font-weight:700;display:block}.adm-tt-break-time{color:#94a3b8;font-size:8px;display:block}.adm-tt-row:nth-child(2n){background:#fafbfc}.adm-tt-td-day{color:#0f172a;letter-spacing:.04em;background:#f1f5f9;font-size:12px;font-weight:900}.adm-tt-td-lesson{height:58px;padding:0}.adm-tt-td-break{background:#f8fafc;width:28px;padding:0}.adm-tt-break-label{writing-mode:vertical-rl;color:#64748b;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:9px;font-weight:900;transform:rotate(180deg)}.adm-tt-cell{cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;padding:4px;transition:background .12s;display:flex}.adm-tt-cell[draggable=true]{cursor:grab}.adm-tt-cell[draggable=true]:active{cursor:grabbing}.adm-tt-cell:hover{background:#f0f9ff}.adm-tt-cell-empty{opacity:.3;background:0 0}.adm-tt-cell-empty:hover{opacity:1;cursor:pointer;background:#f8fafc}.adm-tt-cell-code{color:#0f172a;letter-spacing:.02em;font-size:12px;font-style:italic;font-weight:800}.adm-tt-cell-class{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black);letter-spacing:.03em;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.adm-tt-cell-teacher{color:#475569;letter-spacing:.05em;background:#e2e8f0;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.adm-tt-cell-dash{color:#cbd5e1;font-size:14px}.adm-tt-cell.adm-cell-conflict{background:#fef2f2}.adm-cell-conflict-dot{background:#dc2626;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.adm-tt-footer{color:#475569;justify-content:space-between;margin-top:24px;font-size:11px;display:flex}.adm-tt-conflicts{flex-direction:column;gap:16px;display:flex}.adm-conflict-list{flex-direction:column;gap:6px;display:flex}.adm-conflict-full{margin-top:8px}.adm-conflict-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.adm-conflict-group-header{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.adm-conflict-badge{background:#0000001f;border-radius:99px;margin-left:auto;padding:1px 8px;font-size:11px}.adm-cg-error{color:#dc2626;background:#fef2f2}.adm-cg-warning{color:#ea580c;background:#fff7ed}.adm-cg-info{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.adm-conflict-item{border-left:3px solid;border-radius:8px;gap:10px;padding:10px 14px;font-size:13px;display:flex}.adm-conflict-error{background:#fef2f2;border-color:#dc2626}.adm-conflict-warning{background:#fff7ed;border-color:#f59e0b}.adm-conflict-info{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:var(--color-primary)}.adm-conflict-type{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;flex-shrink:0;min-width:130px;font-size:11px;font-weight:700}.adm-conflict-msg{color:#1e293b;flex:1}.adm-conflict-more{color:#94a3b8;padding:6px 14px;font-size:12px}.adm-conflict-more button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.adm-tt-overlay{z-index:50;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.adm-tt-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.adm-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.adm-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.adm-modal-header button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .15s;display:flex}.adm-modal-header button:hover{color:#1e293b;background:#f1f5f9}.adm-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.adm-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.adm-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.adm-cancel-btn:hover{background:#f8fafc}.adm-save-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.adm-save-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.adm-save-btn:disabled{cursor:not-allowed;background:#93c5fd}@media (width<=1200px){.adm-dash-stats{grid-template-columns:repeat(3,1fr)}.adm-dash-actions{grid-template-columns:1fr}}@media (width<=900px){.adm-tt-subjects,.adm-teacher-list{grid-template-columns:1fr}.adm-dash-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.adm-tt-tabs{flex-wrap:wrap;width:100%}.adm-tt-tab{flex:1;justify-content:center;padding:7px 10px;font-size:12px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:1}.adm-dash-stats{grid-template-columns:1fr 1fr}.adm-grid-controls-row{flex-direction:column;align-items:stretch}.adm-req-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media print{.adm-tt-page>:not(.adm-tt-grid-tab),.adm-tt-grid-tab>:not(.adm-tt-grid-wrapper){display:none}.adm-tt-grid-wrapper{border:none}.adm-tt-grid-scroll{overflow:visible}}.adm-band-badge{background:color-mix(in srgb, var(--color-primary) 8%, white);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white);color:color-mix(in srgb, var(--color-primary) 80%, black);border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.tt-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.tt-grid-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.tt-grid-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:inline-flex}.tt-grid-header-actions{align-items:center;gap:8px;display:inline-flex}.tt-print-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.tt-print-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.tt-day-nav{background:#f1f5f9;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.tt-day-nav button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:inline-flex}.tt-day-nav button:hover{color:#0f172a;background:#e2e8f0}.tt-day-nav button:disabled{opacity:.4;cursor:not-allowed}.tt-day-nav-label{text-align:center;color:#334155;min-width:66px;font-size:12px;font-weight:600}.tt-grid-scroll{overflow-x:auto}.tt-print-area{background:#fff;min-width:900px;padding:18px 20px 14px}.tt-print-school-name{text-align:center;letter-spacing:.04em;color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:700}.tt-print-heading{text-align:center;text-transform:uppercase;text-underline-offset:3px;color:#0f172a;margin-bottom:10px;font-size:15px;font-weight:900;text-decoration:underline}.tt-grid-table{border-collapse:collapse;border:2px solid #64748b;width:100%}.tt-grid-table th,.tt-grid-table td{text-align:center;vertical-align:middle;border:1px solid #cbd5e1;padding:6px 5px}.tt-grid-th{text-transform:uppercase;letter-spacing:.03em;color:#334155;background:#f1f5f9;font-size:11px;font-weight:700}.tt-grid-th-break{background:#f8fafc;width:24px}.tt-grid-th-day{width:46px}.tt-grid-time-label{color:#334155;font-weight:800;display:block}.tt-grid-break-time{color:#94a3b8;font-size:9px;font-weight:600;display:block}.tt-grid-td-day{letter-spacing:.06em;color:#0f172a;text-transform:uppercase;background:#f1f5f9;width:46px;font-size:12px;font-weight:900}.tt-grid-td-break{background:#f8fafc;width:24px}.tt-grid-td-cell{height:auto}.tt-break-label{writing-mode:vertical-rl;letter-spacing:.06em;text-transform:uppercase;color:#475569;font-size:10px;font-weight:800;display:block;transform:rotate(180deg)}.tt-grid-dash{color:#cbd5e1;font-size:13px;font-weight:600}.tt-print-footer{letter-spacing:.02em;color:#334155;justify-content:space-between;margin-top:10px;font-size:11px;font-weight:600;display:flex}:root{--tt-surf:#fff;--tt-border:#e5e7eb;--tt-text:#0f172a;--tt-text-sec:#64748b;--tt-text-muted:#94a3b8;--tt-blue:var(--color-primary);--tt-radius:16px;--tt-radius-sm:10px;--tt-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a}.tt-dash{flex-direction:column;gap:24px;display:flex}.tt-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tt-stat{background:var(--tt-surf);border:1px solid var(--tt-border);border-radius:var(--tt-radius-sm);box-shadow:var(--tt-shadow);align-items:center;gap:14px;padding:16px 18px;display:flex}.tt-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tt-stat-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--tt-blue)}.tt-stat-icon--purple{color:var(--color-secondary);background:#f5f3ff}.tt-stat-icon--cyan{color:#0891b2;background:#ecfeff}.tt-stat-icon--green{color:#16a34a;background:#dcfce7}.tt-stat-body{flex-direction:column;display:flex}.tt-stat-value{letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700;line-height:1.1}.tt-stat-label{color:var(--tt-text-sec);margin:2px 0 0;font-size:12px}.tt-next-lesson{background:var(--tt-surf);border:1px solid var(--tt-border);border-left:4px solid var(--tt-blue);border-radius:var(--tt-radius-sm);box-shadow:var(--tt-shadow);align-items:center;gap:12px;padding:11px 16px;display:flex}.tt-next-lesson-label{text-transform:uppercase;letter-spacing:.06em;color:var(--tt-text-sec);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.tt-next-lesson-body{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tt-next-subj{color:var(--tt-text);font-size:14px;font-weight:700}.tt-next-sep{color:#cbd5e1;font-size:12px}.tt-next-class{color:#475569;font-size:12px;font-weight:600}.tt-next-time{color:var(--tt-text-muted);font-size:12px}.tt-empty{color:var(--tt-text-muted);text-align:center;background:var(--tt-surf);border:1px solid var(--tt-border);border-radius:var(--tt-radius);flex-direction:column;align-items:center;gap:8px;padding:48px;font-size:14px;display:flex}.tt-empty p{color:var(--tt-text-sec);margin:8px 0 4px;font-size:15px}.tt-grid-wrap{background:var(--tt-surf);border:1px solid var(--tt-border);border-radius:var(--tt-radius);box-shadow:var(--tt-shadow);overflow:hidden}.tt-toolbar{border-bottom:1px solid var(--tt-border);align-items:center;gap:10px;padding:10px 20px;display:flex}.tt-toolbar-spacer{flex:1}.tt-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.tt-btn--dark{color:#fff;background:#0f172a}.tt-btn--dark:hover{background:#1e293b}.tt-scroll{-webkit-overflow-scrolling:touch;padding:0 4px 4px;overflow-x:auto}.tt-table{border-collapse:collapse;border:2px solid #cbd5e1;width:100%;min-width:680px;margin-top:8px}.tt-th{text-align:center;vertical-align:middle;color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;padding:7px 4px;font-size:10px;font-weight:700}.tt-th-day{background:#f1f5f9;width:48px;font-size:11px}.tt-th-lesson{min-width:68px;padding:10px 6px}.tt-th-break{background:#f8fafc;width:30px;padding:10px 2px}.tt-time-lbl{font-size:10px;font-weight:700;display:block}.tt-break-time-lbl{color:var(--tt-text-muted);font-size:8px;display:block}.tt-row:nth-child(2n){background:#fafbfc}.tt-row--today .tt-td-day{background:color-mix(in srgb, var(--color-primary) 8%, white)}.tt-td{text-align:center;vertical-align:middle;border:1px solid #cbd5e1;padding:0}.tt-td-day{color:var(--tt-text);letter-spacing:.04em;background:#f1f5f9;width:48px;padding:4px;font-size:13px;font-weight:800}.tt-today-dot{background:var(--tt-blue);vertical-align:super;border-radius:50%;width:5px;height:5px;margin-left:3px;display:inline-block}.tt-td-cell{height:58px}.tt-td-break{background:#f8fafc;width:30px;padding:0}.tt-break-lbl{writing-mode:vertical-rl;color:var(--tt-text-sec);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:9px;font-weight:700;transform:rotate(180deg)}.tt-cell{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:58px;padding:3px 4px;display:flex}.tt-cell-subj{color:var(--tt-text);letter-spacing:.01em;font-size:13px;font-weight:700;line-height:1.2}.tt-cell-class{color:#475569;letter-spacing:.04em;background:#e2e8f0;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-flex}.tt-cell-stream{color:var(--tt-text-sec);font-size:9px}.tt-cell-dash{color:#cbd5e1;font-size:14px}.tt-print-area{width:100%}.tt-print-school{display:none}.tt-print-heading{text-align:center;color:var(--tt-text);margin-bottom:8px;font-size:15px;font-weight:700}.tt-print-footer{display:none}.tt-load{color:var(--tt-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.tt-spin{border:3px solid #e2e8f0;border-top-color:var(--tt-blue);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite tt-spin}@keyframes tt-spin{to{transform:rotate(360deg)}}.tt-pdf-overlay{z-index:1300;background:#0f172a85;justify-content:center;align-items:center;padding:16px;animation:.18s tt-fade;display:flex;position:fixed;inset:0}.tt-pdf-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:980px;max-height:92vh;animation:.3s cubic-bezier(.22,1,.36,1) tt-pop;display:flex;overflow:hidden;box-shadow:0 18px 60px #0f172a59}.tt-pdf-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.tt-pdf-title{color:#0f172a;flex:1;align-items:center;gap:7px;min-width:0;font-size:14px;font-weight:700;display:flex}.tt-pdf-btn{cursor:pointer;white-space:nowrap;color:#fff;background:#1e3a5f;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.tt-pdf-btn:disabled{opacity:.6;cursor:not-allowed}.tt-pdf-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tt-pdf-frame-wrap{box-sizing:border-box;background:#eef2f7;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.tt-pdf-sizer{flex-shrink:0;position:relative}.tt-pdf-frame{transform-origin:0 0;background:#fff;border:1px solid #cbd5e1;width:1123px;height:794px;display:block;position:absolute;top:0;left:0;box-shadow:0 4px 24px #0f172a1f}.tt-pdf-busy{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:13px;display:flex}.tt-pdf-spin{animation:.6s linear infinite tt-spin}@keyframes tt-fade{0%{opacity:0}to{opacity:1}}@keyframes tt-pop{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.tt-pdf-overlay{padding:0}.tt-pdf-panel{border-radius:0;max-width:100%;height:100%;max-height:100dvh}.tt-pdf-frame-wrap{padding:0}.tt-pdf-btn{padding:9px 12px;font-size:12px}}.tt-today{border-top:1px solid var(--tt-border);padding:16px 20px}.tt-today-hdr{color:var(--tt-text-sec);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.tt-today-list{flex-wrap:wrap;gap:8px;display:flex}.tt-today-item{border:1px solid var(--tt-border);border-left:3px solid var(--tt-blue);background:#fafbfc;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;transition:background .12s;display:flex}.tt-today-item:hover{background:#f1f5f9}.tt-today-time{color:var(--tt-text-sec);white-space:nowrap;font-size:11px;font-weight:600}.tt-today-subj{color:var(--tt-text);font-weight:700}.tt-today-cls{color:var(--tt-text-sec);font-size:11px}.tt-mobile-list{display:none}@media (width<=768px){.tt-scroll,.tt-today{display:none}.tt-toolbar{padding:10px 14px}.tt-btn{min-height:40px}.tt-mobile-list{flex-direction:column;gap:8px;padding:14px;display:flex}.tt-mobile-day{border:1px solid var(--tt-border);background:#fafbfc;border-radius:12px;padding:12px 14px}.tt-mobile-day--today{border-color:color-mix(in srgb, var(--tt-blue) 40%, white);background:color-mix(in srgb, var(--tt-blue) 4%, white)}.tt-mobile-day-hdr{color:var(--tt-text);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.tt-mobile-day--today .tt-mobile-day-hdr{color:var(--tt-blue)}.tt-mobile-today-lbl{text-transform:uppercase;letter-spacing:.04em;background:var(--tt-blue);color:#fff;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.tt-mobile-day-empty{color:var(--tt-text-muted);margin:0;font-size:12px}.tt-mobile-lessons{flex-direction:column;gap:8px;display:flex}.tt-mobile-lesson{border:1px solid var(--tt-border);border-left:3px solid var(--tt-blue);background:#fff;border-radius:10px;align-items:flex-start;gap:12px;min-height:52px;padding:10px 12px;display:flex}.tt-mobile-time{color:var(--tt-blue);white-space:nowrap;align-items:baseline;gap:3px;padding-top:2px;font-family:monospace;font-size:12px;font-weight:700;display:flex}.tt-mobile-dash{color:#cbd5e1}.tt-mobile-info{flex:1;min-width:0}.tt-mobile-subj{color:var(--tt-text);margin:0;font-size:14px;font-weight:700}.tt-mobile-cls{color:var(--tt-text-sec);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:2px 0 0;font-size:12px;display:flex;overflow:hidden}}@media (width<=1100px){.tt-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tt-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tt-stat{text-align:center;flex-direction:column;gap:4px;padding:10px 2px!important}.tt-stat-icon{width:32px;height:32px}.tt-stat-value{font-size:18px!important}.tt-stat-label{line-height:1.25;font-size:10px!important}.tt-today-list{flex-direction:column}.tt-toolbar{flex-wrap:wrap;padding:10px 14px}.tt-today{padding:14px}.tt-today-item{min-height:44px;padding:10px 12px}.tt-cell{height:48px;padding:2px}.tt-cell-subj{font-size:11px}.tt-cell-class{font-size:8px}.tt-th{padding:6px 2px;font-size:9px}.tt-grid-wrap{border-radius:10px}}@media (width<=480px){.tt-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tt-stat{padding:8px 2px!important}.tt-stat-icon{display:none}.tt-stat-value{font-size:18px!important}.tt-stat-label{line-height:1.2;font-size:10px!important}.tt-dash{gap:14px}}.sr-root{padding:0}.sr-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sr-search{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:400px;padding:8px 14px;display:flex}.sr-search input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.sr-count{color:#94a3b8;white-space:nowrap;font-size:13px}.sr-summary{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.sr-summary-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.sr-summary-count{margin:0;font-size:24px;font-weight:700}.sr-summary-label{color:#64748b;margin:2px 0 0;font-size:12px}.sr-table-wrap{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 1px 3px #0000000f}.sr-table{border-collapse:collapse;width:100%;font-size:14px}.sr-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.sr-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.sr-table tr:hover td{background:#f8fafc}.sr-empty{text-align:center;color:#94a3b8;padding:40px 16px!important}.sr-name-cell{align-items:center;gap:10px;display:flex}.sr-avatar-sm{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.sr-role-badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sr-dept-tag{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary);border-radius:8px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.sr-actions{gap:6px;display:flex}.sr-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.sr-btn-primary{background:var(--color-primary);color:#fff}.sr-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.sr-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sr-btn-secondary{color:#334155;background:#f1f5f9}.sr-btn-secondary:hover{background:#e2e8f0}.sr-btn-ghost{color:#ef4444;background:0 0;padding:6px 10px}.sr-btn-ghost:hover{background:#fef2f2}.sr-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sr-modal{background:#fff;border-radius:12px;width:500px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.sr-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.sr-modal-header h3{margin:0;font-size:18px}.sr-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.sr-modal-body{padding:20px 24px}.sr-modal-teacher{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.sr-avatar-lg{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.sr-modal-name{margin:0;font-size:16px;font-weight:600}.sr-modal-current{color:#64748b;margin:2px 0 0;font-size:13px}.sr-modal-field{margin-bottom:18px}.sr-modal-field label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.sr-role-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sr-role-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex;position:relative}.sr-role-option:hover{border-color:var(--color-primary)}.sr-role-option.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);font-weight:600}.sr-checked{color:var(--color-primary);margin-left:auto}.sr-dept-grid{flex-wrap:wrap;gap:8px;display:flex}.sr-dept-option{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .15s;display:flex}.sr-dept-option:hover{border-color:var(--color-secondary)}.sr-dept-option.selected{border-color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary);font-weight:600}.sr-modal-footer{justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.sr-input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.sr-input:focus{border-color:var(--color-primary)}@media (width<=768px){.sr-modal{border-radius:12px;max-width:100%}.sr-modal-body{padding:16px}.sr-form-grid{grid-template-columns:1fr}.sr-role-option{min-height:44px}.sr-dept-option{min-height:36px}}.nts-root{padding:0 0 24px}.nts-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.nts-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.nts-stat-val{margin:0;font-size:22px;font-weight:700}.nts-stat-lbl{color:#64748b;margin:2px 0 0;font-size:12px}.nts-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.nts-search-wrap{flex:1;min-width:180px;position:relative}.nts-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.nts-search{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 30px;font-size:13px}.nts-search:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px #2563eb1a}.nts-filter{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:13px}.nts-btn-primary{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.nts-btn-primary:hover{opacity:.9}.nts-btn-primary:disabled{opacity:.5;cursor:not-allowed}.nts-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.nts-btn-secondary:hover{background:#f8fafc}.nts-loading{text-align:center;color:#94a3b8;padding:40px;font-size:13px}.nts-empty{text-align:center;color:#94a3b8;padding:48px 20px}.nts-empty p{color:#475569;margin:12px 0 4px;font-size:15px;font-weight:600}.nts-empty span{font-size:13px}.nts-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.nts-table{border-collapse:collapse;width:100%;font-size:13px}.nts-table th{text-align:left;color:#475569;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:12px;font-weight:600}.nts-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.nts-table tr:last-child td{border-bottom:none}.nts-table tr:hover td{background:#f8fafc}.nts-mono{color:#64748b;font-family:SF Mono,Cascadia Code,monospace;font-size:12px}.nts-name-cell{color:#0f172a;align-items:center;gap:8px;font-weight:600;display:flex}.nts-avatar{background:var(--color-primary,#2563eb);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.nts-avatar--lg{border-radius:12px;width:44px;height:44px;font-size:18px}.nts-badge{cursor:pointer;text-transform:capitalize;border:none;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.nts-badge--green{color:#15803d;background:#dcfce7}.nts-badge--amber{color:#92400e;background:#fef3c7}.nts-badge--red{color:#991b1b;background:#fee2e2}.nts-badge:hover{filter:brightness(.95)}.nts-actions{gap:4px;display:flex}.nts-btn-icon{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.nts-btn-icon:hover{color:#0f172a;background:#f1f5f9}.nts-btn-icon--del:hover{color:#dc2626;background:#fee2e2}.nts-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.nts-modal{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.nts-modal-md{max-width:520px}.nts-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.nts-modal-header h3{margin:0;font-size:16px;font-weight:700}.nts-modal-header button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px}.nts-modal-header button:hover{background:#f1f5f9}.nts-modal-body{padding:20px}.nts-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.nts-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nts-field label{color:#475569;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.nts-field input,.nts-field select,.nts-field textarea{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px}.nts-field input:focus,.nts-field select:focus,.nts-field textarea:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px #2563eb1a}.nts-field--full{grid-column:1/-1}.nts-required{color:#dc2626}.nts-alert{border-radius:8px;align-items:center;gap:8px;margin:0 20px;padding:10px 16px;font-size:13px;display:flex}.nts-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.nts-profile-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.nts-profile-item{flex-direction:column;gap:2px;display:flex}.nts-profile-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.nts-profile-val{color:#0f172a;font-size:14px;font-weight:500}@media (width<=768px){.nts-form-grid,.nts-profile-grid{grid-template-columns:1fr}.nts-modal{border-radius:12px;max-width:100%}.nts-modal-body{padding:16px}.nts-toolbar{flex-direction:column;align-items:stretch}.nts-btn-primary,.nts-btn-secondary{justify-content:center;min-height:44px}.nts-table th,.nts-table td{padding:8px 10px;font-size:12px}}@media (width<=480px){.nts-summary{grid-template-columns:1fr 1fr}}.admin-comments-page{flex-direction:column;gap:16px;display:flex}.admin-comments-page .att-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.admin-comments-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table thead{background:#f8fafc}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.admin-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 16px}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .monospace{font-family:SF Mono,Fira Code,monospace;font-size:12px}.btn-icon.danger{color:#ef4444}.btn-icon.danger:hover{color:#dc2626;background:#fef2f2}@media (width<=768px){.admin-comments-page .att-toolbar{padding:10px 12px}.admin-table th,.admin-table td{padding:10px;font-size:12px}.admin-comments-page{gap:12px}}:root{--al-bg:#f8fafc;--al-surface:#fff;--al-border:#e5e7eb;--al-border-light:#f1f5f9;--al-text:#0f172a;--al-text-sec:#64748b;--al-text-muted:#94a3b8;--al-blue:var(--color-primary);--al-blue-hover:color-mix(in srgb, var(--color-primary) 80%, black);--al-red:#ef4444;--al-red-light:#fef2f2;--al-green:#16a34a;--al-green-light:#f0fdf4;--al-purple:var(--color-secondary);--al-amber:#f59e0b;--al-radius:16px;--al-radius-sm:12px;--al-radius-xs:8px;--al-shadow:0 1px 2px #0000000a;--al-shadow-md:0 4px 12px #00000014;--al-shadow-lg:0 8px 24px #0000001f;--al-transition:.15s ease}.al-root{max-width:100%}.al-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.al-header h2{color:var(--al-text);margin:0;font-size:20px;font-weight:600}.al-header-sub{color:var(--al-text-muted);margin:2px 0 0;font-size:13px}.al-header-left{align-items:center;gap:8px;display:flex}.al-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.al-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.al-kpi{background:var(--al-surface);border:1px solid var(--al-border);border-radius:var(--al-radius);transition:box-shadow var(--al-transition);align-items:center;gap:14px;padding:20px;display:flex}.al-kpi:hover{box-shadow:var(--al-shadow-md)}.al-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.al-kpi-content{flex-direction:column;display:flex}.al-kpi-value{letter-spacing:-.3px;margin:0;font-size:28px;font-weight:700;line-height:1.1}.al-kpi-label{color:var(--al-text-sec);margin:2px 0 0;font-size:13px}.al-alert-banner{border-radius:var(--al-radius-xs);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.al-alert-banner-left{align-items:center;gap:8px;display:flex}.al-alert-banner-left strong{font-weight:600}.al-alert-banner-close{color:#dc2626;cursor:pointer;width:24px;height:24px;transition:background var(--al-transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.al-alert-banner-close:hover{background:#fee2e2}.al-chart-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px;display:grid}.al-chart-card h4{color:var(--al-text);margin:0 0 16px;font-size:14px;font-weight:600}.al-chart-bars{flex-direction:column;gap:6px;display:flex}.al-bar-row{align-items:center;gap:8px;display:flex}.al-bar-label{min-width:48px;color:var(--al-text-sec);font-size:11px;font-weight:500}.al-bar-track{background:#f1f5f9;border-radius:5px;flex:1;height:10px;overflow:hidden}.al-bar-fill{background:var(--al-blue);border-radius:5px;height:100%;transition:width .4s}.al-bar-value{min-width:32px;color:var(--al-text);text-align:right;font-size:11px;font-weight:600}.al-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.al-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.al-toolbar-right{white-space:nowrap;align-items:center;gap:8px;display:flex}.al-toolbar-count{color:var(--al-text-muted);font-size:13px;font-weight:500}.al-search-wrap{flex:1;align-items:center;min-width:200px;max-width:280px;display:flex;position:relative}.al-search-icon{color:var(--al-text-muted);pointer-events:none;position:absolute;left:10px}.al-search-input{border:1px solid var(--al-border);border-radius:var(--al-radius-xs);width:100%;color:var(--al-text);background:var(--al-surface);transition:border-color var(--al-transition);box-sizing:border-box;outline:none;padding:7px 10px 7px 30px;font-size:13px}.al-search-input:focus{border-color:var(--al-blue)}.al-search-input::placeholder{color:var(--al-text-muted)}.al-select{border:1px solid var(--al-border);border-radius:var(--al-radius-xs);color:var(--al-text);background:var(--al-surface);cursor:pointer;outline:none;min-width:100px;padding:7px 10px;font-size:13px}.al-select:focus{border-color:var(--al-blue)}.al-btn{border-radius:var(--al-radius-xs);cursor:pointer;height:36px;transition:all var(--al-transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.al-btn:focus-visible{outline:2px solid var(--al-blue);outline-offset:2px}.al-btn:disabled{opacity:.35;cursor:not-allowed}.al-btn--sm{height:32px;padding:0 12px;font-size:12px}.al-btn--xs{height:28px;padding:0 8px;font-size:11px}.al-btn--full{width:100%}.al-btn--primary{background:var(--al-blue);color:#fff;border-color:var(--al-blue)}.al-btn--primary:hover:not(:disabled){background:var(--al-blue-hover)}.al-btn--outline{background:var(--al-surface);color:var(--al-text);border-color:var(--al-border)}.al-btn--outline:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.al-btn--icon{background:var(--al-surface);color:var(--al-text-sec);border-color:var(--al-border);padding:0 10px}.al-btn--icon:hover:not(:disabled){color:var(--al-text);background:#f9fafb}.al-btn--ghost{color:var(--al-text-sec);background:0 0;border-color:#0000}.al-btn--ghost:hover:not(:disabled){color:var(--al-text);background:#f1f5f9}.al-btn--page-active{background:var(--al-blue);color:#fff;border-color:var(--al-blue)}.al-btn--page-active:hover{background:var(--al-blue-hover)}.al-loading{color:var(--al-text-sec);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.al-spinner{border:2px solid var(--al-border);border-top-color:var(--al-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite al-spin}@keyframes al-spin{to{transform:rotate(360deg)}}.al-empty{text-align:center;background:var(--al-surface);border:1px solid var(--al-border);border-radius:var(--al-radius);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.al-empty p{color:var(--al-text);margin:16px 0 4px;font-size:15px;font-weight:600}.al-table-wrap{background:var(--al-surface);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow);overflow:hidden}.al-table-scroll{overflow-x:auto}.al-table{border-collapse:collapse;width:100%;font-size:13px}.al-table thead{z-index:2;background:#fafafa;position:sticky;top:0}.al-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--al-text-muted);border-bottom:1px solid var(--al-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.al-table td{border-bottom:1px solid var(--al-border-light);height:64px;color:var(--al-text);vertical-align:middle;padding:0 16px}.al-table tbody tr{transition:background var(--al-transition)}.al-table tbody tr:hover{background:#f9fafb}.al-table tbody tr:last-child td{border-bottom:none}.al-th--student{min-width:200px}.al-th--class,.al-th--year,.al-th--exit{min-width:100px}.al-th--status{min-width:80px}.al-th--cert{min-width:100px}.al-th--actions{text-align:center;width:48px}.al-student-cell{align-items:center;gap:12px;display:flex}.al-avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.al-avatar--sm{width:28px;height:28px;font-size:10px}.al-avatar--lg{width:48px;height:48px;font-size:16px}.al-student-info{flex-direction:column;min-width:0;display:flex}.al-student-name{color:var(--al-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.al-student-adm{color:var(--al-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.al-exit-badge{text-transform:capitalize;font-size:12px;font-weight:500}.al-status-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.al-status-badge--active{color:#16a34a;background:#dcfce7}.al-status-badge--locked{color:#64748b;background:#f1f5f9}.al-cert-badge{color:var(--al-green);align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.al-cert-badge--none{color:var(--al-text-muted)}.al-dd-trigger{border-radius:var(--al-radius-xs);width:32px;height:32px;color:var(--al-text-muted);cursor:pointer;transition:all var(--al-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.al-dd-trigger:hover{color:var(--al-text);border-color:var(--al-border);background:#f1f5f9}.al-dd-trigger:focus-visible{outline:2px solid var(--al-blue);outline-offset:2px}.al-overlay{z-index:9998;position:fixed;inset:0}.al-float-panel{z-index:9999;background:var(--al-surface);border:1px solid var(--al-border);border-radius:var(--al-radius);width:320px;max-width:calc(100vw - 32px);animation:.18s ease-out al-float-in;position:fixed;overflow:hidden;box-shadow:0 12px 48px #0000002e}@keyframes al-float-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.al-float-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--al-border-light);background:#fafafa;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.al-float-header:active{cursor:grabbing}.al-float-header-info{align-items:center;gap:10px;min-width:0;display:flex}.al-float-grip{color:var(--al-text-muted);flex-shrink:0}.al-float-header-info>div{flex-direction:column;min-width:0;display:flex}.al-float-name{color:var(--al-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.al-float-class{color:var(--al-text-sec);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.al-float-close{border-radius:var(--al-radius-xs);width:28px;height:28px;color:var(--al-text-muted);cursor:pointer;transition:all var(--al-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.al-float-close:hover{color:var(--al-text-sec);background:#f1f5f9}.al-float-body{max-height:80vh;padding:8px;overflow-y:auto}.al-float-item{border-radius:var(--al-radius-xs);width:100%;color:var(--al-text);cursor:pointer;text-align:left;transition:background var(--al-transition);background:0 0;border:none;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.al-float-item:hover:not(:disabled){background:#f1f5f9}.al-float-item:disabled{opacity:.35;cursor:not-allowed}.al-float-item:focus-visible{outline:2px solid var(--al-blue);outline-offset:-2px}.al-float-item--danger{color:var(--al-red)}.al-float-item--danger:hover:not(:disabled){background:var(--al-red-light)}.al-float-sep{background:var(--al-border-light);height:1px;margin:6px 12px}.al-pagination{border-top:1px solid var(--al-border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.al-page-info{color:var(--al-text-muted);font-size:12px}.al-page-btns{gap:4px;display:flex}.al-dossier-header{background:var(--al-surface);border:1px solid var(--al-border);border-radius:24px;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 4px 24px #0f172a0f}.al-dossier-avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.al-dossier-summary{flex:1;min-width:0}.al-dossier-name{color:var(--al-text);margin:0;font-size:22px;font-weight:700;line-height:1.2}.al-dossier-meta{color:var(--al-text-sec);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px;font-size:13px;display:flex}.al-dossier-adm{color:var(--al-text);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-weight:600}.al-dossier-divider{color:var(--al-border)}.al-dossier-class{align-items:center;gap:4px;display:inline-flex}.al-dossier-badges{flex-wrap:wrap;gap:6px;display:flex}.al-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.al-badge--success{color:#16a34a;background:#dcfce7}.al-badge--info{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.al-badge--warning{color:#d97706;background:#fef3c7}.al-badge--danger{color:#dc2626;background:#fee2e2}.al-dossier-actions{flex-shrink:0;align-self:flex-start;gap:6px;margin-left:auto;display:flex}.al-dossier-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.al-dossier-col{flex-direction:column;gap:20px;display:flex}.al-dossier-card{background:var(--al-surface);border:1px solid var(--al-border);border-radius:24px;padding:20px 24px;box-shadow:0 4px 24px #0f172a0f}.al-dossier-card-head{color:var(--al-text);border-bottom:1px solid var(--al-border-light);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:600;display:flex}.al-dossier-card-body{flex-direction:column;gap:0;display:flex}.al-info-row{border-bottom:1px solid var(--al-border-light);align-items:center;gap:12px;min-height:40px;padding:8px 0;display:flex}.al-info-row:last-child{border-bottom:none}.al-info-icon{width:28px;height:28px;color:var(--al-text-sec);background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.al-info-text{flex-direction:column;gap:1px;min-width:0;display:flex}.al-info-label{color:var(--al-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.al-info-value{color:var(--al-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.al-dossier-docs{gap:8px}.al-dossier-doc-btn{border:1px solid var(--al-border);background:var(--al-surface);width:100%;color:var(--al-text);cursor:pointer;text-align:left;transition:all var(--al-transition);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.al-dossier-doc-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.al-dossier-doc-btn span{flex:1}.al-progress-wrap{align-items:center;gap:10px;margin-bottom:4px;padding:12px 0;display:flex}.al-progress-bar{background:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.al-progress-fill{background:#16a34a;border-radius:4px;height:100%;transition:width .4s}.al-progress-label{color:#16a34a;white-space:nowrap;font-size:11px;font-weight:600}.al-cert-badge--pending{color:#d97706;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.al-audit-list{flex-direction:column;gap:2px;display:flex}.al-audit-item{border-bottom:1px solid var(--al-border-light);align-items:center;gap:10px;min-height:32px;padding:6px 0;display:flex}.al-audit-item:last-child{border-bottom:none}.al-audit-dot{background:#93c5fd;border-radius:50%;flex-shrink:0;width:6px;height:6px}.al-audit-content{flex-direction:column;flex:1;min-width:0;display:flex}.al-audit-action{color:var(--al-text);font-size:12px;font-weight:600}.al-audit-date{color:var(--al-text-muted);font-size:10px}.al-audit-by{color:var(--al-text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.al-dossier-empty{color:var(--al-text-muted);text-align:center;margin:0;padding:20px 0;font-size:13px}.al-dossier-command-bar{background:var(--al-surface);border:1px solid var(--al-border);z-index:50;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 24px #0f172a0f}.al-dossier-command-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.al-btn--danger-outline{color:var(--al-red);border-color:var(--al-border)}.al-btn--danger-outline:hover:not(:disabled){background:var(--al-red-light);border-color:#fca5a5}.al-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.al-modal{background:var(--al-surface);border-radius:var(--al-radius);width:440px;max-width:90vw;animation:.2s ease-out al-modal-in;box-shadow:0 20px 60px #00000026}@keyframes al-modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.al-modal-head{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.al-modal-head h3{color:var(--al-text);margin:0;font-size:16px;font-weight:600}.al-modal-close{border-radius:var(--al-radius-xs);width:28px;height:28px;color:var(--al-text-muted);cursor:pointer;transition:all var(--al-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.al-modal-close:hover{color:var(--al-text-sec);background:#f1f5f9}.al-modal-body{color:var(--al-text-sec);padding:12px 24px;font-size:13px;line-height:1.5}.al-modal-foot{justify-content:flex-end;gap:8px;padding:16px 24px 24px;display:flex}.al-doc-preview-modal{background:var(--al-surface);border-radius:var(--al-radius);flex-direction:column;width:80%;max-width:960px;max-height:90vh;animation:.2s ease-out al-modal-in;display:flex;box-shadow:0 20px 60px #00000026}.al-doc-preview-header{border-bottom:1px solid var(--al-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.al-doc-preview-header h3{color:var(--al-text);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.al-doc-preview-header p{color:var(--al-text-sec);margin:2px 0 0;font-size:13px}.al-doc-preview-body{background:#e2e8f0;flex:1;padding:24px;overflow-y:auto}.al-doc-preview-body>div{max-width:800px;margin:0 auto;box-shadow:0 4px 24px #00000026}.al-doc-preview-footer{border-top:1px solid var(--al-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.al-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.al-form-group{flex-direction:column;gap:4px;display:flex}.al-form-group--full{grid-column:1/-1}.al-form-group label{color:var(--al-text);font-size:12px;font-weight:600}.al-input{border:1px solid var(--al-border);border-radius:var(--al-radius-xs);width:100%;color:var(--al-text);background:var(--al-surface);transition:border-color var(--al-transition);box-sizing:border-box;outline:none;padding:8px 10px;font-size:13px}.al-input:focus{border-color:var(--al-blue)}textarea.al-input{resize:vertical;font-family:inherit}.al-merge-match{border-bottom:1px solid var(--al-border-light);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}@media (width<=1024px){.al-doc-preview-modal{width:90%}.al-kpi-grid{grid-template-columns:repeat(2,1fr)}.al-chart-row{grid-template-columns:1fr}.al-th--exit,.al-table td:nth-child(4){display:none}.al-dossier-grid{grid-template-columns:1fr}.al-dossier-header{padding:20px}}@media (width<=768px){.al-doc-preview-modal{border-radius:0;width:100%;max-height:100vh}.al-doc-preview-header,.al-doc-preview-body{padding:16px}.al-doc-preview-footer{padding:12px 16px}.al-dossier-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.al-dossier-avatar{width:48px;height:48px;font-size:18px}.al-dossier-name{font-size:18px}.al-dossier-actions{justify-content:flex-end;align-self:stretch}.al-dossier-grid{grid-template-columns:1fr;gap:16px}.al-dossier-card{border-radius:16px;padding:16px}.al-dossier-command-bar{z-index:100;border-radius:16px 16px 0 0;flex-direction:column;align-items:stretch;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.al-dossier-command-right{justify-content:stretch}.al-dossier-command-right .al-btn{flex:1;justify-content:center}.al-header{flex-direction:column;align-items:stretch;gap:12px}.al-header-right{justify-content:flex-start}.al-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.al-kpi{padding:14px}.al-kpi-icon{border-radius:10px;width:36px;height:36px}.al-kpi-value{font-size:22px}.al-toolbar{flex-direction:column;align-items:stretch}.al-toolbar-left{justify-content:flex-start}.al-search-wrap{min-width:auto;max-width:none}.al-table-wrap{box-shadow:none;background:0 0;border:none}.al-table thead{display:none}.al-table,.al-table tbody,.al-table tr,.al-table td{display:block}.al-table tr{background:var(--al-surface);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow);margin-bottom:12px;padding:16px;position:relative}.al-table td{border:none;height:auto;padding:2px 0}.al-th--exit{display:table-cell}.al-table td:nth-child(4){display:block}.al-student-cell{margin-bottom:8px}.al-student-name{font-size:14px}.al-table td:nth-child(2){margin-right:8px;display:inline-block}.al-table td:nth-child(3){display:inline-block}.al-table td:nth-child(4){margin-top:4px;display:inline-block}.al-table td:last-child{position:absolute;top:16px;right:16px}.al-pagination{padding:12px 0}.al-form-grid{grid-template-columns:1fr}.al-alert-banner{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=480px){.al-kpi-grid{grid-template-columns:1fr}.al-header-right{flex-direction:column;align-items:stretch}.al-header-right .al-btn{justify-content:center}.al-toolbar-left{flex-direction:column}.al-select{width:100%}}.ssp-root{flex-direction:column;gap:16px;display:flex}.ssp-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.ssp-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.ssp-nav-btn:hover{color:#1e293b;background:#f8fafc}.ssp-nav-btn.active{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.ssp-content{flex-direction:column;gap:16px;display:flex}.ssp-ticket-stats{gap:12px;display:flex}.ssp-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:100px;padding:14px 24px;display:flex}.ssp-stat-num{color:#0f172a;font-size:22px;font-weight:700}.ssp-stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.ssp-tabs{background:#f1f5f9;border-radius:8px;gap:2px;width:fit-content;padding:2px;display:flex}.ssp-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .12s}.ssp-tab:hover{color:#1e293b}.ssp-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.ssp-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ssp-table{border-collapse:collapse;width:100%}.ssp-table th{text-align:left;color:#64748b;background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:11px;font-weight:500}.ssp-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:10px 14px;font-size:13px}.ssp-table tr:last-child td{border-bottom:none}.ssp-clickable{cursor:pointer;transition:background .1s}.ssp-clickable:hover{background:#f8fafc}.ssp-id{color:#64748b;font-family:monospace;font-size:12px;font-weight:500}.ssp-subject{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:500;overflow:hidden}.ssp-category{color:#64748b;font-size:12px}.ssp-time{color:#94a3b8;white-space:nowrap;font-size:11px}.ssp-chevron{color:#cbd5e1}.ssp-badge{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.ssp-priority{font-size:12px;font-weight:500}.ssp-priority-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.ssp-detail{flex-direction:column;gap:12px;display:flex}.ssp-detail-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ssp-detail-top h3{color:#0f172a;flex:1;margin:0;font-size:16px;font-weight:600}.ssp-detail-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.ssp-detail-meta strong{color:#1e293b}.ssp-description{color:#374151;white-space:pre-wrap;background:#f8fafc;border-radius:10px;padding:14px 18px;font-size:14px;line-height:1.6}.ssp-conversation{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.ssp-conversation h4{color:#0f172a;margin:0 0 12px;font-size:13px;font-weight:600}.ssp-messages{flex-direction:column;gap:10px;max-height:360px;margin-bottom:14px;display:flex;overflow-y:auto}.ssp-msg{gap:10px;max-width:85%;display:flex}.ssp-msg.me{align-self:flex-start}.ssp-msg.them{flex-direction:row-reverse;align-self:flex-end}.ssp-msg-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.ssp-msg.them .ssp-msg-avatar{background:var(--color-secondary)}.ssp-msg-body{background:#f8fafc;border-radius:10px 10px 10px 4px;min-width:0;padding:10px 14px}.ssp-msg.them .ssp-msg-body{background:color-mix(in srgb, var(--color-primary) 8%, white);border-bottom-right-radius:4px;border-bottom-left-radius:10px}.ssp-msg-hdr{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.ssp-msg-hdr strong{color:#1e293b;font-size:12px}.ssp-msg-hdr span{color:#94a3b8;font-size:10px}.ssp-msg-body p{color:#374151;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.ssp-reply{align-items:flex-end;gap:8px;display:flex}.ssp-reply textarea{resize:none;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;min-height:44px;max-height:100px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.4}.ssp-reply textarea:focus{border-color:var(--color-primary)}.ssp-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;max-width:640px;padding:24px;display:flex}.ssp-form h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.ssp-field{flex-direction:column;gap:4px;display:flex}.ssp-field label{color:#374151;font-size:12px;font-weight:500}.ssp-field input,.ssp-field textarea,.ssp-field select{color:#1e293b;background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.ssp-field input:focus,.ssp-field textarea:focus,.ssp-field select:focus{border-color:var(--color-primary);background:#fff}.ssp-row{gap:12px;display:flex}.ssp-row .ssp-field{flex:1}.ssp-form-actions{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.ssp-form-actions .btn-primary{align-items:center;gap:6px;display:flex}.ssp-root .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;transition:background .15s;display:flex}.ssp-root .btn-secondary:hover{background:#f8fafc}.ssp-root .onboard-toast{left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));color:#fff;z-index:1100;text-align:center;background:#16a34a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s sspToastIn;display:flex;position:fixed;box-shadow:0 4px 20px #16a34a4d}@keyframes sspToastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.ssp-nav{flex-wrap:wrap;width:100%}.ssp-nav-btn{flex:auto;justify-content:center;min-height:44px}.ssp-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow-x:auto}.ssp-tabs::-webkit-scrollbar{display:none}.ssp-tab{white-space:nowrap;min-height:40px}.ssp-ticket-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;width:100%;display:grid}.ssp-stat-box{width:100%;min-width:0;padding:12px 14px}.ssp-stat-num{font-size:20px}.ssp-table-wrap{background:0 0;border:none;overflow:visible}.ssp-table{border:none;min-width:0}.ssp-table thead{display:none}.ssp-table,.ssp-table tbody,.ssp-table tr,.ssp-table td{display:block}.ssp-table tbody{flex-direction:column;gap:10px;display:flex}.ssp-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 14px 10px;box-shadow:0 1px 3px #0f172a0f}.ssp-table tbody tr:hover{background:#fff}.ssp-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 0;display:flex}.ssp-table td:last-child{border-bottom:none}.ssp-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0;font-size:10px;font-weight:700}.ssp-table td[data-label=""]{display:none}.ssp-table .ssp-subject{white-space:normal;text-overflow:clip;max-width:none;font-weight:600;overflow:visible}.ssp-table .ssp-priority-dot{display:inline-block}.ssp-form{padding:18px}.ssp-row{flex-direction:column;gap:12px}.ssp-form-actions{flex-direction:column-reverse;gap:8px}.ssp-form-actions .btn-primary,.ssp-form-actions .btn-secondary{justify-content:center;width:100%;min-height:46px}.ssp-conversation{padding:16px}.ssp-msg{max-width:100%}.ssp-reply textarea{min-height:52px}}.role-switcher{margin-bottom:8px;position:relative}.role-switcher-trigger{color:#f1f5f9;cursor:pointer;background:#0a1628;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.role-switcher-trigger:hover{background:#1e293b}.role-switcher-dropdown{z-index:100;background:#0a1628;border:1px solid #1e293b;border-radius:8px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.role-switcher-option{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.role-switcher-option:hover{color:#f1f5f9;background:#1e293b}.role-switcher-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lib-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.lib-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.lib-sidebar-brand{z-index:2;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.lib-sidebar-brand span{color:#fff;font-size:18px;font-weight:700}.lib-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:flex}.lib-sidebar-school{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.lib-school-avatar{background:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.lib-school-name{color:#fff;margin:0;font-size:13px;font-weight:600}.lib-school-role{color:#94a3b8;margin:2px 0 0;font-size:11px}.lib-sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.lib-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.lib-nav-item:hover{color:#e2e8f0;background:#ffffff0d}.lib-nav-item.active{background:var(--color-primary);color:#fff}.lib-nav-icon{align-items:center;display:flex}.lib-sidebar{padding:14px 10px}.lib-sidebar-brand{margin-bottom:12px}.lib-sidebar-brand span{font-size:14px}.lib-sidebar-logo{border-radius:7px;width:28px;height:28px;font-size:11px}.lib-sidebar-school{border-radius:8px;margin-bottom:14px;padding:8px 10px}.lib-school-avatar{border-radius:7px;width:28px;height:28px;font-size:11px}.lib-school-name{font-size:11.5px}.lib-school-role{font-size:10px}.lib-sidebar-nav{gap:1px}.lib-nav-item{border-radius:7px;padding:8px 12px}.lib-logout-btn{padding:8px 12px}.lib-sidebar-footer{padding-top:12px}.lib-logout-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.lib-logout-btn:hover{color:#f87171;background:#ef44441a}.lib-main{flex:1;min-width:0;margin-left:240px;padding:24px}.lib-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.lib-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.lib-header p{color:#64748b;margin:4px 0 0;font-size:13px}.lib-header-actions{align-items:center;gap:12px;display:flex}.lib-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.lib-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.lib-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.lib-loading{text-align:center;color:#94a3b8;padding:60px;font-size:14px}.lib-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.lib-card+.lib-card{margin-top:16px}.lib-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.lib-card-header h2{color:#0f172a;margin:0;font-size:15px;font-weight:700}.lib-card-header p{color:#64748b;margin:2px 0 0;font-size:12px}.lib-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.lib-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.lib-stat-icon{align-items:center;margin-bottom:12px;display:flex}.lib-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.lib-stat-value{color:#0f172a;margin:0;font-size:28px;font-weight:700}.lib-stat-sub{color:#94a3b8;margin:4px 0 0;font-size:12px}.lib-table-wrap{overflow-x:auto}.lib-table{border-collapse:collapse;width:100%;font-size:13px}.lib-table thead th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:600}.lib-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.lib-table tbody tr:hover{background:#f8fafc}.lib-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.lib-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.lib-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lib-btn:hover{border-color:#94a3b8}.lib-btn-blue{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.lib-btn-blue:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.lib-btn-green{color:#fff;background:#16a34a;border-color:#16a34a}.lib-btn-green:hover{background:#15803d}.lib-btn-red{color:#fff;background:#dc2626;border-color:#dc2626}.lib-btn-red:hover{background:#b91c1c}.lib-btn-amber{color:#fff;background:#d97706;border-color:#d97706}.lib-btn-amber:hover{background:#b45309}.lib-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:340px;padding:9px 14px;display:flex}.lib-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.lib-select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.lib-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.lib-empty{text-align:center;color:#94a3b8;padding:50px 20px}.lib-empty p{color:#475569;margin:0 0 4px;font-size:14px;font-weight:600}.lib-empty span{font-size:12px}.lib-avatar-sm{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.lib-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.lib-mobile-overlay{z-index:190;background:#00000080;animation:.2s libFadeIn;display:none;position:fixed;inset:0}.lib-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.lib-mobile-close:hover{color:#fff;background:#fff3}@keyframes libFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.lib-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=768px){.lib-mobile-toggle{display:flex}.lib-mobile-overlay{display:block}.lib-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.lib-sidebar.open{transform:translate(0)}.lib-main{margin-left:0;padding:56px 16px 16px}.lib-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lib-header{flex-direction:column;align-items:flex-start;gap:12px}.lib-header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.lib-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lib-stat-card{padding:14px}.lib-stat-value{font-size:22px}.lib-header-actions .lib-btn-primary{display:none}.lib-search{width:100%;min-width:0;max-width:100%}}.lib-btn-danger{color:#dc2626;background:#fee2e2;border-color:#fee2e2}.lib-btn-danger:hover{background:#fecaca;border-color:#fecaca}.lib-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.lib-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.lib-input-sm{text-align:center;width:72px;padding:6px 8px}textarea.lib-input{resize:vertical}.lib-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.lib-modal-backdrop{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lib-modal{background:#fff;border-radius:14px;width:480px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a40}.lib-modal-lg{width:680px}.lib-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lib-modal-header h3{color:#0f172a;margin:0;font-size:16px}.lib-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lib-modal-close:hover{color:#0f172a;background:#e2e8f0}.lib-modal-body{padding:18px 20px}.lib-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.lib-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lib-tabs{background:#f1f5f9;border-radius:10px;gap:4px;width:fit-content;max-width:100%;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.lib-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.lib-tab:hover{color:#0f172a}.lib-tab.active{color:var(--color-primary);background:#fff;box-shadow:0 1px 3px #0f172a1a}.lib-list{flex-direction:column;display:flex}.lib-list-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 4px;display:flex}.lib-list-item:last-child{border-bottom:none}.lib-report-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px;display:grid}.lib-report-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.lib-report-card:hover{border-color:var(--color-primary)}.lib-spin{animation:.9s linear infinite lib-spin}@keyframes lib-spin{to{transform:rotate(360deg)}}@media (width<=768px){.lib-modal-body{padding:14px 16px}.lib-form-grid,.lib-report-grid{grid-template-columns:1fr}.lib-tabs{width:100%}}.member-search-toolbar{flex-wrap:wrap;gap:8px}.member-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:-8px 0 16px;overflow:hidden;box-shadow:0 4px 12px #0f172a0f}.member-search-result{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;display:flex}.member-search-result:last-child{border-bottom:none}.member-search-result:hover{background:#f8fafc}.member-link:hover{text-decoration:underline}.member-link:hover .lib-avatar-sm{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, white)}.member-header-card{margin-bottom:20px}.member-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.member-photo{-o-object-fit:cover;object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:72px;height:72px}.member-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:26px;font-weight:700;display:flex}.member-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.member-name-row h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.member-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.member-id-tag{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:12px}.member-id-tag strong{color:#475569}.member-meta-item{color:#64748b;align-items:center;gap:5px;font-size:12px;display:inline-flex}.member-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.member-detail-list{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.member-detail-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:13px;display:flex}.member-detail-row span{color:#64748b}.member-detail-row strong{color:#0f172a;text-align:right;word-break:break-word}@media (width<=768px){.member-header{gap:12px}.member-actions{width:100%;margin-left:0}.member-detail-list{grid-template-columns:1fr}}@media print{.lib-sidebar,.lib-header,.lib-mobile-toggle,.lib-toolbar,.member-search-toolbar,.member-search-results,.print-hide{display:none!important}.lib-main{margin-left:0!important;padding:0!important}.member-photo{border:1px solid #e2e8f0}.lib-card{border:1px solid #e2e8f0;box-shadow:none!important}body{background:#fff!important}}.lib-my-quick{display:none}@media (width<=768px){.lib-my{max-width:100%;overflow-x:hidden}.lib-my>*{min-width:0;max-width:100%}.lib-my .lib-my-stats{gap:12px}.lib-my .lib-card{padding:14px!important}.lib-my .lib-card-header{margin-bottom:12px}.lib-my .lib-card-header h2{font-size:14px}.lib-my .lib-toolbar{flex-direction:column;align-items:stretch;gap:10px}.lib-my .lib-search,.lib-my .lib-select{box-sizing:border-box;flex:auto;width:100%;min-width:0;max-width:100%;min-height:44px}.lib-my .lib-table-wrap{background:0 0;border:none;overflow:visible}.lib-my .lib-table thead{display:none}.lib-my .lib-table,.lib-my .lib-table tbody,.lib-my .lib-table tr,.lib-my .lib-table td{display:block}.lib-my .lib-table tbody{flex-direction:column;gap:10px;display:flex}.lib-my .lib-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 14px 10px;box-shadow:0 1px 3px #0f172a0f}.lib-my .lib-table tbody tr:hover{background:#fff}.lib-my .lib-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 0;display:flex}.lib-my .lib-table td:last-child{border-bottom:none}.lib-my .lib-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0;font-size:10px;font-weight:700}.lib-my .lib-table td>div:not(.lib-dot){justify-content:flex-end}.lib-my .lib-table .lib-btn{min-height:38px}.lib-ctl{max-width:100%;overflow-x:hidden}.lib-ctl>*{min-width:0;max-width:100%}.lib-ctl .lib-toolbar{flex-direction:column;align-items:stretch;gap:10px}.lib-ctl .lib-select{box-sizing:border-box;flex:auto;width:100%;min-width:0;max-width:100%;min-height:44px;font-size:13px}.lib-ctl .lib-toolbar .lib-btn{justify-content:center;width:100%;min-height:44px}.lib-ctl .lib-card{padding:14px!important}.lib-ctl .lib-card-header{margin-bottom:12px}.lib-ctl .lib-card-header h2{font-size:14px}.lib-my-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.lib-my-quick .lib-quick-card{cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-height:72px;padding:12px;display:flex;box-shadow:0 1px 3px #0f172a0f}.lib-my-quick .lib-quick-card:active{background:#f8fafc;border-color:#c7d2fe}.lib-my-quick .lib-quick-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lib-my-quick .lib-quick-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lib-my-quick .lib-quick-title{color:#0f172a;font-size:12px;font-weight:700;line-height:1.25}.lib-my-quick .lib-quick-count{color:#475569;font-size:20px;font-weight:800}.lib-my-quick svg{color:#cbd5e1;flex-shrink:0}.lib-my-full{display:none}.lib-my-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lib-my-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 -8px 40px #0f172a40}.lib-my-modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.lib-my-modal-head h3{color:#0f172a;margin:0;font-size:15px;font-weight:800}.lib-my-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.lib-my-modal-body{-webkit-overflow-scrolling:touch;background:#f8fafc;flex:1;padding:12px 16px 18px;overflow-y:auto}.lib-my-modal-body .lib-table-wrap{overflow:visible}}.ma-page{flex-direction:column;gap:24px;padding:0;display:flex}.ma-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ma-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.ma-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.ma-term-badge{color:var(--color-secondary);white-space:nowrap;background:#f5f3ff;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.ma-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ma-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:flex-start;min-height:112px;padding:24px;transition:box-shadow .15s;display:flex}.ma-kpi-card:hover{box-shadow:0 4px 12px #0000000d}.ma-kpi-content{flex-direction:column;gap:4px;display:flex}.ma-kpi-value{margin:0;font-size:28px;font-weight:700;line-height:1}.ma-kpi-label{color:#64748b;margin:0;font-size:12px;font-weight:500}.ma-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ma-tabs{flex-wrap:wrap;gap:6px;display:flex}.ma-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ma-tab:hover{color:var(--color-secondary);background:#f5f3ff}.ma-tab.active{color:var(--color-secondary);border-color:color-mix(in srgb, var(--color-secondary) 20%, white);background:#f5f3ff;font-weight:600}.ma-section{flex-direction:column;gap:20px;display:flex}.ma-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ma-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ma-count-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.ma-search-wrap{align-items:center;display:flex;position:relative}.ma-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.ma-search-input{color:#0f172a;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:220px;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px}.ma-search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #7c3aed1a}.ma-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.ma-filter-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #7c3aed1a}.ma-btn-primary{background:var(--color-secondary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ma-btn-primary:hover{background:color-mix(in srgb, var(--color-secondary) 80%, black);box-shadow:0 2px 8px #7c3aed4d}.ma-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ma-btn-primary.ma-btn-sm{border-radius:10px;height:36px;padding:0 14px;font-size:12px}.ma-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ma-btn-secondary:hover{background:#f8fafc}.ma-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ma-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ma-btn-danger:hover{background:#dc2626}.ma-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ma-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.ma-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px}.ma-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.ma-card-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.ma-card-meta{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:flex}.ma-card-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.ma-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.ma-table{border-collapse:collapse;width:100%;font-size:13px}.ma-table thead{background:#f8fafc}.ma-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.ma-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 16px}.ma-table tbody tr{height:64px;transition:background .1s}.ma-table tbody tr:hover{background:#f8fafc}.ma-table tbody tr:last-child td{border-bottom:none}.ma-table tbody tr.ma-row-highlight{background:#f0fdf4}.ma-teacher-cell{align-items:center;gap:10px;display:flex}.ma-avatar{color:var(--color-secondary);text-transform:uppercase;background:#f5f3ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.ma-teacher-name{color:#0f172a;font-weight:600}.ma-subjects-cell{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:240px;font-size:12px;overflow:hidden}.ma-mono{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:12px}.ma-progress{align-items:center;gap:8px;display:flex}.ma-progress-track{background:#f1f5f9;border-radius:99px;flex:1;height:6px;overflow:hidden}.ma-progress-fill{border-radius:99px;height:100%;transition:width .3s}.ma-progress-label{color:#64748b;text-align:right;min-width:36px;font-size:12px;font-weight:500}.ma-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ma-badge-pending{color:#92400e;background:#fef3c7;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ma-exam-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.ma-exam-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:12px;padding:24px;transition:box-shadow .15s;display:flex}.ma-exam-card:hover{box-shadow:0 4px 12px #0000000d}.ma-exam-head{justify-content:space-between;align-items:center;display:flex}.ma-exam-icon{width:40px;height:40px;color:var(--color-secondary);background:#f5f3ff;border-radius:12px;justify-content:center;align-items:center;display:flex}.ma-exam-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.ma-exam-type{color:#64748b;margin:0;font-size:13px}.ma-exam-meta{color:#64748b;gap:16px;font-size:12px;display:flex}.ma-exam-meta span{align-items:center;gap:4px;display:inline-flex}.ma-exam-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ma-exam-stat{background:#f8fafc;border-radius:10px;flex-direction:column;align-items:center;padding:10px;display:flex}.ma-exam-stat-val{color:#0f172a;font-size:18px;font-weight:700}.ma-exam-stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.ma-exam-actions{gap:8px;margin-top:4px;display:flex}.ma-exam-actions .ma-btn-primary,.ma-exam-actions .ma-btn-ghost{flex:1}.ma-exam-badge{color:var(--color-secondary);white-space:nowrap;background:#f5f3ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.ma-grade-chip{color:#475569;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.ma-change-positive{color:#16a34a;font-size:12px;font-weight:700}.ma-change-none{color:#94a3b8;font-size:12px}.ma-empty{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-height:320px;padding:60px 20px;display:flex}.ma-empty-title{color:#0f172a;margin:8px 0 0;font-size:16px;font-weight:600}.ma-empty-desc{color:#94a3b8;max-width:360px;margin:0;font-size:13px;line-height:1.5}.ma-loading{text-align:center;color:#94a3b8;padding:60px;font-size:14px}.ma-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ma-form-field{flex-direction:column;gap:6px;display:flex}.ma-form-label{color:#374151;font-size:12px;font-weight:600}.ma-form-input,.ma-form-select{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.ma-form-input:focus,.ma-form-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #7c3aed1a}.ma-audit-list{flex-direction:column;display:flex}.ma-audit-item{border-bottom:1px solid #f1f5f9;gap:14px;padding:14px 0;display:flex}.ma-audit-item:last-child{border-bottom:none}.ma-audit-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.ma-audit-content{flex:1;min-width:0}.ma-audit-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ma-audit-user{color:#0f172a;font-size:13px;font-weight:500}.ma-audit-time{color:#94a3b8;font-size:12px}.ma-audit-detail{color:#64748b;margin:4px 0 0;font-size:12px}.ma-dialog-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ma-dialog{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:28px;box-shadow:0 20px 60px #0003}.ma-dialog-title{color:#0f172a;margin:0 0 12px;font-size:18px;font-weight:600}.ma-dialog-desc{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.5}.ma-dialog-warning{color:#92400e;background:#fef3c7;border-radius:10px;margin-bottom:4px;padding:10px 14px;font-size:12px}.ma-dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ma-textarea{box-sizing:border-box;resize:vertical;color:#0f172a;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:13px}.ma-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #7c3aed1a}@media (width<=1024px){.ma-kpi-row{grid-template-columns:repeat(2,1fr)}.ma-exam-grid{grid-template-columns:1fr}}@media (width<=640px){.ma-kpi-row{grid-template-columns:1fr 1fr}.ma-toolbar{flex-direction:column;align-items:stretch}.ma-toolbar-left{flex-wrap:wrap}.ma-search-input{width:100%}.ma-form-grid{grid-template-columns:1fr}.ma-card-actions{flex-direction:column}.ma-card-actions>*{flex:1;justify-content:center}}.su-root{max-width:1100px;margin:0 auto;padding:20px 24px}.su-loading,.su-message{text-align:center;color:#64748b;padding:40px;font-size:14px}.su-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.su-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.su-header-left{align-items:flex-start;gap:12px;display:flex}.su-title-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#16a34a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.su-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.su-header p{color:#64748b;max-width:640px;margin:4px 0 0;font-size:13px}.su-exit-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.su-exit-btn:hover{background:#f8fafc}.su-complete-card{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.su-complete-icon{color:#15803d;justify-content:center;align-items:center;display:flex}.su-complete-body{flex:1;min-width:0}.su-complete-body strong{color:#14532d;font-size:14px}.su-complete-body p{color:#166534;margin:2px 0 0;font-size:13px}@media (width<=640px){.su-complete-card{flex-direction:column;align-items:flex-start}}.su-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:16px 18px}.su-progress-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.su-progress-value{color:#0f172a;margin-left:8px;font-size:26px;font-weight:800}.su-progress-label{color:#64748b;font-size:13px}.su-progress-status{text-align:right}.su-ready{color:#16a34a;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.su-not-ready{color:#b45309;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.su-progress-bar{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.su-progress-fill{background:linear-gradient(90deg,#2563eb,#16a34a);border-radius:99px;height:100%;transition:width .4s}.su-section{margin-bottom:24px}.su-section-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:700;display:flex}.su-section-sub{color:#94a3b8;margin-left:4px;font-size:12px;font-weight:400}.su-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.su-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.su-card.done{background:#f0fdf4;border-color:#bbf7d0}.su-card.auto{border-style:dashed}.su-card-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.su-card.done .su-card-icon{color:#16a34a;background:#dcfce7}.su-card-body{flex:1}.su-card-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.su-card-title-row h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.su-req-badge{text-transform:uppercase;letter-spacing:.4px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700}.su-auto-badge{text-transform:uppercase;letter-spacing:.4px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700}.su-status{color:#94a3b8;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex}.su-status.ok{color:#16a34a}.su-card-hint{color:#475569;margin:0 0 6px;font-size:12.5px;line-height:1.4}.su-card-detail{color:#334155;margin-bottom:6px;font-size:12.5px}.su-card-why{color:#64748b;align-items:flex-start;gap:5px;margin:0;font-size:11.5px;line-height:1.4;display:flex}.su-card-why svg{flex-shrink:0;margin-top:1px}.su-open-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.su-open-btn:hover{background:#1d4ed8}.su-open-btn:disabled{opacity:.5;cursor:not-allowed}.su-welcome-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.su-welcome{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:420px;padding:32px 28px 24px;position:relative;box-shadow:0 20px 50px #0f172a40}.su-welcome-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;position:absolute;top:12px;right:12px}.su-welcome-close:hover{color:#334155;background:#f1f5f9}.su-welcome-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#16a34a);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.su-welcome h2{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}.su-welcome-sub{color:#64748b;margin:0 0 20px;font-size:13.5px}.su-welcome-options{flex-direction:column;gap:12px;display:flex}.su-welcome-opt{text-align:left;cursor:pointer;color:#334155;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.su-welcome-opt svg{color:#2563eb;flex-shrink:0}.su-welcome-opt strong{color:#0f172a;font-size:14px;display:block}.su-welcome-opt span{color:#64748b;margin-top:2px;font-size:12px;display:block}.su-welcome-opt:hover{background:#f8fafc;border-color:#bfdbfe}.su-welcome-opt--primary{background:#eff6ff;border-color:#2563eb}.su-welcome-note{color:#94a3b8;margin:16px 0 0;font-size:11.5px}@media (width<=640px){.su-root{padding:16px 12px}.su-header{flex-direction:column}.su-progress-top{flex-direction:column;align-items:flex-start}.su-progress-status{text-align:left}}.hod-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.hod-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.hod-sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:28px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.hod-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.hod-sidebar-school{background:#1e293b;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.hod-school-avatar{background:var(--color-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.hod-school-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.hod-school-role{color:var(--color-secondary);margin:0;font-size:11px;font-weight:500}.hod-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.hod-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.hod-nav-item:hover{color:#f1f5f9;background:#1e293b}.hod-nav-item.active{background:var(--color-primary);color:#fff}.hod-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hod-sidebar{padding:14px 10px}.hod-sidebar-brand{margin-bottom:12px;padding:0 10px;font-size:14px}.hod-sidebar-logo{border-radius:7px;width:28px;height:28px;font-size:11px}.hod-sidebar-school{border-radius:8px;margin-bottom:14px;padding:8px 10px}.hod-school-avatar{width:28px;height:28px;font-size:11px}.hod-school-name{font-size:11.5px}.hod-school-role{font-size:10px}.hod-sidebar-nav{gap:1px}.hod-nav-item{border-radius:7px;padding:8px 12px;font-size:13px;font-weight:500}.hod-logout-btn{padding:8px 12px;font-size:13px}.hod-sidebar-footer{border-top:1px solid #1e293b;padding-top:16px}.hod-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.hod-logout-btn:hover{background:#1e293b}.hod-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.hod-header{justify-content:space-between;align-items:center;display:flex}.hod-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.hod-header p{color:#64748b;margin:4px 0 0;font-size:13px}.hod-header-actions{align-items:center;gap:12px;display:flex}.hod-btn-primary{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.hod-btn-primary:hover{background:color-mix(in srgb, var(--color-secondary) 80%, black)}.hod-btn-primary.small{padding:6px 14px;font-size:13px}.hod-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;transition:background .15s;display:flex}.hod-btn-secondary:hover{background:#f8fafc}.hod-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.hod-btn-danger:hover{background:#b91c1c}.hod-btn-danger:disabled{cursor:not-allowed;background:#fca5a5}.hod-avatar{background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.hod-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hod-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.hod-stat-icon{align-items:center;margin-bottom:12px;display:flex}.hod-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.hod-stat-value{white-space:nowrap;margin:0 0 6px;font-size:28px;font-weight:700}.hod-stat-change{color:#16a34a;margin:0;font-size:12px}.hod-grid{flex-direction:column;gap:24px;display:flex}.hod-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.hod-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hod-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.hod-view-all{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;display:flex}.hod-table{border-collapse:collapse;width:100%;font-size:13px}.hod-table th{text-align:left;color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px;font-size:11px;font-weight:600}.hod-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f8fafc;padding:8px;font-size:13px}.hod-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.hod-badge-good{color:#16a34a;background:#dcfce7}.hod-badge-low{color:#dc2626;background:#fee2e2}@media (width<=1024px){.hod-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hod-mobile-toggle{display:flex}.hod-mobile-overlay{display:block}.hod-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.hod-sidebar.open{transform:translate(0)}.hod-main{margin-left:0;padding:56px 16px 16px}.hod-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hod-header{flex-direction:column;align-items:flex-start;gap:12px}.hod-header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.hod-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hod-stat-card{padding:14px}.hod-stat-value{font-size:22px}.hod-header-actions .hod-btn-secondary{display:none}}.hod-sub-page{flex-direction:column;gap:20px;display:flex}.hod-sp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hod-sp-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hod-sp-search-wrap{align-items:center;display:flex;position:relative}.hod-sp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.hod-sp-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:180px;padding:8px 12px 8px 32px;font-size:13px;transition:border-color .15s}.hod-sp-select:focus{border-color:var(--color-secondary)}.hod-sp-search-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:240px;padding:8px 12px 8px 32px;font-size:13px}.hod-sp-search-input:focus{border-color:var(--color-secondary)}.hod-sp-term-badge{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary);white-space:nowrap;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:500}.hod-sp-download-group{align-items:center;gap:6px;display:flex}.hod-monospace{font-family:SF Mono,Fira Code,monospace;font-size:12px}.hod-sp-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hod-sp-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.hod-sp-metric-value{margin:0 0 4px;font-size:26px;font-weight:700}.hod-sp-metric-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600}.hod-sp-metric-trend{align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.hod-sp-metric-sub{color:#64748b;font-size:12px}.hod-sp-grade-dist{flex-direction:column;gap:10px;display:flex}.hod-sp-grade-bar-group{grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;display:grid}.hod-sp-grade-label{flex-direction:column;gap:1px;display:flex}.hod-sp-grade-bar-track{background:#f1f5f9;border-radius:99px;height:20px;overflow:hidden}.hod-sp-grade-bar-fill{border-radius:99px;height:100%;transition:width .4s}.hod-sp-grade-pct{color:#64748b;text-align:right;font-size:12px;font-weight:500}.hod-sp-grade-chip{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.hod-tr-detail{flex-direction:column;gap:20px;display:flex}.hod-tr-detail-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.hod-tr-avatar-lg{background:var(--color-secondary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.hod-tr-detail-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.hod-tr-contact{color:#64748b;gap:14px;margin-top:4px;font-size:13px;display:flex}.hod-tr-contact span{align-items:center;gap:4px;display:inline-flex}.hod-tr-list{flex-direction:column;gap:8px;display:flex}.hod-tr-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.hod-tr-card:hover{background:#f8fafc;border-color:#cbd5e1}.hod-tr-avatar{background:color-mix(in srgb, var(--color-secondary) 8%, white);width:38px;height:38px;color:var(--color-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.hod-tr-info{flex:1;min-width:0}.hod-tr-name{color:#0f172a;margin:0;font-size:14px;font-weight:600}.hod-tr-email{color:#64748b;margin:2px 0 0;font-size:12px}.hod-tr-meta{color:#64748b;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.hod-tr-meta span{align-items:center;gap:4px;display:inline-flex}.hod-exam-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.hod-exam-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.hod-exam-card-head{justify-content:space-between;align-items:center;display:flex}.hod-exam-icon{background:color-mix(in srgb, var(--color-secondary) 8%, white);width:40px;height:40px;color:var(--color-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.hod-exam-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.hod-exam-type{color:#64748b;margin:0;font-size:13px}.hod-exam-meta{color:#64748b;gap:16px;font-size:12px;display:flex}.hod-exam-meta span{align-items:center;gap:4px;display:inline-flex}.hod-exam-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hod-exam-stat{background:#f8fafc;border-radius:8px;flex-direction:column;align-items:center;padding:10px;display:flex}.hod-exam-stat-value{color:#0f172a;font-size:18px;font-weight:700}.hod-exam-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.hod-exam-actions{gap:8px;margin-top:4px;display:flex}.hod-exam-actions .hod-btn-primary,.hod-exam-actions .hod-btn-ghost{flex:1;justify-content:center}.hod-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:inline-flex}.hod-btn-ghost:hover{color:#1e293b;background:#f1f5f9}.hod-btn-primary:disabled,.hod-btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.hod-sp-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hod-sp-metrics,.hod-exam-grid{grid-template-columns:1fr}}.hod-grid-2{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.hod-quick-actions{flex-direction:column;gap:4px;display:flex}.hod-quick-action-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:background .15s;display:flex}.hod-quick-action-btn:hover{background:#f8fafc}.hod-quick-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hod-quick-action-label{color:#0f172a;margin:0;font-size:14px;font-weight:600}.hod-quick-action-desc{color:#64748b;margin:2px 0 0;font-size:12px}.hod-quick-action-arrow{color:#cbd5e1;margin-left:auto;transition:color .15s}.hod-quick-action-btn:hover .hod-quick-action-arrow{color:var(--color-secondary)}.hod-tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:24px;display:flex;overflow-x:auto}.hod-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.hod-tab:hover{color:var(--color-secondary)}.hod-tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:600}.hod-tab-badge{color:#64748b;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.hod-tab.active .hod-tab-badge{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary)}.hod-section-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hod-section-head h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.hod-section-head p{color:#64748b;margin:4px 0 0;font-size:13px}.hod-progress-wrap{align-items:center;gap:10px;display:flex}.hod-progress-track{background:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.hod-progress-fill{border-radius:3px;height:100%;transition:width .4s}.hod-progress-label{color:#64748b;text-align:right;min-width:36px;font-size:12px;font-weight:500}.hod-badge-pending{color:#92400e;background:#fef3c7}.hod-badge-active{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.hod-badge-locked{color:#475569;background:#f1f5f9}.hod-badge-draft{color:#64748b;background:#f1f5f9}.hod-badge-reviewed{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.hod-badge-published{color:#16a34a;background:#dcfce7}.hod-timeline{flex-direction:column;gap:0;display:flex}.hod-timeline-item{border-bottom:1px solid #f1f5f9;gap:14px;padding:14px 0;display:flex;position:relative}.hod-timeline-dot{background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.hod-timeline-dot.approve{background:#16a34a}.hod-timeline-dot.reject{background:#dc2626}.hod-timeline-dot.submit{background:var(--color-primary)}.hod-timeline-content{flex:1;min-width:0}.hod-timeline-action{color:#0f172a;margin:0;font-size:14px;font-weight:500}.hod-timeline-detail{color:#64748b;margin:4px 0 0;font-size:12px}.hod-timeline-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:12px}.hod-export-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.hod-export-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:24px;transition:border-color .15s,box-shadow .15s;display:flex}.hod-export-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.hod-export-card-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hod-export-card-title{color:#0f172a;margin:0;font-size:15px;font-weight:600}.hod-export-card-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.hod-report-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.hod-report-preview-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.hod-report-school-logo{background:color-mix(in srgb, var(--color-secondary) 8%, white);width:48px;height:48px;color:var(--color-secondary);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.hod-report-student-info{color:#374151;grid-template-columns:repeat(2,1fr);gap:8px 24px;margin-bottom:16px;font-size:13px;display:grid}.hod-report-student-info dt{color:#64748b;font-weight:500}.hod-report-student-info dd{color:#0f172a;margin:0;font-weight:500}.hod-form-group{flex-direction:column;gap:6px;display:flex}.hod-form-label{color:#374151;font-size:13px;font-weight:600}.hod-form-input{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.hod-form-input:focus{border-color:var(--color-secondary)}.hod-form-hint{color:#94a3b8;font-size:12px}.hod-callout{border:1px dashed;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;line-height:1.5;display:flex}.hod-callout.info{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-color:#93c5fd}.hod-callout.warning{color:#92400e;background:#fffbeb;border-color:#fcd34d}.hod-callout.success{color:#166534;background:#f0fdf4;border-color:#86efac}.hod-grade-chip{border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.hod-grade-a{color:#166534;background:#dcfce7}.hod-grade-b{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.hod-grade-c{color:#92400e;background:#fef3c7}.hod-grade-d{color:#991b1b;background:#fee2e2}.hod-grade-e{color:#7f1d1d;background:#fecaca}.hod-weightage-bar{background:#f1f5f9;border-radius:8px;height:28px;display:flex;overflow:hidden}.hod-weightage-seg{color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:flex .4s;display:flex}.hod-class-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.hod-class-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;transition:all .15s}.hod-class-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.hod-class-card.selected{border-color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 8%, white)}.hod-back-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.hod-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.hod-dialog-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hod-dialog{background:#fff;border-radius:14px;width:90%;max-width:440px;padding:28px;box-shadow:0 20px 60px #0003}.hod-dialog h3{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:600}.hod-dialog p{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.5}.hod-dialog-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1024px){.hod-grid-2{grid-template-columns:1fr}}@media (width<=768px){.hod-grid-2,.hod-export-grid,.hod-class-grid{grid-template-columns:1fr}.hod-tabs{gap:0}.hod-tab{padding:10px 14px;font-size:13px}.hod-report-student-info{grid-template-columns:1fr}}.hod-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.hod-mobile-overlay{z-index:190;background:#00000080;animation:.2s hodFadeIn;display:none;position:fixed;inset:0}.hod-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.hod-mobile-close:hover{color:#fff;background:#fff3}@keyframes hodFadeIn{0%{opacity:0}to{opacity:1}}.adm-notif-page{flex-direction:column;gap:16px;display:flex}.adm-notif-loading{text-align:center;color:#64748b;padding:40px;font-size:13px}.adm-notif-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.adm-notif-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-notif-toolbar-right{align-items:center;gap:8px;display:flex}.adm-notif-count{color:#64748b;font-size:12px;font-weight:600}.adm-notif-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;display:flex}.adm-notif-search input{color:#1e293b;background:0 0;border:none;outline:none;width:140px;font-size:12px}.adm-notif-filter-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;font-size:12px}.adm-notif-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.adm-notif-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.adm-notif-btn-primary:disabled{opacity:.5;cursor:not-allowed}.adm-notif-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.adm-notif-btn-secondary:hover{background:#f8fafc}.adm-notif-create-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:14px;padding:20px;display:flex}.adm-notif-create-form h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.adm-notif-form-row{gap:12px;display:flex}.adm-notif-form-group{flex-direction:column;flex:1;gap:4px;display:flex}.adm-notif-form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.adm-notif-form-group input,.adm-notif-form-group select,.adm-notif-form-group textarea{color:#1e293b;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.adm-notif-form-group input:focus,.adm-notif-form-group select:focus,.adm-notif-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.adm-notif-form-actions{justify-content:flex-end;padding-top:4px;display:flex}.adm-notif-empty{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:60px 20px}.adm-notif-empty p{color:#64748b;margin:12px 0 4px;font-size:14px;font-weight:600}.adm-notif-empty span{font-size:12px}.adm-notif-list{flex-direction:column;gap:8px;display:flex}.adm-notif-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:box-shadow .15s;overflow:hidden}.adm-notif-card:hover{box-shadow:0 2px 8px #0000000a}.adm-notif-card.expanded{border-color:#cbd5e1}.adm-notif-card-top{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.adm-notif-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.adm-notif-card-body{flex:1;min-width:0}.adm-notif-card-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-notif-card-header h4{color:#0f172a;margin:0;font-size:13px;font-weight:700}.adm-notif-card-badges{gap:6px;display:flex}.adm-notif-badge{text-transform:capitalize;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.adm-notif-badge-audience{color:#475569;background:#f1f5f9}.adm-notif-card-preview{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.5}.adm-notif-card-full{color:#334155;margin:6px 0 0;font-size:13px;line-height:1.6}.adm-notif-card-meta{color:#94a3b8;gap:14px;margin-top:6px;font-size:11px;display:flex}.adm-notif-card-meta span{align-items:center;gap:4px;display:inline-flex}.adm-notif-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;transition:all .15s}.adm-notif-delete:hover{color:#dc2626;background:#fef2f2}@media (width<=768px){.adm-notif-toolbar{flex-direction:column;align-items:stretch}.adm-notif-toolbar-left,.adm-notif-form-row{flex-direction:column}}.cbc-page{flex-direction:column;gap:20px;padding:0;display:flex}.cbc-level-legend{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:16px;padding:12px 16px;display:flex}.cbc-legend-item{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.cbc-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cbc-rating-group{gap:4px;display:flex}.cbc-rating-btn{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;min-width:32px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.cbc-rating-btn:hover{background:#f8fafc;border-color:#94a3b8}@media (width<=768px){.cbc-level-legend{gap:10px;padding:10px 12px}.cbc-legend-item{font-size:11px}.cbc-rating-btn{min-width:36px;min-height:36px;padding:6px 12px;font-size:12px}.cbc-page{gap:14px}}@media (width<=480px){.cbc-level-legend{gap:8px}.cbc-legend-dot{width:8px;height:8px}}.cbc-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cbc-grid-4--tight{gap:12px}.cbc-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){.cbc-grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cbc-grid-4 .ct-perf-sum-card{padding:16px!important}}.cbc-tabs{flex-wrap:wrap}@media (width<=768px){.cbc-page .att-toolbar{flex-direction:column;align-items:stretch;gap:10px;overflow:visible}.cbc-page .att-toolbar-left,.cbc-page .att-toolbar-right{flex-direction:column;align-items:stretch;width:100%}.cbc-page .att-toolbar .filter-select,.cbc-page .att-toolbar .search-wrap{width:100%}.cbc-page .att-toolbar .btn-primary{justify-content:center;width:100%;min-height:44px}.cbc-tabs button{min-height:44px;padding:10px 12px;font-size:12px}.cbc-page .att-table-wrap{background:0 0;border:none;overflow:visible}.cbc-page .att-table thead{display:none}.cbc-page .att-table,.cbc-page .att-table tbody,.cbc-page .att-table tr,.cbc-page .att-table td{display:block}.cbc-page .att-table tbody{flex-direction:column;gap:10px;display:flex}.cbc-page .att-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 14px 10px;box-shadow:0 1px 3px #0f172a0f}.cbc-page .att-table tbody tr:hover{background:#fff}.cbc-page .att-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 0;display:flex}.cbc-page .att-table td:last-child{border-bottom:none}.cbc-page .att-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0;font-size:10px;font-weight:700}.cbc-page .att-table td[data-label=No\.]{display:none}.cbc-page .att-table .student-name-cell{justify-content:flex-end;font-size:14px}.cbc-page .att-table td[data-label=Students],.cbc-page .att-table td[data-label=Mean\ Points],.cbc-page .att-table td[data-label=Highest],.cbc-page .att-table td[data-label=Lowest],.cbc-page .att-table td[data-label=Median]{text-align:right}.cbc-page .att-table td textarea,.cbc-page .att-table td input{font-size:14px}.cbc-page .att-table .cbc-rating-group{flex-wrap:wrap;justify-content:flex-end;gap:4px}.cbc-page .att-table td[data-label=Actions]>div{flex-wrap:wrap;justify-content:flex-end}.cbc-page .att-table td[data-label=Actions] button{min-height:36px}.cbc-page .att-table td.cbc-detail-expand{background:#faf5ff;border:none;border-radius:12px;margin-bottom:6px;padding:0;display:block;overflow:hidden}.cbc-page .att-table td.cbc-detail-expand:before{content:none}.cbc-page .att-table td.cbc-detail-expand>div{padding:14px!important}}.cbc-perf-cards{display:none}@media (width<=768px){.cbc-perf-table{display:none}.cbc-perf-cards{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:10px;display:flex;box-shadow:0 1px 3px #0f172a0f}.cbc-perf-card{cursor:pointer;text-align:left;width:100%;min-height:56px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.cbc-perf-card:active{background:#f8fafc;border-color:#c7d2fe}.cbc-perf-card-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.cbc-perf-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cbc-perf-card-name{color:#0f172a;font-size:14px;font-weight:700}.cbc-perf-card-sub{color:#94a3b8;font-size:11px}.cbc-perf-card-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.cbc-perf-card-grade{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}}.cbc-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.cbc-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 -8px 40px #0f172a40}.cbc-modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.cbc-modal-head h4{color:#0f172a;margin:0;font-size:16px;font-weight:800}.cbc-modal-head span{color:#94a3b8;font-size:12px}.cbc-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cbc-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:14px 18px 10px;display:flex;overflow-y:auto}.cbc-modal-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.cbc-modal-stat{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:2px;padding:10px 8px;display:flex}.cbc-modal-stat-val{color:#0f172a;font-size:17px;font-weight:800}.cbc-modal-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.cbc-modal-section{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.cbc-modal-bands{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;display:grid}.cbc-modal-band{text-align:center;border:1px solid;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:10px 6px;display:flex}.cbc-modal-band-pct{font-size:16px;font-weight:800}.cbc-modal-band-name{letter-spacing:.04em;font-size:11px;font-weight:800}.cbc-modal-band-label{color:#64748b;font-size:10px}.cbc-modal-subjects{flex-direction:column;gap:10px;display:flex}.cbc-modal-subject{background:#fff;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.cbc-modal-subject-top{align-items:center;gap:8px;display:flex}.cbc-modal-subject-name{color:#0f172a;flex:1;font-size:13px;font-weight:700}.cbc-modal-subject-grade{border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.cbc-modal-subject-bar{border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.cbc-modal-subject-bands{gap:8px;font-size:9px;display:flex}.cbc-modal-foot{border-top:1px solid #f1f5f9;padding:12px 18px 16px}.cbc-modal-foot .btn-secondary{justify-content:center;width:100%;min-height:44px}@media (width>=768px){.cbc-modal-overlay{align-items:center;padding:16px}.cbc-modal{border-radius:16px}}.sd-root{padding:0 0 24px}.sd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.sd-header-text h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.sd-header-text p{color:#64748b;margin:4px 0 0;font-size:13px}.sd-btn-export{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.sd-btn-export:hover{background:#f8fafc;border-color:#cbd5e1}.sd-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.sd-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.sd-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sd-stat-val{color:#0f172a;font-size:20px;font-weight:700;line-height:1.1}.sd-stat-lbl{color:#64748b;margin:0;font-size:11px}.sd-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sd-search-wrap{flex:1;min-width:180px;position:relative}.sd-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sd-search{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 32px;font-size:13px}.sd-search:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px #2563eb14}.sd-filter{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:13px}.sd-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;font-size:13px;display:flex}.sd-spinner{border:3px solid #e2e8f0;border-top-color:var(--color-primary,#2563eb);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite sd-spin}@keyframes sd-spin{to{transform:rotate(360deg)}}.sd-error{color:#dc2626;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.sd-error h3{color:#0f172a;margin:0;font-size:16px}.sd-error p{color:#64748b;margin:0;font-size:13px}.sd-btn-retry{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.sd-btn-retry:hover{background:#f8fafc}.sd-empty{text-align:center;color:#94a3b8;padding:56px 20px}.sd-empty h3{color:#475569;margin:12px 0 4px;font-size:15px;font-weight:600}.sd-empty p{margin:0;max-width:400px;margin-inline:auto;font-size:13px}.sd-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.sd-table{border-collapse:collapse;width:100%;font-size:13px}.sd-table th{text-align:left;color:#475569;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:600}.sd-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.sd-table tr:last-child td{border-bottom:none}.sd-table tr:hover td{background:#f8fafc}.sd-table-footer{border-top:1px solid #f1f5f9;padding:10px 14px}.sd-table-count{color:#94a3b8;font-size:12px}.sd-actions-cell{align-items:center;gap:4px;display:flex}.sd-name-cell{align-items:center;gap:10px;display:flex}.sd-avatar{background:var(--color-primary,#2563eb);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sd-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.sd-name{color:#0f172a;margin:0;font-size:13px;font-weight:600}.sd-emp-no{color:#94a3b8;margin:1px 0 0;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.sd-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sd-badge-sm{padding:2px 8px;font-size:11px}.sd-contact{flex-direction:column;gap:2px;display:flex}.sd-contact-item{color:#475569;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.sd-muted{color:#cbd5e1}.sd-emp-info{flex-direction:column;gap:2px;display:flex}.sd-cap{text-transform:capitalize}.sd-status-dot{font-size:12px;font-weight:500}.sd-btn-eye{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sd-btn-eye:hover{color:#0f172a;background:#f1f5f9}.sd-btn-create{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sd-btn-create:hover{background:#dbeafe}.sd-btn-create:disabled{opacity:.5;cursor:not-allowed}.sd-btn-primary{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.sd-btn-primary:hover{opacity:.9}.sd-mobile-only{display:none}.sd-cards{flex-direction:column;gap:10px;display:flex}.sd-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.sd-card-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sd-card-avatar{background:var(--color-primary,#2563eb);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sd-card-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.sd-card-info{flex:1;min-width:0}.sd-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.sd-card-pos{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.sd-card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.sd-card-empno{color:#94a3b8;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.sd-card-contact{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.sd-card-contact span{color:#475569;align-items:center;gap:5px;font-size:12px;display:flex}.sd-btn-create-full{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px dashed #93c5fd;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;font-weight:600;display:flex}.sd-btn-create-full:hover{background:#dbeafe}.sd-btn-create-full:disabled{opacity:.5;cursor:not-allowed}.sd-cards-footer{text-align:center;color:#94a3b8;padding:8px 0;font-size:12px}.sd-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sd-modal{background:#fff;border-radius:14px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.sd-modal-sm{max-width:420px}.sd-modal-head{z-index:1;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.sd-modal-head h3{margin:0;font-size:16px;font-weight:700}.sd-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.sd-modal-close:hover{background:#f1f5f9}.sd-modal-body{padding:20px}.sd-modal-foot{border-top:1px solid #e2e8f0;justify-content:flex-end;padding:14px 20px;display:flex}.sd-detail-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.sd-detail-avatar{background:var(--color-primary,#2563eb);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex}.sd-detail-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:12px;flex-shrink:0;width:52px;height:52px}.sd-detail-name{color:#0f172a;margin:0;font-size:18px;font-weight:700}.sd-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.sd-detail-position{color:#475569;font-size:13px}.sd-detail-empno{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.sd-section{margin-bottom:18px}.sd-section-debug{opacity:.6}.sd-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:12px;font-weight:700}.sd-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sd-detail-item{flex-direction:column;gap:2px;display:flex}.sd-detail-item-full{grid-column:1/-1}.sd-detail-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.sd-detail-val{color:#0f172a;word-break:break-word;font-size:13px;font-weight:500}.sd-mono{color:#64748b;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.sd-password-info{color:#475569;margin:0 0 12px;font-size:13px}.sd-password-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:12px}.sd-password-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.sd-password-row+.sd-password-row{border-top:1px solid #e2e8f0}.sd-password-lbl{color:#64748b;font-size:12px;font-weight:600}.sd-password-val{color:#0f172a;font-size:13px}.sd-password-code{color:var(--color-primary,#2563eb);letter-spacing:.5px;font-family:SF Mono,Cascadia Code,monospace;font-weight:700}.sd-hint{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.sd-password-error{text-align:center;color:#dc2626;flex-direction:column;align-items:center;gap:8px;display:flex}.sd-password-error p{color:#475569;margin:0;font-size:13px}@media (width<=768px){.sd-desktop-only{display:none}.sd-mobile-only{display:flex}.sd-stats{grid-template-columns:repeat(2,1fr)}.sd-stat{padding:10px 12px}.sd-stat-val{font-size:16px}.sd-toolbar{flex-direction:column}.sd-search-wrap{min-width:100%}.sd-filter{width:100%}.sd-detail-grid{grid-template-columns:1fr}}@media (width>=769px){.sd-mobile-only{display:none!important}}.sd-header-actions{gap:8px;display:flex}.sd-btn-add-staff{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.sd-btn-add-staff:hover{opacity:.9}.sd-steps{border-bottom:1px solid #f1f5f9;align-items:center;gap:2px;padding:12px 20px;display:flex;overflow-x:auto}.sd-step{color:#94a3b8;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.sd-step.active{color:var(--color-primary,#2563eb);background:#eff6ff;font-weight:600}.sd-step.done{color:#16a34a}.sd-step-num{background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.sd-step.active .sd-step-num{background:var(--color-primary,#2563eb);color:#fff}.sd-step.done .sd-step-num{color:#16a34a;background:#dcfce7}.sd-step-label{font-size:11px}.sd-form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.sd-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sd-field{flex-direction:column;gap:4px;display:flex}.sd-field span{color:#475569;font-size:12px;font-weight:600}.sd-field input,.sd-field select{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.sd-field input:focus,.sd-field select:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px #2563eb14}.sd-field-full{grid-column:1/-1}.sd-check{color:#475569;align-items:center;gap:8px;padding-top:8px;font-size:13px;display:flex}.sd-check input{width:16px;height:16px;accent-color:var(--color-primary,#2563eb)}.sd-category-select{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sd-cat-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:all .15s;display:flex}.sd-cat-option:hover{background:#f8fafc;border-color:#93c5fd}.sd-cat-option.selected{border-color:var(--color-primary,#2563eb);color:var(--color-primary,#2563eb);background:#eff6ff}.sd-cat-option h4{margin:0;font-size:14px;font-weight:600}.sd-cat-option p{color:#64748b;margin:0;font-size:12px}.sd-review{flex-direction:column;gap:14px;display:flex}.sd-review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.sd-review-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:700}.sd-review-grid{grid-template-columns:1fr 1fr;gap:6px;font-size:13px;display:grid}.sd-review-grid span{color:#374151}.sd-modal-foot-right{gap:8px;margin-left:auto;display:flex}.sd-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.sd-btn-secondary:hover{background:#f8fafc}.sd-success-body{text-align:center;padding:24px 20px}.sd-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.sd-success-body h3{color:#0f172a;margin:0 0 8px;font-size:16px}.sd-spin{animation:.7s linear infinite sd-spin}.dept-root{padding:0 0 24px}.dept-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.dept-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.dept-header p{color:#64748b;margin:4px 0 0;font-size:13px}.dept-btn-add{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.dept-btn-add:hover{opacity:.9}.dept-loading{text-align:center;color:#94a3b8;padding:60px;font-size:13px}.dept-empty{text-align:center;color:#94a3b8;padding:56px 20px}.dept-empty h3{color:#475569;margin:12px 0 4px;font-size:15px;font-weight:600}.dept-empty p{margin:0;max-width:420px;margin-inline:auto;font-size:13px}.dept-sections{flex-direction:column;gap:24px;display:flex}.dept-section-title{color:#374151;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.dept-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.dept-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.dept-card-body h4{color:#0f172a;margin:0;font-size:14px;font-weight:600}.dept-card-actions{gap:4px;display:flex}.dept-card-actions button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dept-card-actions button:hover{color:#0f172a;background:#f1f5f9}.dept-card-actions .dept-del:hover{color:#dc2626;background:#fee2e2}.dept-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dept-modal{background:#fff;border-radius:14px;width:100%;max-width:420px;box-shadow:0 20px 60px #0003}.dept-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dept-modal-head h3{margin:0;font-size:16px;font-weight:700}.dept-modal-head button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px}.dept-modal-head button:hover{background:#f1f5f9}.dept-modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.dept-modal-foot{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.dept-field{flex-direction:column;gap:4px;display:flex}.dept-field span{color:#475569;font-size:12px;font-weight:600}.dept-field input{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.dept-field input:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px #2563eb14}.dept-cat-options{gap:8px;display:flex}.dept-cat-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.dept-cat-btn.active{font-weight:600}.dept-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:13px}.dept-btn-cancel{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px}.dept-btn-save{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.dept-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.dept-grid{grid-template-columns:1fr}.dept-card{padding:12px}.dept-modal{border-radius:12px;max-width:100%}.dept-modal-body{padding:16px}.dept-header h2{font-size:18px}}@media (width<=480px){.dept-btn-add{flex:1;justify-content:center;min-height:44px}}.school-switcher{position:relative}.school-switcher-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.school-switcher-btn:hover{background:#ffffff26}.school-switcher-chevron{transition:transform .15s}.school-switcher-chevron.open{transform:rotate(180deg)}.school-switcher-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.school-switcher-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:13px;display:flex}.school-switcher-item:hover{background:#f8fafc}.school-switcher-item.active{color:var(--color-primary,#2563eb);background:#eff6ff;font-weight:600}@keyframes prl-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media print{body{background:#fff!important}body *{visibility:hidden}.payslip-sheet,.payslip-sheet *{visibility:visible}.payslip-sheet{border:none;border-radius:0;width:100%;padding:24px;position:fixed;inset:0}.prl-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static}.prl-modal{max-width:100%;max-height:none;box-shadow:none;border-radius:0}.prl-modal-head{display:none!important}.ps-employee{grid-template-columns:repeat(3,1fr)}.ps-tables{grid-template-columns:1fr 1fr 1fr}@page{margin:12mm}}@media (width<=720px){.ps-employee,.ps-tables{grid-template-columns:1fr}.prl-run-head{flex-direction:column;align-items:flex-start}.prl-form-grid{grid-template-columns:1fr}}@media (width<=720px){.prl-filters{align-items:stretch}.prl-filter-search{max-width:none}.prl-filter-count{margin-left:0}}@media print{body{background:#fff!important}body *{visibility:hidden}.payslip-sheet,.payslip-sheet *{visibility:visible}.payslip-sheet{border:none;border-radius:0;width:100%;padding:24px;position:fixed;inset:0}.prl-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static}.prl-modal{max-width:100%;max-height:none;box-shadow:none;border-radius:0}.prl-modal-head{display:none!important}.ps-employee{grid-template-columns:repeat(3,1fr)}.ps-tables{grid-template-columns:1fr 1fr 1fr}@page{margin:12mm}}@media (width<=720px){.ps-employee,.ps-tables{grid-template-columns:1fr}.prl-run-head{flex-direction:column;align-items:flex-start}.prl-form-grid{grid-template-columns:1fr}}@media (width<=720px){.prl-filters{align-items:stretch}.prl-filter-search{max-width:none}.prl-filter-count{margin-left:0}}.ap-card-title{color:#1f2937;margin:0 0 12px;font-size:13px}.ap-ageing{flex-direction:column;gap:10px;display:flex}.ap-age-row{align-items:center;gap:12px;display:flex}.ap-age-label{color:#6b7280;width:90px;font-size:12px;font-weight:500}.ap-age-bar{background:#f3f4f6;border-radius:999px;flex:1;height:10px;overflow:hidden}.ap-age-bar>div{border-radius:999px;height:100%}.ap-age-val{text-align:right;color:#1f2937;width:110px;font-size:12.5px;font-weight:600}.ap-lines-head{justify-content:space-between;align-items:center;padding:12px 18px 8px;display:flex}.ap-lines-head strong{color:#374151;font-size:13px}.ap-line-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;min-width:90px;padding:6px 8px;font-size:12.5px;transition:border-color .15s}.ap-line-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.ap-totals{justify-content:flex-end;align-items:center;gap:22px;padding:10px 18px 4px;display:flex}.ap-totals>div{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ap-totals span{color:#6b7280;font-size:11px}.ap-totals strong{color:#1f2937;font-size:14px}.ap-totals-grand strong{color:var(--color-primary);font-size:18px}.ap-total-note{color:#6b7280;font-size:13px}.ap-total-note strong{color:var(--color-primary)}.ap-attachments{flex-direction:column;gap:8px;display:flex}.ap-att-head{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ap-att-head .ap-btn-ghost{margin-left:auto}.ap-btn-ghost{cursor:pointer;color:var(--color-primary);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.ap-btn-ghost:hover{background:#2563eb14}.ap-btn-danger-ghost{cursor:pointer;color:#dc2626;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:4px 6px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.ap-btn-danger-ghost:hover{background:#dc262614}.ap-att-list{flex-direction:column;gap:6px;display:flex}.ap-att-item{color:#374151;background:#f9fafb;border:1px solid #eef2f7;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.ap-att-item a{color:var(--color-primary);font-weight:600;text-decoration:none}.ap-att-item a:hover{text-decoration:underline}.ap-att-item span{color:#9ca3af;margin-left:auto;font-size:11.5px}.ap-link{cursor:pointer;color:var(--color-primary);text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.ap-link:hover{text-decoration:underline}.ap-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.ap-sheet{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 18px 16px;padding:22px 26px;font-size:12.5px}.ap-sheet-head{border-bottom:2px solid #1f2937;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:12px;display:flex}.ap-sheet-head h2{color:var(--color-primary);margin:0;font-size:18px}.ap-sheet-head p{color:#6b7280;margin:2px 0 0;font-size:11px}.ap-sheet-right{text-align:right}.ap-sheet-right h3{letter-spacing:.06em;color:#1f2937;margin:0;font-size:15px}.ap-sheet-right p{color:#374151;margin:3px 0 0;font-size:11.5px}.ap-sheet-rows{grid-template-columns:1fr 1fr;gap:8px 22px;display:grid}.ap-sheet-rows>div{border-bottom:1px dashed #eef2f7;flex-direction:column;gap:2px;padding:6px 0;display:flex}.ap-sheet-rows span{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-size:10.5px}.ap-sheet-rows strong{color:#1f2937;font-size:13px}.ap-sheet-full{grid-column:1/-1}.ap-sheet-signs{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;display:grid}.ap-sheet-signs>div{flex-direction:column;gap:4px;display:flex}.ap-sheet-signs span{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-size:10.5px}.ap-sheet-signs strong{color:#1f2937;font-size:12px}.ap-sign-line{background:#1f2937;height:1px;margin-top:22px}.ap-stmt{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.ap-stmt th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:7px 8px;font-size:10.5px}.ap-stmt td{border-bottom:1px solid #f3f4f6;padding:7px 8px}.ap-stmt-strong{color:#1f2937;font-weight:700}@media (width<=768px){.ap-age-row{flex-wrap:wrap}.ap-age-val{width:auto}.ap-sheet-rows{grid-template-columns:1fr}.ap-sheet-signs{grid-template-columns:repeat(2,1fr)}.ap-totals{flex-wrap:wrap;justify-content:space-between}}.pay-page{background:#f8fafc;flex-direction:column;gap:20px;min-height:100%;display:flex}.pay-header{justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.pay-header-left h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.pay-header-sub{color:#64748b;margin:2px 0 0;font-size:13px}.pay-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.pay-toolbar{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008}.pay-toolbar-group{align-items:center;gap:6px;display:flex}.pay-toolbar-sep{background:#e5e7eb;flex-shrink:0;width:1px;height:24px}.pay-toolbar label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600}.pay-filter-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;min-width:90px;padding:6px 10px;font-size:13px;transition:border-color .15s}.pay-filter-select:focus{border-color:var(--color-primary)}.pay-search-wrap{align-items:center;display:flex;position:relative}.pay-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.pay-search-input{color:#0f172a;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:200px;padding:6px 10px 6px 32px;font-size:13px;transition:border-color .15s}.pay-search-input:focus{border-color:var(--color-primary)}.pay-reset-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:all .15s;display:inline-flex}.pay-reset-btn:hover{color:#0f172a;background:#f1f5f9}.pay-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pay-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:stretch;height:120px;padding:0;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.pay-kpi-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.pay-kpi-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:72px;min-width:72px;display:flex}.pay-kpi-icon-wrap svg{width:24px;height:24px}.pay-kpi-card.blue .pay-kpi-icon-wrap{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.pay-kpi-card.green .pay-kpi-icon-wrap{color:#16a34a;background:#f0fdf4}.pay-kpi-card.amber .pay-kpi-icon-wrap{color:#f59e0b;background:#fffbeb}.pay-kpi-card.purple .pay-kpi-icon-wrap{color:var(--color-secondary);background:#f5f3ff}.pay-kpi-card.red .pay-kpi-icon-wrap{color:#ef4444;background:#fef2f2}.pay-kpi-body{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:14px 16px 14px 0;display:flex}.pay-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:12px;font-weight:500}.pay-kpi-value{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.pay-kpi-trend{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;right:14px}.pay-kpi-trend.up{color:#16a34a;background:#dcfce7}.pay-kpi-trend.down{color:#dc2626;background:#fee2e2}.pay-kpi-trend.flat{color:#64748b;background:#f1f5f9}.pay-status-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:20px;padding:14px 20px;display:flex}.pay-status-bar-label{color:#0f172a;white-space:nowrap;font-size:13px;font-weight:600}.pay-status-segments{border:1px solid #e5e7eb;border-radius:8px;flex:1;gap:0;max-width:420px;display:flex;overflow:hidden}.pay-status-segment{flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.pay-status-segment.paid{color:#16a34a;background:#f0fdf4}.pay-status-segment.partial{color:#d97706;background:#fffbeb}.pay-status-segment.pending{color:#dc2626;background:#fef2f2}.pay-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pay-status-segment.paid .pay-status-dot{background:#16a34a}.pay-status-segment.partial .pay-status-dot{background:#d97706}.pay-status-segment.pending .pay-status-dot{background:#dc2626}.pay-status-seg-label{text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}.pay-status-seg-count{color:#0f172a;font-size:14px;font-weight:700}.pay-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pay-table-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pay-table-head h3{color:#0f172a;margin:0;font-size:15px;font-weight:600}.pay-table-head span{color:#64748b;font-size:13px;font-weight:400}.pay-table-head-actions{gap:8px;display:flex}.pay-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.pay-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:14px}.pay-table thead{z-index:5;background:#f8fafc;position:sticky;top:0}.pay-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.pay-table th.pay-th-right{text-align:right}.pay-table th.pay-th-actions{text-align:center;width:140px}.pay-table td{color:#0f172a;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;height:64px;padding:0 16px}.pay-table tbody tr{transition:background .12s}.pay-table tbody tr:hover{background:#f8fafc}.pay-table tbody tr:nth-child(2n){background:#fafbfc}.pay-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.pay-table tbody tr:last-child td{border-bottom:none}.pay-student-cell{align-items:center;gap:10px;display:flex}.pay-student-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:36px;height:36px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.pay-student-name{color:#0f172a;font-size:13px;font-weight:600}.pay-student-adm{color:#94a3b8;font-family:SF Mono,Fira Code,monospace;font-size:11px}.pay-amount{color:#0f172a;text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.pay-method-chip{border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.pay-method-chip.mpesa{color:#16a34a;background:#dcfce7}.pay-method-chip.bank{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.pay-method-chip.cash{color:#475569;background:#f1f5f9}.pay-method-chip.mobile_money{color:#16a34a;background:#dcfce7}.pay-method-chip.cheque,.pay-method-chip.waiver{color:#d97706;background:#fef3c7}.pay-method-chip.default{color:#475569;background:#f1f5f9}.pay-status-pill{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.pay-status-pill.completed{color:#16a34a;background:#dcfce7}.pay-status-pill.pending{color:#d97706;background:#fef3c7}.pay-status-pill.failed{color:#dc2626;background:#fee2e2}.pay-status-pill.reversed{color:#64748b;background:#f1f5f9}.pay-class-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.pay-mono{color:#64748b;font-family:SF Mono,Fira Code,monospace;font-size:12px}.pay-actions-cell{justify-content:center;align-items:center;gap:2px;display:flex}.pay-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.pay-action-btn:hover{color:#0f172a;background:#f1f5f9}.pay-action-btn.danger:hover{color:#dc2626;background:#fef2f2}.pay-context-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:200px;padding:6px;animation:.12s ease-out payMenuIn;position:fixed;box-shadow:0 8px 24px #0000001f}@keyframes payMenuIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pay-context-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.pay-context-item:hover{background:#f1f5f9}.pay-context-item svg{color:#64748b;flex-shrink:0;width:15px;height:15px}.pay-context-item.danger,.pay-context-item.danger svg{color:#dc2626}.pay-context-sep{background:#e5e7eb;height:1px;margin:4px 0}.pay-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:64px 24px;display:flex}.pay-empty-icon{background:#f1f5f9;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.pay-empty-icon svg{color:#94a3b8;width:32px;height:32px}.pay-empty-title{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:600}.pay-empty-desc{color:#94a3b8;max-width:320px;margin:0 0 24px;font-size:14px;line-height:1.5}.pay-pagination{color:#64748b;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.pay-pagination-btns{gap:6px;display:flex}.pay-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.pay-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black);box-shadow:0 2px 6px #2563eb40}.pay-btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.pay-btn-outline{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.pay-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.pay-btn-outline:disabled{opacity:.5;cursor:not-allowed}.pay-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.pay-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.pay-btn-ghost svg{width:14px;height:14px}.pay-loading{text-align:center;color:#94a3b8;background:#f8fafc;padding:80px;font-size:14px}.pay-muted{color:#64748b}.pay-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pay-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000026}.pay-modal-sm{max-width:440px}.pay-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pay-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.pay-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pay-modal-close:hover{color:#1e293b;background:#f1f5f9}.pay-modal-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.pay-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:10px;padding:18px 22px;display:flex}.pay-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.pay-detail-row:last-child{border-bottom:none}.pay-detail-label{color:#64748b;font-weight:500}.pay-detail-value{color:#0f172a;text-align:right;max-width:60%;font-weight:600}.pay-toast{z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s paySlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001f}.pay-toast.success{color:#4ade80;background:#0f172a}.pay-toast.error{color:#fff;background:#dc2626}@keyframes paySlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.pay-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.pay-header{flex-direction:column;align-items:flex-start}.pay-header-right{justify-content:flex-end;width:100%}.pay-toolbar{flex-direction:column;align-items:stretch}.pay-toolbar-group{flex-wrap:wrap}.pay-search-input{width:100%}.pay-status-bar{flex-direction:column;align-items:flex-start}.pay-status-segments{max-width:100%}}@media (width<=640px){.pay-kpi-row{grid-template-columns:1fr}.pay-kpi-card{height:auto}.pay-kpi-icon-wrap{width:56px;min-width:56px}.pay-table-head{flex-direction:column;align-items:flex-start;gap:8px}}.acc-page{flex-direction:column;gap:16px;display:flex}.acc-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:8px;width:fit-content;max-width:100%;padding:6px;display:flex;overflow-x:auto}.acc-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.acc-tab:hover{color:#0f172a;background:#f1f5f9}.acc-tab.active{background:var(--color-primary);color:#fff}.acc-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.acc-search-wrap{flex:0 320px;min-width:200px;position:relative}.acc-search-wrap-wide{flex:480px}.acc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.acc-search-input,.acc-select,.acc-ledger-select{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 32px;font-size:13px}.acc-select,.acc-ledger-select{cursor:pointer;width:auto;padding:9px 12px}.acc-search-wrap-wide .acc-ledger-select{width:100%;padding-left:32px}.acc-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.acc-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.acc-btn-primary:disabled{opacity:.5;cursor:not-allowed}.acc-btn-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.acc-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.acc-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.acc-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.acc-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.acc-btn-danger:hover{background:#b91c1c}.acc-btn-danger:disabled{opacity:.5;cursor:not-allowed}.acc-add-line{margin-top:10px}.acc-seed-banner{background:color-mix(in srgb, var(--color-primary) 8%, white);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white);color:var(--color-primary);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.acc-seed-banner p{color:#3b82f6;margin:2px 0 0;font-size:13px}.acc-seed-banner .acc-btn-primary{margin-left:auto}.acc-kpi-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.acc-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.acc-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.acc-kpi-value{margin:6px 0 0;font-size:20px;font-weight:700}.acc-kpi.blue .acc-kpi-value{color:var(--color-primary)}.acc-kpi.green .acc-kpi-value{color:#16a34a}.acc-kpi.amber .acc-kpi-value{color:#d97706}.acc-kpi.purple .acc-kpi-value{color:var(--color-secondary)}.acc-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.acc-table-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.acc-table-head h3{color:#0f172a;margin:0;font-size:15px}.acc-table-head h3 span{color:#94a3b8;font-size:13px;font-weight:500}.acc-table-wrap{overflow-x:auto}.acc-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.acc-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px}.acc-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.acc-table tbody tr:hover{background:#f8fafc}.acc-table tfoot td{background:#f8fafc;border-top:2px solid #e2e8f0;padding:10px 12px}.acc-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.acc-inactive-row{opacity:.5}.acc-mono{font-family:Consolas,Courier New,monospace;font-size:12px}.acc-fw600{font-weight:600}.acc-muted{color:#64748b}.acc-desc{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.acc-text-green{color:#16a34a}.acc-text-red{color:#dc2626}.acc-type-badge,.acc-status-badge{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.acc-status-off{color:#94a3b8!important;background:#f1f5f9!important}.acc-source-chip{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.acc-actions-cell{white-space:nowrap}.acc-icon-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:4px;transition:all .15s;display:inline-flex}.acc-icon-btn:hover{background:var(--color-primary);color:#fff}.acc-icon-btn.danger:hover{color:#fff;background:#dc2626}.acc-empty{text-align:center;color:#94a3b8;margin:0;padding:28px 16px;font-size:13px}.acc-ledger-empty{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.acc-ledger-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.acc-ledger-head h3{margin:0;font-size:16px}.acc-ledger-sub{color:#64748b;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;display:flex}.acc-ledger-totals{gap:14px;display:flex}.acc-ledger-totals>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 16px;display:flex}.acc-ledger-totals span{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.acc-ledger-totals strong{color:#0f172a;font-size:14px;font-weight:700}.acc-tb-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:12px;padding:12px 16px;display:flex}.acc-tb-field{flex-direction:column;gap:5px;display:flex}.acc-tb-field span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.acc-tb-field select,.acc-tb-field input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:8px 10px;font-size:13px}.acc-tb-field select:focus,.acc-tb-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.acc-tb-mode{background:#eef2f7;border-radius:9px;gap:4px;margin-left:auto;padding:4px;display:flex}.acc-tb-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.acc-tb-mode-btn.active{color:var(--color-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.acc-tb-section td{letter-spacing:.06em;color:#334155;text-transform:uppercase;background:#eef2f7;font-size:11px;font-weight:700}.acc-tb-head{text-align:center;justify-content:center}.acc-tb-balance-bar{border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.acc-tb-balance-bar.ok{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.acc-tb-balance-bar.bad{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.acc-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.acc-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;box-shadow:0 20px 50px #0003}.acc-modal-sm{max-width:420px}.acc-modal-lg{max-width:860px}.acc-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.acc-modal-header h3{color:#0f172a;align-items:center;margin:0;font-size:15px;display:flex}.acc-modal-close{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.acc-modal-close:hover{background:#e2e8f0}.acc-modal-body{padding:18px}.acc-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.acc-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.acc-form-field{margin-top:12px}.acc-modal-body label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.acc-modal-body input,.acc-modal-body select{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px}.acc-modal-body input:focus,.acc-modal-body select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.acc-detail-row{border-bottom:1px solid #f8fafc;justify-content:space-between;gap:16px;padding:7px 0;font-size:13px;display:flex}.acc-detail-label{color:#64748b}.acc-je-lines{border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;overflow:hidden}.acc-je-head,.acc-je-row{align-items:center;gap:8px;padding:8px 10px;display:flex}.acc-je-head{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:11px;font-weight:600}.acc-je-row{border-bottom:1px solid #f1f5f9}.acc-je-row:last-child{border-bottom:none}.acc-je-row input,.acc-je-row select{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.acc-je-row select{background:#fff}.acc-je-summary{border-radius:10px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:14px;padding:12px 16px;display:flex}.acc-je-summary>div{flex-direction:column;gap:2px;display:flex}.acc-je-summary span{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.acc-je-summary strong{color:#0f172a;font-size:14px;font-weight:700}.acc-je-summary.ok{background:#f0fdf4;border:1px solid #bbf7d0}.acc-je-summary.bad{background:#fef2f2;border:1px solid #fecaca}.acc-je-verdict{align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:600;flex-direction:row!important;display:flex!important}.acc-je-summary.ok .acc-je-verdict{color:#16a34a}.acc-je-summary.bad .acc-je-verdict{color:#dc2626}.acc-toast{color:#fff;z-index:1200;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;animation:.2s acc-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000026}.acc-toast.success{background:#16a34a}.acc-toast.error{background:#dc2626}@keyframes acc-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.acc-tabs{width:100%}.acc-form-grid{grid-template-columns:1fr}.acc-ledger-totals{flex-wrap:wrap}.acc-je-summary{gap:12px}.acc-je-verdict{margin-left:0}}.prl-page{color:#1f2937;font-family:Inter,system-ui,sans-serif}.prl-tabs{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding-bottom:0;display:flex}.prl-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.prl-tab:hover{color:var(--color-primary)}.prl-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#2563eb0a}.prl-section{flex-direction:column;gap:16px;display:flex}.prl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.prl-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prl-inline-label{color:#6b7280;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.prl-select,.prl-field select,.prl-item-form select,.prl-item-form input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.prl-select:focus,.prl-field select:focus,.prl-item-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.prl-btn-primary,.prl-btn-secondary,.prl-btn-ghost,.prl-btn-danger,.prl-btn-danger-ghost{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.prl-btn-primary{background:var(--color-primary);color:#fff}.prl-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 80%, black)}.prl-btn-primary:disabled{opacity:.5;cursor:not-allowed}.prl-btn-secondary{color:#374151;background:#fff;border-color:#d1d5db}.prl-btn-secondary:hover{background:#f3f4f6}.prl-btn-ghost{color:var(--color-primary);background:0 0;padding:6px 10px}.prl-btn-ghost:hover{background:#2563eb14}.prl-btn-danger{color:#fff;background:#dc2626}.prl-btn-danger:hover{background:#b91c1c}.prl-btn-danger-ghost{color:#dc2626;background:0 0;padding:6px 8px}.prl-btn-danger-ghost:hover{background:#dc262614}.prl-btn-icon{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.prl-btn-icon:hover{color:var(--color-primary);border-color:var(--color-primary)}.prl-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.prl-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.prl-stat p{color:#6b7280;margin:0 0 4px;font-size:12px;font-weight:500}.prl-stat strong{font-size:22px}.prl-empty{text-align:center;color:#9ca3af;background:#fff;border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;display:flex}.prl-empty h3{color:#374151;margin:0;font-size:16px}.prl-empty p{margin:0;font-size:13px}.prl-card-list{flex-direction:column;gap:10px;display:flex}.prl-run-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.prl-run-card.open{border-color:#93c5fd;box-shadow:0 4px 16px #2563eb14}.prl-run-head{flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.prl-run-info{flex:240px;min-width:200px}.prl-run-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prl-run-title strong{font-size:14px}.prl-run-meta{color:#9ca3af;margin:2px 0 0;font-size:12px}.prl-badge{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.prl-run-totals{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.prl-run-totals span{flex-direction:column;display:inline-flex}.prl-run-totals strong{color:#1f2937;font-size:13px}.prl-run-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prl-paid-note{color:#16a34a;align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.prl-run-detail{border-top:1px solid #eef2f7;padding:12px 16px;overflow-x:auto}.prl-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;overflow-x:auto}.prl-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.prl-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:8px 10px;font-size:11px}.prl-table td{border-bottom:1px solid #f3f4f6;padding:9px 10px}.prl-table tr:last-child td{border-bottom:none}.prl-table tbody tr:hover{background:#f9fafb}.prl-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.prl-cap{text-transform:capitalize}.prl-actions-cell{white-space:nowrap;justify-content:flex-end;gap:4px;display:flex}.prl-norows{text-align:center;color:#9ca3af;padding:28px!important}.prl-hint{color:#6b7280;font-size:12.5px}.prl-config-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.prl-config-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.prl-config-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.prl-config-head strong{font-size:13.5px}.prl-config-value{color:#1f2937;margin:0 0 4px;font-size:13px;font-weight:600}.prl-config-note{color:#9ca3af;margin:0 0 10px;font-size:11.5px}.prl-pending-block{background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;margin-bottom:18px;padding:14px 16px}.prl-pending-head{color:#b45309;align-items:center;gap:8px;margin-bottom:12px;font-size:13.5px;display:flex}.prl-pending-head .prl-badge{margin-left:auto}.prl-pending-actions{gap:8px;display:flex}.prl-payslip-run{padding:4px 0 12px}.prl-payslip-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.prl-payslip-card{text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;transition:all .15s;display:flex}.prl-payslip-card:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:#93c5fd}.prl-payslip-card strong{color:#1f2937;font-size:13px}.prl-payslip-net{color:#16a34a;font-size:12px;font-weight:700}.prl-search-wrap{color:#9ca3af;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:240px;align-items:center;gap:8px;max-width:340px;padding:7px 10px;display:flex}.prl-search-wrap input{background:0 0;border:none;outline:none;flex:1;font-size:13px}.prl-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.prl-modal{background:#fff;border-radius:14px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.prl-modal-lg{max-width:720px}.prl-modal-sm{max-width:380px}.prl-modal-head{z-index:2;background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex;position:sticky;top:0}.prl-modal-head h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.prl-modal-foot{border-top:1px solid #eef2f7;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.prl-confirm-msg{color:#374151;margin:0;padding:16px 18px;font-size:13.5px;line-height:1.5}.prl-fix-box{flex-direction:column;gap:4px;padding:0 18px;display:flex}.prl-fix-line{background:#f9fafb;border:1px solid #eef2f7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12.5px;display:flex}.prl-fix-line span{letter-spacing:.07em;flex-shrink:0;font-size:10.5px;font-weight:800}.prl-fix-line strong{text-align:right;line-height:1.4}.prl-fix-dr{color:#dc2626}.prl-fix-cr{color:#16a34a}.prl-fix-arrow{color:#9ca3af;text-align:center;padding:0 0 4px;font-size:11px}.prl-form-grid{grid-template-columns:1fr 1fr;gap:12px 14px;padding:16px 18px;display:grid}.prl-field{color:#6b7280;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.prl-field-full{grid-column:1/-1}.prl-field input,.prl-field select,.prl-field textarea{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;font-weight:400}.prl-field input:focus,.prl-field select:focus,.prl-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.prl-field small{color:#9ca3af;font-weight:400}.prl-check{color:#374151;cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:inline-flex}.prl-item-form{border-bottom:1px solid #eef2f7;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex}.prl-item-select{color:#374151;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.prl-item-select span{white-space:nowrap}.prl-detail-head{align-items:center;gap:14px;padding:16px 18px;display:flex}.prl-detail-avatar{background:var(--color-secondary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.prl-detail-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:0 18px 14px;display:grid}.prl-detail-card{background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;padding:12px 14px}.prl-detail-card h4,.prl-detail-pay h4{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0 0 8px;font-size:11px}.prl-detail-item{border-bottom:1px dashed #e5e7eb;justify-content:space-between;gap:10px;padding:5px 0;font-size:12.5px;display:flex}.prl-detail-item:last-child{border-bottom:none}.prl-detail-item span{color:#6b7280}.prl-detail-item strong{text-align:right;font-weight:600}.prl-detail-pay{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:0 18px 14px;padding:12px 14px}.prl-detail-pay-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.prl-detail-pay-grid>div{background:#f9fafb;border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.prl-detail-pay-grid span{color:#6b7280;font-size:11px}.prl-detail-pay-grid strong{font-size:13.5px}.prl-net-cell{border:1px solid #bbf7d0;background:#f0fdf4!important}.prl-toast{z-index:1200;color:#fff;background:#16a34a;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:600;animation:.2s prl-slide;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000002e}.prl-toast.error{background:#dc2626}.payslip-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;font-size:13px}.ps-header{border-bottom:3px double #1f2937;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:12px;display:flex}.ps-header h2{margin:0;font-size:20px}.ps-header p{color:#6b7280;margin:2px 0;font-size:12px}.ps-right{text-align:right}.ps-right h3{letter-spacing:.12em;margin:0;font-size:16px}.ps-right p{color:#374151;font-weight:600}.ps-employee{background:#f9fafb;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;padding:12px;display:grid}.ps-employee-col p{flex-direction:column;margin:3px 0;display:flex}.ps-employee-col span{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-size:10.5px}.ps-employee-col strong{font-size:12.5px}.ps-tables{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;display:grid}.ps-tables h4{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;border-bottom:1px solid #eef2f7;margin:0 0 6px;padding-bottom:4px;font-size:12px}.ps-table{border-collapse:collapse;width:100%}.ps-table td{border-bottom:1px dotted #eef2f7;padding:5px 2px;font-size:12.5px}.ps-group{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);border-bottom:1px solid #e5e7eb!important;padding-top:8px!important;font-size:10.5px!important}.ps-reimbursement{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;margin-top:10px;padding:8px 12px}.ps-reimbursement h4{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0 0 4px;font-size:11px}.ps-net{color:#fff;background:#16a34a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 16px;display:flex}.ps-net span{letter-spacing:.08em;font-size:13px;font-weight:700}.ps-net strong{font-size:18px}.ps-foot{border-top:1px dashed #d1d5db;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:12px;display:flex}.ps-foot p{color:#9ca3af;margin:0 0 4px;font-size:11.5px}.ps-foot div{color:#6b7280;font-size:11.5px}.ps-sign-line{border-bottom:1px solid #9ca3af;width:140px;margin-top:24px}@media print{body{background:#fff!important}body *{visibility:hidden}.payslip-sheet,.payslip-sheet *{visibility:visible}.payslip-sheet{border:none;border-radius:0;width:100%;padding:24px;position:fixed;inset:0}.prl-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static}.prl-modal{max-width:100%;max-height:none;box-shadow:none;border-radius:0}.prl-modal-head{display:none!important}.ps-employee{grid-template-columns:repeat(3,1fr)}.ps-tables{grid-template-columns:1fr 1fr 1fr}@page{margin:12mm}}@media (width<=720px){.ps-employee,.ps-tables{grid-template-columns:1fr}.prl-run-head{flex-direction:column;align-items:flex-start}.prl-form-grid{grid-template-columns:1fr}}.prl-run-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;margin:0 14px 12px;padding:10px 14px;font-size:12.5px;line-height:1.5;display:flex}.prl-btn-sm{border-radius:7px;padding:6px 10px;font-size:12px}.prl-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.prl-th-right{text-align:right}.prl-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.prl-muted{color:#9ca3af}.prl-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.prl-gl{flex-direction:column;gap:3px;display:inline-flex}.prl-gl-acc{color:#1f2937;white-space:nowrap;font-size:12.5px}.prl-gl-ok{color:#15803d}.prl-gl-warn{color:#b45309;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.prl-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prl-filter-search{flex:220px;max-width:300px}.prl-filter-search input{font-size:12.5px}.prl-filter-select{padding:7px 10px;font-size:12.5px}.prl-filter-count{color:#6b7280;white-space:nowrap;margin-left:auto;font-size:12px}.prl-recon-card{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px 16px}.prl-recon-head{align-items:flex-start;gap:10px;display:flex}.prl-recon-icon{color:#b45309;background:#f59e0b24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;display:inline-flex}.prl-recon-copy h4{color:#92400e;margin:0;font-size:13.5px;font-weight:700}.prl-recon-copy p{color:#92400e;margin:2px 0 0;font-size:12.5px;line-height:1.5}.prl-recon-table{margin-top:12px}.prl-recon-table th{font-size:10.5px}.prl-recon-table td{padding:7px 10px}.prl-recon-note{color:#a16207;margin:10px 0 0;font-size:11.5px}.prl-recon-ok{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}@media (width<=720px){.prl-filters{align-items:stretch}.prl-filter-search{max-width:none}.prl-filter-count{margin-left:0}}.exp-method{flex-wrap:wrap;gap:8px;display:flex}.exp-method button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:120px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.exp-method button:hover{border-color:var(--color-primary)}.exp-method button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.exp-paystatus{flex-wrap:wrap;gap:8px;display:flex}.exp-paystatus button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.exp-paystatus button.active{color:#fff}.exp-paystatus button[data-v=unpaid].active{background:#dc2626;border-color:#dc2626}.exp-paystatus button[data-v=partially_paid].active{background:#ca8a04;border-color:#ca8a04}.exp-paystatus button[data-v=paid].active{background:#16a34a;border-color:#16a34a}.exp-payee{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.exp-payee button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.exp-payee button:hover{border-color:var(--color-primary)}.exp-payee button.active{background:color-mix(in srgb, var(--color-primary) 6%, white);border-color:var(--color-primary);color:var(--color-primary)}.exp-gl{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.exp-gl.ok{color:#0f766e}.exp-gl.no{color:#9ca3af}.exp-gl.pending{color:#ca8a04}.exp-balance{justify-content:flex-end;align-items:center;gap:22px;padding:10px 18px 4px;display:flex}.exp-balance>div{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.exp-balance span{color:#6b7280;font-size:11px}.exp-balance strong{color:#1f2937;font-size:14px}.exp-balance-grand strong{color:var(--color-primary);font-size:18px}.exp-balance-ok strong{color:#16a34a}.exp-balance-warn strong{color:#dc2626}.exp-reports-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;display:grid}.exp-report-card{flex-direction:column;gap:8px;display:flex}.exp-report-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.exp-report-head h4{color:#1f2937;margin:0;font-size:13px}.exp-report-note{color:#6b7280;margin:0;font-size:11.5px}.exp-trend-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.exp-trend-cell{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.exp-trend-cell span{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:600;display:block}.exp-trend-cell strong{color:#1f2937;font-size:12px}.exp-trend-cell .bar{background:#e5e7eb;border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.exp-trend-cell .bar>div{background:var(--color-primary);border-radius:999px;height:100%}.exp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media (width<=768px){.exp-reports-grid{grid-template-columns:1fr}.exp-balance{flex-direction:column;align-items:flex-end;gap:10px}.exp-trend-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.cb-card-title{color:#374151;margin:0 0 10px;font-size:13px;font-weight:700}.cb-link{color:var(--color-primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.cb-link:hover{text-decoration:underline}.cb-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cb-stmt-kpi{flex-wrap:wrap;gap:8px;display:flex}.as-tabs{border-bottom:1px solid var(--border,#e2e8f0);flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.as-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.as-tab:hover{color:var(--color-primary)}.as-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.as-kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.as-kpi{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;padding:14px 16px}.as-kpi-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;margin:0 0 4px;font-size:11px}.as-kpi-value{margin:0;font-size:20px;font-weight:700}.as-kpi.blue .as-kpi-value{color:var(--color-primary)}.as-kpi.amber .as-kpi-value{color:#d97706}.as-kpi.green .as-kpi-value{color:#16a34a}.as-kpi.purple .as-kpi-value{color:var(--color-secondary)}.as-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.as-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.as-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.as-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 30px;font-size:13px}.as-search-input:focus{border-color:var(--color-primary)}.as-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.as-select:focus{border-color:var(--color-primary)}.as-modal .as-input,.as-modal .as-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.as-modal .as-input{min-width:0}.as-select-row{box-sizing:border-box;align-items:stretch;gap:6px;width:100%;min-width:0;max-width:100%;display:flex}.as-select-row .as-select{flex:auto;min-width:0;max-width:100%}.as-select-add{color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.as-select-add:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:var(--color-primary)}.as-select-add:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.as-quick-supplier{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;min-width:0;max-width:100%;margin-top:8px;padding:10px;display:grid}.as-quick-supplier .as-grid-2{gap:8px}.as-quick-supplier-foot{justify-content:flex-end;margin-top:2px;display:flex}.as-accsel{box-sizing:border-box;color:#334155;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4;display:flex}.as-accsel:hover{border-color:#94a3b8}.as-accsel:focus,.as-accsel-open{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.as-accsel-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.as-accsel-ph{color:#94a3b8}.as-accsel-caret{color:#64748b;flex-shrink:0;transition:transform .15s}.as-accsel-open .as-accsel-caret{transform:rotate(180deg)}.as-accsel-menu{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #0f172a2e}.as-accsel-opt{color:#334155;cursor:pointer;border-radius:7px;align-items:flex-start;gap:8px;padding:7px 8px;font-size:13px;display:flex;overflow:hidden}.as-accsel-opt.as-accsel-active{background:color-mix(in srgb, var(--color-primary) 8%, white)}.as-accsel-opt.as-accsel-selected{color:color-mix(in srgb, var(--color-primary) 80%, black)}.as-accsel-code{color:#475569;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600;line-height:1.5}.as-accsel-selected .as-accsel-code{color:var(--color-primary)}.as-accsel-name{word-break:break-word;min-width:0;line-height:1.5}.as-accsel-empty{color:#94a3b8;text-align:center;padding:10px;font-size:13px}.as-btn-primary,.as-btn-outline,.as-btn-ghost,.as-btn-danger{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.as-btn-primary{background:var(--color-primary);color:#fff}.as-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.as-btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.as-btn-outline{color:#334155;background:#fff;border-color:#cbd5e1}.as-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.as-btn-ghost{color:#475569;background:0 0}.as-btn-ghost:hover{background:#f1f5f9}.as-btn-danger{color:#fff;background:#dc2626}.as-btn-danger:hover{background:#b91c1c}.as-btn-danger:disabled{cursor:not-allowed;background:#fca5a5}.as-table-card{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;overflow:hidden}.as-table-head{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.as-table-head h3{margin:0;font-size:14px}.as-table-head h3 span{color:#94a3b8;font-size:12px;font-weight:500}.as-table-wrap{overflow-x:auto}.as-table{border-collapse:collapse;width:100%;font-size:13px}.as-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#64748b;border-bottom:1px solid var(--border,#e2e8f0);white-space:nowrap;background:#f8fafc;padding:10px 14px;font-size:11px}.as-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.as-table tbody tr:hover{background:#f8fafc}.as-table tbody tr:last-child td{border-bottom:none}.as-table th.num,.as-table td.num{text-align:right;font-variant-numeric:tabular-nums}.as-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.as-fw600{font-weight:600}.as-muted{color:#94a3b8}.as-green{color:#16a34a}.as-desc{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.as-status-badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.as-actions-cell{white-space:nowrap}.as-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.as-icon-btn:hover{color:var(--color-primary);background:#e2e8f0}.as-icon-btn.danger:hover{color:#dc2626;background:#fee2e2}.as-empty{text-align:center;color:#94a3b8;margin:0;padding:32px 16px;font-size:13px}.as-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.as-modal{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex;box-shadow:0 20px 50px #0f172a33}.as-modal-fit{width:min(90vw,600px);max-width:600px;max-height:calc(100vh - 96px);overflow:hidden}.as-modal-fit .as-modal-body{min-width:0;overflow:clip auto}.as-modal-sm{max-width:460px}.as-modal-lg{box-sizing:border-box;width:min(95vw,700px);max-width:700px}.as-modal-head{border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.as-modal-head h3{margin:0;font-size:15px}.as-modal-body{box-sizing:border-box;min-width:0;max-width:100%;padding:18px}.as-modal-foot{border-top:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.as-label{color:#475569;margin:12px 0 5px;font-size:12px;font-weight:600;display:block}.as-label:first-child{margin-top:0}.as-input{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-width:0;padding:8px 10px;font-family:inherit;font-size:13px}.as-input:focus{border-color:var(--color-primary)}.as-policy-hint{background:color-mix(in srgb, var(--color-primary) 8%, white);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white);color:color-mix(in srgb, var(--color-primary) 80%, black);border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:12px}.as-acq-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;max-width:100%;margin:14px 0 0;padding:10px 12px;display:grid}.as-acq-block>.as-grid-2{align-items:end}.as-acq-block .as-label{margin:0 0 5px}.as-acq-block .as-select,.as-acq-block .as-input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.as-acq-block .as-tax-note{margin:0}.as-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.as-grid-2>*{box-sizing:border-box;min-width:0;max-width:100%}.as-depr-dates{margin-bottom:4px}.as-depr-accounts{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.as-depr-accounts .as-label{margin:0 0 5px}.as-tax-banner{border:1px solid color-mix(in srgb, var(--color-secondary) 20%, white);color:color-mix(in srgb, var(--color-secondary) 80%, black);background:#f5f3ff;border-radius:10px;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.as-tax-banner svg{flex-shrink:0;margin-top:2px}.as-tax-banner strong{color:#4c1d95;font-size:13px;display:block}.as-tax-banner p{color:var(--color-secondary);margin:2px 0 0;font-size:12px}.as-tax-note{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.5}.as-tax-section-title{box-sizing:border-box;border-bottom:1px solid #e2e8f0;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%;margin:18px 0 10px;padding-bottom:6px;display:flex}.as-tax-section-title .as-muted{line-height:1.45}.as-tax-section-label{letter-spacing:.5px;color:#1e293b;font-size:12px;font-weight:700}.as-purple,.as-tax-wdv strong{color:var(--color-secondary)}.as-card-tax{border-color:color-mix(in srgb, var(--color-secondary) 20%, white)}.as-card-tax h3{color:color-mix(in srgb, var(--color-secondary) 80%, black)}.as-scroll-sm{max-height:260px;overflow:auto}.as-depr-preview{border:1px solid var(--border,#e2e8f0);border-radius:8px;min-width:0;margin-top:14px;padding:10px 12px;overflow:hidden}.as-depr-preview-title{text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;margin:0 0 6px;font-size:11px}.as-depr-line{color:#475569;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:12px;display:flex}.as-depr-line-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.as-depr-line-amt{font-variant-numeric:tabular-nums;flex-shrink:0}.as-depr-total{border-top:1px dashed #cbd5e1;justify-content:space-between;gap:12px;margin-top:6px;padding-top:6px;font-size:13px;font-weight:700;display:flex}.as-depr-warn{color:#92400e;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12.5px}.as-depr-warn p{margin:0 0 8px}.as-toast{color:#fff;z-index:1100;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:600;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0f172a2e}.as-toast.success{background:#16a34a}.as-toast.error{background:#dc2626}.as-toast.info{background:var(--color-primary)}.as-profile{max-width:1100px}.as-profile-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.as-back-btn{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.as-back-btn:hover{color:var(--color-primary)}.as-profile-name-row{align-items:center;gap:10px;margin-top:10px;display:flex}.as-profile-name-row h2{margin:0;font-size:22px}.as-profile-name{color:#1e293b;margin:4px 0 0;font-size:16px;font-weight:600}.as-profile-sub{color:#64748b;margin:2px 0 0;font-size:13px}.as-profile-nbv{text-align:right;border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;min-width:220px;padding:12px 16px}.as-profile-nbv span{text-transform:uppercase;color:#64748b;letter-spacing:.4px;font-size:11px;display:block}.as-profile-nbv strong{color:#16a34a;font-size:22px;display:block}.as-profile-nbv small{color:#94a3b8}.as-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.as-profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px;display:grid}.as-card{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;padding:14px 16px}.as-card h3{align-items:center;gap:7px;margin:0 0 10px;font-size:14px;display:flex}.as-card-count{color:#64748b;background:#f1f5f9;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.as-info-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.as-info-grid div span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;display:block}.as-info-grid div strong{color:#334155;font-size:13px;font-weight:600}.as-photo-btn{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.as-doc-list{flex-direction:column;gap:8px;display:flex}.as-doc-item{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.as-doc-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.as-doc-meta{flex:1;min-width:0}.as-doc-meta strong{color:#334155;font-size:13px;display:block}.as-doc-meta small{color:#94a3b8;font-size:11px}.as-doc-view{color:var(--color-primary);cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.as-none{color:#94a3b8;font-size:13px}.as-timeline{margin-top:4px;position:relative}.as-timeline-item{padding:0 0 18px 22px;position:relative}.as-timeline-item:last-child{padding-bottom:0}.as-timeline-dot{background:var(--color-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:0}.as-timeline-item:not(:last-child):before{content:"";background:#e2e8f0;width:2px;position:absolute;top:16px;bottom:0;left:4px}.as-timeline-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.as-timeline-head strong{color:#1e293b;font-size:13px}.as-timeline-date{color:#94a3b8;font-size:11px}.as-timeline-body p{color:#475569;margin:3px 0 0;font-size:13px}.as-timeline-by{color:#94a3b8;font-size:11px}@media (width<=650px){.as-grid-2{grid-template-columns:1fr;gap:14px}.as-profile-nbv{text-align:left;width:100%}.as-info-grid{grid-template-columns:1fr}.as-modal-overlay{align-items:flex-start;padding:20px 12px}.as-modal,.as-modal-sm,.as-modal-lg,.as-modal-fit{border-radius:10px;width:100%;max-width:100%}.as-modal-fit{max-height:calc(100vh - 40px)}.as-modal-foot{flex-direction:column;align-items:stretch}.as-modal-foot .as-btn-outline,.as-modal-foot .as-btn-primary{justify-content:center;width:100%}}.rpt-page{flex-direction:column;gap:20px;display:flex}.rpt-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.rpt-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .15s;display:flex}.rpt-kpi:hover{box-shadow:0 2px 12px #0000000a}.rpt-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rpt-kpi.blue .rpt-kpi-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rpt-kpi.green .rpt-kpi-icon{color:#16a34a;background:#f0fdf4}.rpt-kpi.red .rpt-kpi-icon{color:#dc2626;background:#fef2f2}.rpt-kpi.amber .rpt-kpi-icon{color:#d97706;background:#fffbeb}.rpt-kpi.purple .rpt-kpi-icon{color:var(--color-secondary);background:#f5f3ff}.rpt-kpi-body{flex-direction:column;gap:2px;min-width:0;display:flex}.rpt-kpi-label{color:#64748b;margin:0;font-size:12px;font-weight:500}.rpt-kpi-value{color:#0f172a;margin:0;font-size:20px;font-weight:700}.rpt-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.rpt-toolbar-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rpt-select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:7px 12px;font-size:13px;transition:border-color .15s}.rpt-select:focus{border-color:var(--color-primary)}.rpt-tabs{background:#f1f5f9;border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.rpt-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s}.rpt-tab:hover{color:#334155}.rpt-tab.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000000f}.rpt-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.rpt-card-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.rpt-card-head h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.rpt-bars{flex-direction:column;gap:10px;padding:16px 22px;display:flex}.rpt-bar-row{grid-template-columns:80px 1fr 90px 60px;align-items:center;gap:12px;display:grid}.rpt-bar-label{color:#0f172a;font-size:13px;font-weight:600}.rpt-bar-track{background:#f1f5f9;border-radius:6px;height:24px;overflow:hidden}.rpt-bar-fill{border-radius:6px;min-width:2px;height:100%;transition:width .4s}.rpt-bar-fill.blue{background:var(--color-primary)}.rpt-bar-fill.green{background:#16a34a}.rpt-bar-fill.purple{background:var(--color-secondary)}.rpt-bar-fill.amber{background:#d97706}.rpt-bar-fill.red{background:#dc2626}.rpt-bar-amount{color:#0f172a;text-align:right;font-size:13px;font-weight:600}.rpt-bar-count{color:#94a3b8;text-align:right;font-size:12px}.rpt-chart{align-items:flex-end;gap:6px;min-height:200px;padding:24px 22px 12px;display:flex}.rpt-chart-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-height:0;display:flex}.rpt-chart-bar{background:linear-gradient(180deg, var(--color-primary) 0%, #3b82f6 100%);border-radius:6px 6px 2px 2px;width:100%;max-width:48px;min-height:4px;transition:height .4s}.rpt-chart-tip{color:#475569;white-space:nowrap;font-size:11px;font-weight:600}.rpt-chart-label{color:#94a3b8;font-size:11px;font-weight:500}.rpt-status-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 22px;display:grid}.rpt-status-box{border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.rpt-status-box.green{background:#f0fdf4}.rpt-status-box.amber{background:#fffbeb}.rpt-status-box.red{background:#fef2f2}.rpt-status-num{font-size:28px;font-weight:700}.rpt-status-box.green .rpt-status-num{color:#16a34a}.rpt-status-box.amber .rpt-status-num{color:#d97706}.rpt-status-box.red .rpt-status-num{color:#dc2626}.rpt-status-label{font-size:13px;font-weight:500}.rpt-status-box.green .rpt-status-label{color:#166534}.rpt-status-box.amber .rpt-status-label{color:#92400e}.rpt-status-box.red .rpt-status-label{color:#991b1b}.rpt-ledger-grid{padding:8px 22px 16px}.rpt-ledger-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.rpt-ledger-row:last-child{border-bottom:none}.rpt-ledger-row.total{border-top:2px solid #e5e7eb;margin-top:4px;padding-top:14px}.rpt-ledger-label{color:#64748b;font-size:13px}.rpt-ledger-value{color:#0f172a;font-size:14px;font-weight:600}.rpt-ledger-value.red{color:#dc2626}.rpt-ledger-value.green{color:#16a34a}.rpt-ledger-row.total .rpt-ledger-label,.rpt-ledger-row.total .rpt-ledger-value{font-size:15px;font-weight:700}.rpt-table-wrap{overflow-x:auto}.rpt-table{border-collapse:collapse;width:100%;font-size:13px}.rpt-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #e5e7eb;padding:12px 22px;font-size:11px;font-weight:600}.rpt-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 22px}.rpt-table tbody tr:hover{background:#f8fafc}.rpt-table tfoot td{background:#fafbfc;border-top:2px solid #e5e7eb;border-bottom:none;padding:14px 22px}.rpt-fw600{font-weight:600}.rpt-text-green{color:#16a34a}.rpt-text-red{color:#dc2626}.rpt-text-muted{color:#94a3b8}.rpt-mono{font-family:SF Mono,Menlo,monospace;font-size:12px}.rpt-empty{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.rpt-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.rpt-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.rpt-btn-outline:disabled{opacity:.5;cursor:not-allowed}.rpt-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.rpt-btn-ghost:hover{color:#334155;background:#f1f5f9}@media (width<=1024px){.rpt-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.rpt-kpi-row{grid-template-columns:1fr}.rpt-toolbar{flex-direction:column;align-items:stretch}.rpt-toolbar-filters{flex-wrap:wrap}.rpt-tabs{width:100%;overflow-x:auto}.rpt-bar-row{grid-template-columns:60px 1fr 70px}.rpt-bar-count{display:none}}.fst-page{position:relative}.fst-toast{z-index:200;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:600;animation:.2s fstToastIn;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 8px 24px #0f172a29}.fst-toast.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.fst-toast.info{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white)}.fst-toast.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@keyframes fstToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fst-filters{align-items:flex-end}.fst-presets{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fst-kpis{margin-bottom:14px}.fst-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin:18px 0 12px;display:flex}.fst-title{color:#0f172a;margin:0;font-size:16px}.fst-period{color:#64748b;margin:3px 0 0;font-size:12.5px}.fst-actions{flex-wrap:wrap;gap:8px;display:flex}.fst-card{margin-bottom:14px}.fst-section-title{letter-spacing:.06em;color:var(--color-primary);text-transform:uppercase;background:color-mix(in srgb, var(--color-primary) 8%, white);border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:700}.fst-table{min-width:560px}.fst-table th,.fst-table td{text-align:left}.fst-table .num{text-align:right}.fst-summary{flex-direction:column;gap:8px;margin-top:16px;display:flex}.fst-summary-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fst-summary-row.emphasize{background:#0f172a;border-color:#0f172a}.fst-summary-label{letter-spacing:.04em;color:#334155;text-transform:uppercase;font-size:12.5px;font-weight:700}.fst-summary-row.emphasize .fst-summary-label{color:#fff}.fst-summary-value{color:#047857;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.fst-summary-value.red{color:#dc2626}.fst-summary-row.emphasize .fst-summary-value{color:#fff}.fst-note{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:flex-start;gap:7px;margin:14px 0 0;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}@media (width<=768px){.fst-head{flex-direction:column}.fst-actions{width:100%}.fst-actions button{flex:1;justify-content:center;min-height:40px}.fst-summary-row{padding:10px 12px}.fst-summary-value{font-size:14px}}.da-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.da-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.da-sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:28px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.da-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.da-sidebar-school{background:#1e293b;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.da-school-avatar{background:var(--color-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.da-school-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.da-school-role{color:#16a34a;margin:0;font-size:11px;font-weight:500}.da-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.da-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.da-nav-item:hover{color:#f1f5f9;background:#1e293b}.da-nav-item.active{background:var(--color-primary);color:#fff}.da-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.da-sidebar{padding:14px 10px}.da-sidebar-brand{margin-bottom:12px;padding:0 10px;font-size:14px}.da-sidebar-logo{border-radius:7px;width:28px;height:28px;font-size:11px}.da-sidebar-school{border-radius:8px;margin-bottom:14px;padding:8px 10px}.da-school-avatar{width:28px;height:28px;font-size:11px}.da-school-name{font-size:11.5px}.da-school-role{font-size:10px}.da-sidebar-nav{gap:1px}.da-nav-item{border-radius:7px;padding:8px 12px;font-size:13px;font-weight:500}.da-logout-btn{padding:8px 12px;font-size:13px}.da-sidebar-footer{border-top:1px solid #1e293b;padding-top:16px}.da-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.da-logout-btn:hover{background:#1e293b}.da-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.da-header{justify-content:space-between;align-items:center;display:flex}.da-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.da-header p{color:#64748b;margin:4px 0 0;font-size:13px}.da-header-actions{align-items:center;gap:12px;display:flex}.da-btn-primary{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.da-btn-primary:hover{background:color-mix(in srgb, var(--color-secondary) 80%, black)}.da-btn-primary:disabled{cursor:not-allowed;background:#c4b5fd}.da-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.da-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;transition:background .15s;display:flex}.da-btn-secondary:hover{background:#f8fafc}.da-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.da-btn-ghost:hover{color:#1e293b;background:#f1f5f9}.da-btn-sm{padding:5px 12px!important;font-size:12px!important}.da-avatar{background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.da-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.da-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.da-stat-icon{align-items:center;margin-bottom:12px;display:flex}.da-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.da-stat-value{white-space:nowrap;margin:0 0 6px;font-size:28px;font-weight:700}.da-stat-change{color:#16a34a;margin:0;font-size:12px}.da-grid{flex-direction:column;gap:24px;display:flex}.da-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.da-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.da-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.da-view-all{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;display:flex}.da-table{border-collapse:collapse;width:100%;font-size:13px}.da-table th{text-align:left;color:#64748b;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f1f5f9;padding:8px;font-size:11px;font-weight:600}.da-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f8fafc;padding:8px;font-size:13px}.da-table td:first-child{font-weight:500}.da-badge{color:var(--color-secondary);background:#f3f0ff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.da-badge-green{color:#16a34a;background:#dcfce7}.da-badge-red{color:#dc2626;background:#fee2e2}.da-badge-amber{color:#ca8a04;background:#fef9c3}.da-badge-blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.da-loading-state{text-align:center;color:#94a3b8;padding:60px;font-size:14px}.da-empty-state{text-align:center;color:#94a3b8;padding:30px;font-size:14px}.da-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.da-table-full{border-collapse:collapse;width:100%;font-size:14px}.da-table-full thead{background:#f8fafc}.da-table-full th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.da-table-full td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.da-table-full tbody tr:hover{background:#f8fafc}.da-table-full tbody tr:last-child td{border-bottom:none}.da-search-wrap{align-items:center;display:flex;position:relative}.da-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.da-search-input{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;padding:8px 12px 8px 30px;font-size:13px;transition:border-color .15s}.da-search-input:focus{border-color:var(--color-secondary)}.da-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.da-filter-select:focus{border-color:var(--color-secondary)}.da-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.da-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.da-toolbar-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.da-summary{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.da-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex}.da-sum-card.purple svg{color:var(--color-secondary)}.da-sum-card.blue svg{color:var(--color-primary)}.da-sum-card.green svg{color:#16a34a}.da-sum-card.red svg{color:#dc2626}.da-sum-card.amber svg{color:#d97706}.da-tsc-label{color:#64748b;margin:0 0 4px;font-size:12px}.da-tsc-value{color:#0f172a;margin:0;font-size:22px;font-weight:700}.da-student-avatar-sm{width:34px;height:34px;color:var(--color-secondary);text-transform:uppercase;background:#f3f0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.da-student-name-cell{align-items:center;gap:10px;display:flex}.da-action-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.da-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.da-action-btn.danger{color:#dc2626}.da-action-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.da-status-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.da-status-badge.active{color:#16a34a;background:#dcfce7}.da-status-badge.warning{color:#ca8a04;background:#fef9c3}.da-status-badge.danger{color:#dc2626;background:#fee2e2}.da-subject-tag{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.da-text-muted{color:#94a3b8;font-size:13px}.da-capitalize{text-transform:capitalize}.modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-lg{max-width:640px}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.modal-close:hover{color:#0f172a;background:#f1f5f9}.modal-form{padding:18px 22px}.form-field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-field label{color:#374151;font-size:12px;font-weight:600}.field-required{color:#dc2626}.form-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary);outline:none}textarea.form-input{resize:vertical;min-height:60px}select.form-input{cursor:pointer}.profile-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pii-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px;font-size:11px;font-weight:600}.pii-value{color:#0f172a;margin:0;font-size:14px;font-weight:500}.form-section-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:700}.da-add-btn{font-weight:600;background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.da-add-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)!important}.da-save-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.da-save-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.da-save-btn:disabled{opacity:.5;cursor:not-allowed}.da-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.da-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.da-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.da-mobile-overlay{z-index:190;background:#00000080;animation:.2s daFadeIn;display:none;position:fixed;inset:0}.da-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.da-mobile-close:hover{color:#fff;background:#fff3}@keyframes daFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.da-stats-grid,.da-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.da-mobile-toggle{display:flex}.da-mobile-overlay{display:block}.da-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.da-sidebar.open{transform:translate(0)}.da-main{margin-left:0;padding:56px 16px 16px}.da-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.da-summary{grid-template-columns:repeat(2,1fr)}.da-header{flex-direction:column;align-items:flex-start;gap:12px}.da-header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.da-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.da-stat-card{padding:14px}.da-stat-value{font-size:22px}.da-summary{grid-template-columns:repeat(2,1fr)}}.btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.btn-secondary{color:#374151;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{cursor:not-allowed;background:#fca5a5}.exam-tabs{border-bottom:1px solid #e2e8f0;gap:2px;margin-bottom:20px;display:flex}.exam-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.exam-tab:hover{color:#334155}.exam-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.exam-tab-badge{color:#fff;background:#dc2626;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.5}.exam-grade-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;display:grid}.exam-grade-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 12px;transition:border-color .15s}.exam-grade-card:hover{border-color:#cbd5e1}.exam-grade-letter{font-size:26px;font-weight:700;line-height:1}.exam-grade-count{color:#0f172a;margin:4px 0 2px;font-size:20px;font-weight:700}.exam-grade-pct{color:#64748b;margin:0 0 8px;font-size:12px}.exam-grade-bar{background:#f1f5f9;border-radius:4px;height:4px;overflow:hidden}.exam-grade-bar-fill{border-radius:4px;height:100%;transition:width .4s}.exam-pending-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.exam-pending-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:18px;display:flex}.exam-pending-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.exam-pending-subject{align-items:center;gap:10px;display:flex}.exam-pending-icon{background:#fef3c7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.exam-pending-subject h4{color:#0f172a;margin:0;font-size:14px;font-weight:600}.exam-pending-subject p{color:#64748b;margin:2px 0 0;font-size:11px}.exam-pending-status{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:3px 10px;font-size:10px;font-weight:600}.exam-pending-stats{color:#64748b;gap:14px;margin:10px 0;font-size:12px;display:flex}.exam-pending-stats span{align-items:center;gap:4px;display:flex}.exam-pending-meta{color:#94a3b8;margin:4px 0 10px;font-size:11px}.exam-pending-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:10px;display:flex}.exam-back-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:500;display:flex}.exam-back-link:hover{text-decoration:underline}.exam-back-meta{color:#64748b;font-size:13px}.exam-detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.exam-detail-info h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.exam-detail-info p{color:#64748b;margin:4px 0 0;font-size:13px}.exam-detail-actions{gap:8px;display:flex}.exam-detail-footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.exam-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px 20px}.exam-empty svg{margin-bottom:8px}.exam-empty p{color:#64748b;margin:4px 0 0;font-size:14px}.exam-empty-sub{color:#94a3b8;font-size:12px}@media (width<=1024px){.exam-grade-row{grid-template-columns:repeat(5,1fr);gap:8px}}@media (width<=768px){.exam-grade-row{grid-template-columns:repeat(5,1fr);gap:6px}.exam-grade-letter{font-size:20px}.exam-grade-count{font-size:16px}.exam-grade-card{padding:12px 6px}.exam-pending-grid{grid-template-columns:1fr}}.att-sum-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.att-sum-rate{flex-direction:column;align-items:flex-start;gap:6px}.att-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.att-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.today-badge{color:#16a34a;background:#dcfce7;border-radius:20px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.att-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.att-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.att-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.att-badge.excused{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.att-status-buttons{flex-wrap:wrap;gap:4px;display:flex}.att-status-btn{cursor:pointer;white-space:nowrap;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.att-status-btn:hover{background:#f8fafc}.att-status-btn.present.active{color:#16a34a;background:#dcfce7;border-color:#16a34a}.att-status-btn.absent.active{color:#dc2626;background:#fee2e2;border-color:#dc2626}.att-status-btn.late.active{color:#ca8a04;background:#fef9c3;border-color:#ca8a04}.att-status-btn.excused.active{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary);border-color:var(--color-primary)}.att-notes-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:140px;padding:5px 8px;font-family:inherit;font-size:12px}.att-notes-input:focus{border-color:var(--color-primary)}.att-bulk-actions{align-items:center;gap:6px;display:flex}.att-bulk-btn{cursor:pointer;white-space:nowrap;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.att-bulk-btn.present{color:#16a34a}.att-bulk-btn.present:hover{background:#dcfce7;border-color:#16a34a}.att-bulk-btn.absent{color:#dc2626}.att-bulk-btn.absent:hover{background:#fee2e2;border-color:#dc2626}.att-bulk-btn.reset{color:#64748b;align-items:center;gap:4px;display:inline-flex}.att-bulk-btn.reset:hover{background:#f1f5f9}.att-save-wrap{align-items:center;gap:8px;display:flex}.att-save-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.att-save-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.att-save-btn:disabled{cursor:not-allowed;background:#93c5fd}.att-saved-badge{color:#16a34a;background:#dcfce7;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;animation:2s fadeInOut}.att-export-group{gap:4px;display:flex}.att-export-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.att-export-btn.csv{border-radius:8px 0 0 8px}.att-export-btn.pdf{border-left:none;border-radius:0 8px 8px 0}.att-export-btn:hover{background:#f8fafc}.att-export-btn.csv:hover{color:#16a34a;border-color:#16a34a}.att-export-btn.csv:hover+.att-export-btn.pdf{border-left-color:#16a34a}.att-export-btn.pdf:hover{color:#dc2626;border-color:#dc2626}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.search-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:220px;padding:8px 12px 8px 32px;font-size:13px}.search-input:focus{border-color:var(--color-primary)}.filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.filter-select:focus{border-color:var(--color-primary)}.att-tabs{border-bottom:2px solid #e2e8f0;gap:4px;padding-bottom:0;display:flex}.att-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:6px;margin-bottom:-2px;padding:9px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.att-tab:hover{color:var(--color-primary);background:#f1f5f9}.att-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:0 0;font-weight:600}.att-notification{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.att-notification.warning{color:#ca8a04;background:#fef9c3;border:1px solid #fde68a}.att-notification.danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.att-notification.info{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white)}.att-override-toggle{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.att-override-toggle:hover{background:#fef9c3;border-color:#ca8a04}.att-override-toggle.active{color:#ca8a04;background:#fef9c3;border-color:#ca8a04}.att-override-indicator{color:#ca8a04;white-space:nowrap;background:#fef9c3;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.att-summary-row{flex-wrap:wrap;gap:16px;display:flex}.att-summary-item{color:#64748b;font-size:13px}.att-summary-item strong{color:#1e293b}.att-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.att-trend-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.att-trend-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.att-trend-title{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.att-trend-tabs{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;display:flex}.att-trend-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.att-trend-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000f}.att-trend-tab:hover:not(.active){color:#1e293b}.att-trend-summary{border-bottom:1px solid #f1f5f9;gap:24px;padding:16px 20px;display:flex}.att-trend-stat{flex-direction:column;gap:2px;display:flex}.att-trend-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.att-trend-stat-value{color:#0f172a;font-size:15px;font-weight:700}.att-chart-wrap{padding:8px 20px 20px}.att-export-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.att-export-panel-toggle{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.att-export-panel-toggle:hover{background:#f8fafc}.att-export-panel-toggle span{text-align:left;flex:1}.att-export-panel-body{border-top:1px solid #e2e8f0;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.att-ep-section{flex-direction:column;gap:6px;display:flex}.att-ep-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.att-ep-mode-tabs{background:#f1f5f9;border-radius:8px;gap:4px;padding:3px;display:flex}.att-ep-mode-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.att-ep-mode-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000f}.att-ep-mode-tab:hover:not(.active){color:#1e293b}.att-ep-fields{flex-direction:column;gap:10px;display:flex}.att-ep-field-row{flex-wrap:wrap;gap:10px;display:flex}.att-ep-field{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.att-ep-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.att-ep-input:focus{border-color:var(--color-primary)}.att-ep-student-search{align-items:center;display:flex;position:relative}.att-ep-search-icon{color:#94a3b8;pointer-events:none;z-index:1;position:absolute;left:10px}.att-ep-student-search .att-ep-input{width:100%;padding-left:30px;padding-right:30px}.att-ep-clear-student{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex;position:absolute;right:6px}.att-ep-clear-student:hover{color:#dc2626;background:#fee2e2}.att-ep-student-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:220px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.att-ep-student-option{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:block}.att-ep-student-option:hover{background:#f1f5f9}.att-ep-student-option+.att-ep-student-option{border-top:1px solid #f1f5f9}.att-ep-range-badge{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.att-ep-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.att-ep-action-right{flex-wrap:wrap;gap:6px;display:flex}.att-ep-action-btn{cursor:pointer;white-space:nowrap;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.att-ep-action-btn:disabled{opacity:.5;cursor:not-allowed}.att-ep-action-btn.clear{color:#64748b}.att-ep-action-btn.clear:hover{background:#f1f5f9}.att-ep-action-btn.excel{color:#16a34a}.att-ep-action-btn.excel:hover{background:#dcfce7;border-color:#16a34a}.att-ep-action-btn.pdf{color:#dc2626}.att-ep-action-btn.pdf:hover{background:#fee2e2;border-color:#dc2626}.att-ep-action-btn.whatsapp{color:#25d366}.att-ep-action-btn.whatsapp:hover{background:#dcfce7;border-color:#25d366}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media (width<=1024px){.att-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.att-summary{grid-template-columns:1fr 1fr}.att-toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}.att-toolbar-right{flex-direction:column;align-items:stretch}.att-bulk-actions{flex-wrap:wrap}.att-tabs{overflow-x:auto}}@media (width<=768px){.att-toolbar{flex-direction:column;align-items:stretch;gap:10px}.att-toolbar-left,.att-toolbar-right{flex-direction:column;align-items:stretch;width:100%}.date-nav{justify-content:space-between;width:100%}.date-nav-btn{min-width:44px;height:44px}.date-nav .date-input{flex:1;min-height:44px}.search-wrap{width:100%}.search-input,.filter-select{width:100%;min-height:44px;font-size:14px}.att-bulk-actions{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.att-bulk-btn{justify-content:center;align-items:center;min-height:42px;display:inline-flex}.att-save-wrap{width:100%}.att-save-btn{flex:1;justify-content:center;min-height:46px}.att-table-wrap.att-card-table{background:0 0;border:none;overflow:visible}.att-card-table thead{display:none}.att-card-table,.att-card-table tbody,.att-card-table tr,.att-card-table td{display:block}.att-card-table tbody{flex-direction:column;gap:10px;display:flex}.att-card-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0f172a0f}.att-card-table tbody tr:hover{background:#fff}.att-card-table td{border-bottom:1px solid #f1f5f9;flex-direction:column;align-items:stretch;gap:6px;min-height:30px;padding:8px 0;display:flex}.att-card-table td:last-child{border-bottom:none}.att-card-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.att-card-table .student-name-cell{justify-content:space-between;font-size:14px;font-weight:500}.att-card-table .att-status-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.att-status-btn{justify-content:center;min-height:40px;padding:4px 2px;font-size:12px}.att-card-table .att-notes-input{width:100%;min-height:42px;padding:8px 10px;font-size:14px}.att-card-table .att-badge{justify-content:center;min-height:36px;font-size:13px}.att-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.att-tab{white-space:nowrap;min-height:44px;padding:11px 14px}}@media (width<=767px){.teacher-root .att-card-table tbody{gap:10px}.teacher-root .att-card-table tr{box-sizing:border-box;width:100%;overflow:hidden}.teacher-root .att-card-table td{box-sizing:border-box;flex-flow:wrap;align-items:center;gap:8px;width:100%;padding:8px 2px;display:flex}.teacher-root .att-card-table td:before{flex:0 0 100%}.teacher-root .att-card-table .student-name-cell{flex-wrap:wrap;gap:8px;width:100%}.teacher-root .att-card-table .att-status-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.teacher-root .att-card-table .att-status-btn{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;min-height:38px;padding:5px 2px;font-size:11px;overflow:hidden}.teacher-root .att-card-table .att-notes-input{box-sizing:border-box;width:100%;min-height:42px}.teacher-root .att-card-table .adm-no{word-break:normal;font-size:12px}.teacher-root .att-card-table .att-badge{justify-content:center;width:100%}}.att-mob-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.att-mob-row{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0f172a0f}.att-mob-row:active{background:#f8fafc}.att-mob-row-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.att-mob-row-info{flex:1;min-width:0}.att-mob-row-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.att-mob-row-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.att-mob-row-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.att-mob-chip{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;line-height:1;display:inline-flex}.att-mob-chip svg{width:18px;height:18px}.att-mob-chip--present{color:#16a34a;background:#dcfce7}.att-mob-chip--absent{color:#dc2626;background:#fee2e2}.att-mob-chip--late{color:#ca8a04;background:#fef3c7}.att-mob-chip--excused{color:#7c3aed;background:#ede9fe}.att-mob-row-btn{color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f1f5f9;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.att-mob-row-btn:active{background:#e2e8f0}.att-mob-row-note{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.att-sheet-overlay{z-index:1200;background:#0f172a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.att-sheet{box-sizing:border-box;width:100%;max-width:520px;max-height:88vh;padding:12px 16px 28px;padding-bottom:max(28px, env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;animation:.22s sp-sheet-up;overflow-y:auto;box-shadow:0 -6px 30px #0f172a2e}@keyframes sp-sheet-up{0%{opacity:.6;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.att-sheet-handle{background:#e2e8f0;border-radius:999px;width:40px;height:4px;margin:2px auto 14px}.att-sheet-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.att-sheet-title{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.att-sheet-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.att-sheet-sub{color:#64748b;margin-top:2px;font-size:12px}.att-sheet-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.att-sheet-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.att-sheet-opt{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 2px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.att-sheet-opt svg{flex-shrink:0}.att-sheet-opt.present.active{color:#16a34a;background:#dcfce7;border-color:#16a34a}.att-sheet-opt.absent.active{color:#dc2626;background:#fee2e2;border-color:#dc2626}.att-sheet-opt.late.active{color:#ca8a04;background:#fef3c7;border-color:#ca8a04}.att-sheet-opt.excused.active{color:#7c3aed;background:#ede9fe;border-color:#7c3aed}.att-sheet-note{box-sizing:border-box;color:#1e293b;resize:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:70px;margin-top:14px;padding:11px 12px;font-family:inherit;font-size:14px}.att-sheet-note:focus{background:#fff;border-color:#16a34a}@media (width<=767px){.teacher-root .mobile-attendance-layout,.teacher-root .att-mob-marksheet,.teacher-root .att-history-card{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.teacher-root .att-toolbar,.teacher-root .att-toolbar-left,.teacher-root .att-toolbar-right,.teacher-root .att-toolbar-left>*,.teacher-root .att-toolbar-right>*,.teacher-root .date-nav,.teacher-root .search-wrap,.teacher-root .att-bulk-actions,.teacher-root .att-save-wrap{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.teacher-root .date-nav .date-input{flex:auto;width:auto;min-width:0;max-width:100%}.teacher-root .search-input,.teacher-root .filter-select,.teacher-root .att-bulk-btn,.teacher-root .att-save-btn{min-width:0;max-width:100%}.teacher-root .att-bulk-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-root .att-bulk-btn{white-space:normal;text-align:center;overflow-wrap:anywhere;padding:8px 4px;font-size:11px;line-height:1.2}.teacher-root .att-toolbar-left{flex-flow:wrap;gap:10px}.teacher-root .date-nav{flex:0 auto;justify-content:flex-start;width:auto;max-width:none}.teacher-root .date-nav-btn{min-width:40px;height:42px}.teacher-root .date-nav .date-input{flex:auto;width:auto;min-height:42px}.teacher-root .search-wrap{flex:130px;width:auto;min-width:100px;max-width:none}.teacher-root .search-input{min-height:42px;font-size:14px}.teacher-root .filter-select{flex-basis:100%;width:100%;min-height:44px;font-size:14px}.teacher-root .att-mob-list,.teacher-root .att-mob-row,.teacher-root .att-mob-row-main,.teacher-root .att-mob-row-info{min-width:0;max-width:100%}}@media (width<=359px){.att-mob-chip{width:28px;height:28px}.att-mob-chip svg{width:16px;height:16px}.att-sheet-opt{padding:11px 2px;font-size:10px}}@media (width<=768px){.notice-card-full{border-radius:10px!important;padding:14px 16px!important}.notice-card-header{flex-direction:column;align-items:flex-start;gap:8px}.notice-title-row h3{font-size:14px}.notice-content{font-size:13px}.notice-meta{flex-wrap:wrap;gap:10px}.notices-page{gap:14px}}@media (width<=480px){.notice-card-full{padding:12px!important}.notices-list-full{gap:10px}}.prpt-page{padding-bottom:8px}.prpt-kpi-row{grid-template-columns:repeat(6,1fr)}.prpt-muted{color:#94a3b8;font-size:13px;font-weight:500}.prpt-num{text-align:right}.prpt-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.prpt-chip{color:#166534;background:#f0fdf4;border-radius:6px;align-items:center;padding:2px 9px;font-family:SF Mono,Menlo,monospace;font-size:12px;font-weight:600;display:inline-flex}.prpt-ded-total{border-top:2px solid #e5e7eb;margin-top:6px;padding-top:14px}@media (width<=1280px){.prpt-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.prpt-kpi-row{grid-template-columns:1fr}}.b-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.b-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.b-sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:12px;padding:0 10px;font-size:14px;font-weight:700;display:flex}.b-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.b-sidebar-school{background:#0a1628;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 10px;display:flex}.b-school-avatar{background:var(--color-primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.b-school-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;font-weight:600;overflow:hidden}.b-school-plan{color:#16a34a;margin:0;font-size:10px;font-weight:500}.b-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.b-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.b-nav-item:hover{color:#f1f5f9;background:#1e293b}.b-nav-item.active{background:var(--color-primary);color:#fff}.b-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.b-nav-top .b-nav-icon svg,.b-nav-group-head .b-nav-icon svg{width:16px;height:16px}.b-nav-children .b-nav-item .b-nav-icon svg{width:14px;height:14px}.b-nav-section{margin-top:10px}.b-nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin:0 12px 4px;font-size:10px;font-weight:700}.b-nav-group-head{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.b-nav-group-head:hover{color:#f1f5f9;background:#1e293b}.b-nav-group-head.active{color:#f1f5f9}.b-nav-group-label{flex:1}.b-nav-chevron{color:#64748b;transition:transform .18s}.b-nav-chevron.collapsed{transform:rotate(-90deg)}.b-nav-children{border-left:1px solid #1e293b;flex-direction:column;gap:2px;margin:2px 0 4px 14px;padding-left:10px;display:flex}.b-nav-children .b-nav-item{gap:8px;padding:6px 12px;font-size:12px;font-weight:400}.b-nav-children .b-nav-item .b-nav-icon{color:#64748b}.b-nav-children .b-nav-item.active .b-nav-icon{color:#fff}.b-nav-top{font-weight:500}.b-coming-soon{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:60vh;display:flex}.b-coming-soon h3{color:#334155;margin:0;font-size:18px}.b-coming-soon p{max-width:380px;margin:0;font-size:13.5px}.b-sidebar-footer{border-top:1px solid #1e293b;padding-top:16px}.b-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.b-logout-btn:hover{background:#1e293b}.b-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.b-header{justify-content:space-between;align-items:center;display:flex}.b-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.b-header p{color:#64748b;margin:4px 0 0;font-size:13px}.b-header-actions{align-items:center;gap:12px;display:flex}.b-btn-primary{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.b-btn-primary:hover{background:color-mix(in srgb, var(--color-secondary) 80%, black)}.b-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;transition:background .15s;display:flex}.b-btn-secondary:hover{background:#f8fafc}.b-admin-avatar{background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.b-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.b-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.b-stat-icon{align-items:center;margin-bottom:12px;display:flex}.b-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.b-stat-value{white-space:nowrap;margin:0 0 6px;font-size:28px;font-weight:700}.b-stat-change{color:#16a34a;margin:0;font-size:12px}.b-admin-grid{flex-direction:column;gap:24px;display:flex}.b-admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.b-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.b-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.b-view-all{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;display:flex}.b-fee-table{border-collapse:collapse;width:100%;font-size:13px}.b-fee-table th{text-align:left;color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px;font-size:11px;font-weight:600}.b-fee-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f8fafc;padding:8px;font-size:13px}.b-fee-table .b-monospace,.b-monospace{font-family:SF Mono,Fira Code,monospace;font-size:12px}@media (width<=1024px){.b-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.b-mobile-toggle{display:flex}.b-mobile-overlay{display:block}.b-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.b-sidebar.open{transform:translate(0)}.b-main{margin-left:0;padding:56px 16px 16px}.b-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.b-header{flex-direction:column;align-items:flex-start;gap:12px}.b-header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.b-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.b-stat-card{padding:14px}.b-stat-value{font-size:22px}.b-header-actions .b-btn-secondary{display:none}}.b-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.b-mobile-overlay{z-index:190;background:#00000080;animation:.2s bFadeIn;display:none;position:fixed;inset:0}.b-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.b-mobile-close:hover{color:#fff;background:#fff3}@keyframes bFadeIn{0%{opacity:0}to{opacity:1}}.b-tab-content{flex-direction:column;gap:24px;display:flex}.b-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.b-section-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.b-section-card-head h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.b-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.b-filter-select{color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;min-width:120px;padding:7px 12px;font-size:13px}.b-filter-select:focus{border-color:var(--color-secondary)}.b-search-wrap{align-items:center;display:flex;position:relative}.b-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.b-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:7px 12px 7px 32px;font-size:13px}.b-search-input:focus{border-color:var(--color-secondary)}.b-table-wrap{overflow-x:auto}.b-data-table{border-collapse:collapse;width:100%;font-size:13px}.b-data-table th{text-align:left;color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 8px;font-size:11px;font-weight:600}.b-data-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f8fafc;padding:10px 8px;font-size:13px}.b-data-table tbody tr:hover{background:#f8fafc}.b-text-green{color:#16a34a}.b-text-red{color:#dc2626}.b-text-muted{color:#64748b}.b-fw600{font-weight:600}.b-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.b-badge-success{color:#16a34a;background:#dcfce7}.b-badge-warning{color:#ca8a04;background:#fef9c3}.b-badge-danger{color:#dc2626;background:#fee2e2}.b-badge-info{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.b-status-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.b-status-badge.paid{color:#16a34a;background:#dcfce7}.b-status-badge.pending{color:#ca8a04;background:#fef9c3}.b-status-badge.bounced{color:#dc2626;background:#fee2e2}.b-status-badge.partial{color:#ca8a04;background:#fef9c3}.b-summary-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.b-summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.b-summary-item-label{color:#64748b;margin:0 0 4px;font-size:12px}.b-summary-item-value{color:#0f172a;margin:0;font-size:20px;font-weight:700}.b-empty{text-align:center;color:#94a3b8;padding:40px;font-size:14px}:root{--rd-bg:#f8fafc;--rd-surface:#fff;--rd-border:#e5e7eb;--rd-border-lt:#f1f5f9;--rd-text:#0f172a;--rd-text-sec:#64748b;--rd-text-muted:#94a3b8;--rd-blue:var(--color-primary);--rd-green:#16a34a;--rd-orange:#f59e0b;--rd-red:#ef4444;--rd-purple:var(--color-secondary);--rd-cyan:#0891b2;--rd-radius:20px;--rd-radius-sm:12px;--rd-radius-xs:8px;--rd-shadow:0 4px 24px #0f172a0f;--rd-shadow-lg:0 12px 48px #0f172a1a;--rd-trans:.18s ease}.reg-root{background:var(--rd-bg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.reg-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.reg-sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:28px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.reg-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.reg-sidebar-school{background:#1e293b;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.reg-school-avatar{background:var(--color-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.reg-school-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.reg-school-plan{color:#16a34a;margin:0;font-size:11px;font-weight:500}.reg-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.reg-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.reg-nav-item:hover{color:#f1f5f9;background:#1e293b}.reg-nav-item.active{background:var(--color-primary);color:#fff}.reg-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.reg-sidebar{padding:14px 10px}.reg-sidebar-brand{margin-bottom:12px;padding:0 10px;font-size:14px}.reg-sidebar-logo{border-radius:7px;width:28px;height:28px;font-size:11px}.reg-sidebar-school{border-radius:8px;margin-bottom:14px;padding:8px 10px}.reg-school-avatar{width:28px;height:28px;font-size:11px}.reg-school-name{font-size:11.5px}.reg-school-plan{font-size:10px}.reg-sidebar-nav{gap:1px}.reg-nav-item{border-radius:7px;padding:8px 12px;font-size:13px;font-weight:500}.reg-logout-btn{padding:8px 12px;font-size:13px}.reg-sidebar-footer{border-top:1px solid #1e293b;padding-top:16px}.reg-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.reg-logout-btn:hover{background:#1e293b}.reg-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.reg-header{justify-content:space-between;align-items:flex-start;display:flex}.reg-header h1{color:var(--rd-text);letter-spacing:-.4px;margin:0;font-size:24px;font-weight:700}.reg-header-sub{color:var(--rd-text-sec);margin:4px 0 0;font-size:13px}.reg-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.reg-btn-primary{background:var(--rd-blue);color:#fff;border-radius:var(--rd-radius-xs);cursor:pointer;transition:background var(--rd-trans);border:none;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;display:inline-flex}.reg-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.reg-btn-primary:disabled{opacity:.5;cursor:not-allowed}.reg-btn-secondary{color:#374151;border:1px solid var(--rd-border);border-radius:var(--rd-radius-xs);cursor:pointer;transition:background var(--rd-trans);background:#fff;align-items:center;gap:6px;padding:9px 18px;font-size:14px;display:inline-flex}.reg-btn-secondary:hover{background:#f8fafc}.reg-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.reg-btn-secondary.small{padding:6px 14px;font-size:12px}.reg-admin-avatar{background:var(--rd-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.rd-dash{flex-direction:column;gap:28px;display:flex}.rd-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rd-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-flex}.rd-pill--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rd-pill--green{color:#16a34a;background:#dcfce7}.rd-pill--amber{color:#d97706;background:#fef3c7}.rd-pill--red{color:#dc2626;background:#fee2e2}.rd-status-updated{color:var(--rd-text-muted);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.rd-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.rd-kpi{background:var(--rd-surface);border:1px solid var(--rd-border);box-shadow:var(--rd-shadow);transition:box-shadow var(--rd-trans), transform var(--rd-trans);border-radius:20px;padding:20px 24px}.rd-kpi:hover{box-shadow:var(--rd-shadow-lg);transform:translateY(-1px)}.rd-kpi--warn{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-color:#fde68a;box-shadow:0 4px 24px #f59e0b1a}.rd-kpi--warn:hover{box-shadow:0 8px 40px #f59e0b29}.rd-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.rd-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rd-kpi-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rd-kpi-icon--green{color:#16a34a;background:#dcfce7}.rd-kpi-icon--purple{color:var(--color-secondary);background:#f5f3ff}.rd-kpi-icon--amber{color:#d97706;background:#fffbeb}.rd-kpi-icon--cyan{color:#0891b2;background:#ecfeff}.rd-kpi-icon--red{color:#dc2626;background:#fef2f2}.rd-kpi-trend{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.rd-kpi-trend--up{color:#16a34a;background:#dcfce7}.rd-kpi-trend--down{color:#dc2626;background:#fee2e2}.rd-kpi-val{letter-spacing:-.5px;margin:0 0 4px;font-size:30px;font-weight:700;line-height:1.1}.rd-kpi-label{color:var(--rd-text-sec);margin:0;font-size:13px}.rd-kpi-sub{color:var(--rd-text-muted);margin:4px 0 0;font-size:11px}.rd-alert{background:var(--rd-surface);border:1px solid var(--rd-border);box-shadow:var(--rd-shadow);border-radius:20px;padding:20px 24px}.rd-alert-hdr{align-items:center;gap:8px;margin-bottom:14px;display:flex}.rd-alert-hdr h3{color:var(--rd-text);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.rd-alert-badge{color:#dc2626;background:#fee2e2;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.rd-alert-empty{color:#16a34a;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.rd-alert-items{flex-direction:column;gap:6px;display:flex}.rd-alert-row{border-radius:var(--rd-radius-sm);border:1px solid #0000;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.rd-alert-row--critical{color:#991b1b;background:#fef2f2;border-color:#fecaca}.rd-alert-row--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.rd-alert-row--info{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white);color:var(--color-primary)}.rd-alert-sev{flex-shrink:0;align-items:center;display:flex}.rd-alert-msg{flex:1;min-width:0}.rd-alert-msg strong{font-weight:700}.rd-alert-fix{cursor:pointer;white-space:nowrap;transition:filter var(--rd-trans);border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.rd-alert-fix:hover{filter:brightness(.92)}.rd-alert-fix--critical{color:#fff;background:#dc2626}.rd-alert-fix--warning{color:#fff;background:#d97706}.rd-alert-fix--info{background:var(--color-primary);color:#fff}.rd-two-col{grid-template-columns:1.3fr .7fr;gap:20px;display:grid}.rd-card{background:var(--rd-surface);border:1px solid var(--rd-border);box-shadow:var(--rd-shadow);border-radius:20px;padding:20px 24px}.rd-card-hdr{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rd-card-hdr h3{color:var(--rd-text);align-items:center;gap:6px;margin:0;font-size:15px;font-weight:600;display:flex}.rd-nemis-top{border-bottom:1px solid var(--rd-border-lt);align-items:center;gap:20px;margin-bottom:12px;padding:16px 0 14px;display:flex}.rd-nemis-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.rd-nemis-ring-inner{text-align:center;z-index:1}.rd-nemis-ring-pct{font-size:22px;font-weight:700;line-height:1}.rd-nemis-ring-lbl{text-transform:uppercase;letter-spacing:.06em;margin-top:1px;font-size:8px;font-weight:600}.rd-nemis-stats{flex-direction:column;flex:1;gap:6px;display:flex}.rd-nemis-stat{align-items:center;gap:8px;font-size:13px;display:flex}.rd-nemis-stat-icon{flex-shrink:0;align-items:center;display:flex}.rd-nemis-stat-icon--ok{color:#16a34a}.rd-nemis-stat-icon--pending{color:#f59e0b}.rd-nemis-item{border-bottom:1px solid var(--rd-border-lt);align-items:center;gap:10px;padding:9px 0;display:flex}.rd-nemis-item:last-child{border-bottom:none}.rd-nemis-cls{min-width:72px;color:var(--rd-text);font-size:13px;font-weight:600}.rd-nemis-meta{color:var(--rd-text-sec);min-width:100px;font-size:11px}.rd-nemis-bar{background:#f1f5f9;border-radius:20px;flex:1;gap:2px;height:8px;display:flex;overflow:hidden}.rd-nemis-bar-seg{border-radius:20px;height:100%;transition:width .5s}.rd-nemis-bar-seg--ok{background:#16a34a}.rd-nemis-bar-seg--mid{background:#f59e0b}.rd-nemis-bar-seg--bad{background:#ef4444}.rd-nemis-pct{text-align:right;min-width:44px;font-size:12px;font-weight:700}.rd-nemis-pct--high{color:#16a34a}.rd-nemis-pct--mid{color:#d97706}.rd-nemis-pct--low{color:#dc2626}.rd-snap{flex-direction:column;gap:8px;display:flex}.rd-snap-row{border:1px solid var(--rd-border-lt);border-radius:var(--rd-radius-sm);background:#fafafa;align-items:center;gap:10px;padding:8px 12px;display:flex}.rd-snap-row-icon{flex-shrink:0;display:flex}.rd-snap-row-icon--ok{color:#16a34a}.rd-snap-row-icon--mid{color:#d97706}.rd-snap-row-lbl{color:var(--rd-text-sec);flex:1;font-size:13px}.rd-snap-bar{background:#f1f5f9;border-radius:20px;width:100px;height:6px;overflow:hidden}.rd-snap-bar-fill{border-radius:20px;height:100%;transition:width .5s}.rd-snap-bar-fill--high{background:#16a34a}.rd-snap-bar-fill--mid{background:#f59e0b}.rd-snap-bar-fill--low{background:#ef4444}.rd-snap-pct{text-align:right;min-width:38px;color:var(--rd-text-sec);font-size:12px;font-weight:600}.rd-feed{flex-direction:column;gap:2px;display:flex}.rd-feed-item{border-bottom:1px solid var(--rd-border-lt);align-items:center;gap:12px;padding:10px 0;display:flex}.rd-feed-item:last-child{border-bottom:none}.rd-feed-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rd-feed-icon--admission{color:#16a34a;background:#dcfce7}.rd-feed-icon--transfer{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rd-feed-icon--cert{color:var(--color-secondary);background:#f5f3ff}.rd-feed-icon--parent{color:#0891b2;background:#ecfeff}.rd-feed-icon--archive{color:#d97706;background:#fff7ed}.rd-feed-icon--nemis{color:var(--rd-text-sec);background:#f1f5f9}.rd-feed-text{flex:1;min-width:0}.rd-feed-msg{color:var(--rd-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.rd-feed-time{color:var(--rd-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.rd-actions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rd-action{background:var(--rd-surface);border:1px solid var(--rd-border);border-radius:var(--rd-radius-sm);cursor:pointer;transition:all var(--rd-trans);text-align:left;color:var(--rd-text);flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;display:flex}.rd-action:hover{box-shadow:var(--rd-shadow-lg);border-color:#cbd5e1;transform:translateY(-2px)}.rd-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rd-action-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rd-action-icon--green{color:#16a34a;background:#dcfce7}.rd-action-icon--purple{color:var(--color-secondary);background:#f5f3ff}.rd-action-icon--amber{color:#d97706;background:#fffbeb}.rd-action-icon--cyan{color:#0891b2;background:#ecfeff}.rd-action-icon--red{color:#dc2626;background:#fef2f2}.rd-action-icon--gray{color:#64748b;background:#f1f5f9}.rd-action-lbl{color:var(--rd-text);font-size:13px;font-weight:600;line-height:1.2}.rd-action-desc{color:var(--rd-text-muted);font-size:11px;line-height:1.3}.rd-load{color:var(--rd-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 0;font-size:14px;display:flex}.rd-spin{border:3px solid var(--rd-border);border-top-color:var(--rd-blue);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite rd-spin}@keyframes rd-spin{to{transform:rotate(360deg)}}.reg-mono{font-family:SF Mono,SFMono-Regular,Fira Code,monospace;font-size:12px}.reg-capitalize{text-transform:capitalize}.reg-loading-state{text-align:center;color:var(--rd-text-muted);padding:60px;font-size:14px}.reg-empty-state{text-align:center;color:var(--rd-text-muted);padding:30px;font-size:14px}.reg-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.reg-form-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.reg-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reg-modal{background:#fff;border-radius:14px;width:100%;max-width:500px;padding:24px;box-shadow:0 10px 40px #00000026}.reg-modal-header{justify-content:space-between;align-items:center;display:flex}.reg-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.reg-students-page{padding:0}.reg-sp-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.reg-sp-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.reg-sp-header p{color:#64748b;margin:2px 0 0;font-size:13px}.reg-sp-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reg-student-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reg-search-wrap{align-items:center;display:flex;position:relative}.reg-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.reg-search-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:240px;padding:8px 12px 8px 32px;font-size:13px}.reg-search-input:focus{border-color:var(--color-primary)}.reg-filter-select-group{flex-wrap:wrap;gap:8px;display:flex}.reg-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.reg-filter-select:focus{border-color:var(--color-primary)}.reg-clear-filters-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:inline-flex}.reg-clear-filters-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.reg-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.reg-data-table{border-collapse:collapse;width:100%;font-size:13px}.reg-data-table thead{background:#f8fafc}.reg-data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.reg-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.reg-data-table tbody tr:hover{background:#f8fafc}.reg-data-table tbody tr:last-child td{border-bottom:none}.reg-student-name-cell{align-items:center;gap:10px;display:flex}.reg-student-avatar-sm{background:var(--color-primary);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.reg-action-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.reg-action-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.reg-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.reg-btn-ghost:hover{color:#1e293b;background:#f1f5f9}.reg-btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.reg-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.reg-active{color:#16a34a;background:#dcfce7}.reg-inactive{color:#dc2626;background:#fef2f2}.reg-transferred{color:#ca8a04;background:#fef9c3}.reg-profile-info-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:24px;display:grid}.reg-profile-info-item{flex-direction:column;gap:4px;display:flex}.reg-profile-info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.reg-profile-info-item span{color:#1e293b;font-size:14px}.reg-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reg-form-field{flex-direction:column;gap:5px;display:flex}.reg-form-field.full{grid-column:1/-1}.reg-form-field label{color:#374151;font-size:13px;font-weight:500}.reg-form-field input,.reg-form-field select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.reg-form-field input:focus,.reg-form-field select:focus{border-color:var(--color-primary)}.reg-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.reg-form-section-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:16px 0 10px;font-size:11px;font-weight:700}.reg-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}.reg-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.reg-input[type=date]{font-family:inherit}.reg-form-group{flex-direction:column;gap:4px;display:flex}.reg-form-group label{color:#475569;font-size:12px;font-weight:600}.reg-card h4{color:#1e293b;margin:0 0 12px;font-size:14px;font-weight:600}.reg-modal-body{padding:16px 24px 24px}@keyframes reg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reg-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.reg-mobile-overlay{z-index:190;background:#00000080;animation:.2s regFadeIn;display:none;position:fixed;inset:0}.reg-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.reg-mobile-close:hover{color:#fff;background:#fff3}@keyframes regFadeIn{0%{opacity:0}to{opacity:1}}@media (width>=1280px){.rd-kpi-grid{grid-template-columns:repeat(6,1fr)}}@media (width<=1200px){.rd-two-col{grid-template-columns:1fr}.rd-kpi-grid{grid-template-columns:repeat(3,1fr)}.rd-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.reg-mobile-toggle{display:flex}.reg-mobile-overlay{display:block}.reg-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.reg-sidebar.open{transform:translate(0)}.reg-main{margin-left:0;padding:56px 16px 16px}.rd-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.rd-actions{grid-template-columns:1fr}.rd-status-updated{margin-left:0}.reg-header{flex-direction:column;align-items:flex-start;gap:12px}.reg-header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.rd-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rd-kpi{padding:14px 16px}.rd-kpi-val{font-size:24px}.rd-actions{grid-template-columns:repeat(2,1fr)}.reg-header-actions .reg-btn-secondary{display:none}}:root{--adm-bg:#f8fafc;--adm-surface:#fff;--adm-border:#e5e7eb;--adm-border-light:#f1f5f9;--adm-text:#0f172a;--adm-text-sec:#64748b;--adm-text-muted:#94a3b8;--adm-blue:var(--color-primary);--adm-blue-hover:color-mix(in srgb, var(--color-primary) 80%, black);--adm-red:#ef4444;--adm-red-light:#fef2f2;--adm-red-border:#fca5a5;--adm-green:#16a34a;--adm-green-light:#f0fdf4;--adm-purple:var(--color-secondary);--adm-amber:#f59e0b;--adm-amber-light:#fffbeb;--adm-radius:16px;--adm-radius-sm:12px;--adm-radius-xs:8px;--adm-shadow:0 1px 2px #0000000a;--adm-shadow-md:0 4px 12px #00000014;--adm-shadow-lg:0 8px 24px #0000001f;--adm-transition:.15s ease}.adm-root{max-width:100%}.adm-actions-row{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:24px;display:flex}.adm-actions-left{align-items:center;gap:8px;display:flex}.adm-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px;display:grid}.adm-card{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius);transition:box-shadow var(--adm-transition);align-items:center;gap:16px;padding:24px;display:flex}.adm-card:hover{box-shadow:var(--adm-shadow-md)}.adm-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.adm-card-content{flex-direction:column;min-width:0;display:flex}.adm-card-value{color:var(--adm-text);letter-spacing:-.5px;font-size:32px;font-weight:700;line-height:1.1}.adm-card-label{color:var(--adm-text-sec);margin-top:2px;font-size:13px}.adm-alert{border-radius:var(--adm-radius-xs);align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.adm-alert--success{background:var(--adm-green-light);color:var(--adm-green);border:1px solid #bbf7d0}.adm-alert--error{background:var(--adm-red-light);color:var(--adm-red);border:1px solid #fecaca}.adm-layout{grid-template-columns:2fr 3fr;align-items:start;gap:24px;display:grid}.adm-form-card{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius);box-shadow:var(--adm-shadow);overflow:hidden}.adm-form-header{border-bottom:1px solid var(--adm-border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.adm-form-header h3{color:var(--adm-text);margin:0;font-size:16px;font-weight:600}.adm-form-sub{color:var(--adm-text-muted);font-size:12px;font-weight:500}.adm-form{padding:20px 24px 24px}.adm-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--adm-text-muted);margin:20px 0 10px;font-size:11px;font-weight:700}.adm-section-label:first-of-type{margin-top:0}.adm-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.adm-field{flex-direction:column;gap:4px;display:flex}.adm-field--full{grid-column:1/-1}.adm-field label{color:var(--adm-text-sec);font-size:12px;font-weight:500}.adm-required{color:var(--adm-red)}.adm-field input,.adm-field select{border:1px solid var(--adm-border);border-radius:var(--adm-radius-xs);color:var(--adm-text);background:var(--adm-surface);transition:border-color var(--adm-transition);box-sizing:border-box;outline:none;width:100%;padding:8px 10px;font-size:13px}.adm-field input:focus,.adm-field select:focus{border-color:var(--adm-blue);box-shadow:0 0 0 3px #2563eb14}.adm-field input::placeholder{color:var(--adm-text-muted)}.adm-input-row{gap:6px;display:flex}.adm-input-row input{flex:1}.adm-btn-auto{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius-xs);color:var(--adm-text-sec);cursor:pointer;white-space:nowrap;transition:all var(--adm-transition);padding:0 10px;font-size:11px;font-weight:600}.adm-btn-auto:hover{color:var(--adm-text);background:#f1f5f9}.adm-form-footer{border-top:1px solid var(--adm-border-light);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.adm-btn{border-radius:var(--adm-radius-xs);cursor:pointer;height:36px;transition:all var(--adm-transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.adm-btn:focus-visible{outline:2px solid var(--adm-blue);outline-offset:2px}.adm-btn:disabled{opacity:.35;cursor:not-allowed}.adm-btn--sm{height:32px;padding:0 12px;font-size:12px}.adm-btn--xs{height:28px;padding:0 8px;font-size:11px}.adm-btn--primary{background:var(--adm-blue);color:#fff;border-color:var(--adm-blue)}.adm-btn--primary:hover:not(:disabled){background:var(--adm-blue-hover)}.adm-btn--outline{background:var(--adm-surface);color:var(--adm-text);border-color:var(--adm-border)}.adm-btn--outline:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.adm-btn--icon{background:var(--adm-surface);color:var(--adm-text-sec);border-color:var(--adm-border);padding:0 10px}.adm-btn--icon:hover:not(:disabled){color:var(--adm-text);background:#f9fafb}.adm-btn--ghost{color:var(--adm-blue);background:0 0;border-color:#0000;height:28px;padding:0 8px;font-size:12px}.adm-btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 8%, white)}.adm-recent-card{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius);box-shadow:var(--adm-shadow);overflow:hidden}.adm-recent-header{border-bottom:1px solid var(--adm-border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.adm-recent-header h3{color:var(--adm-text);margin:0;font-size:16px;font-weight:600}.adm-recent-count{color:var(--adm-text-muted);font-size:12px;font-weight:500}.adm-filters{border-bottom:1px solid var(--adm-border-light);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex}.adm-search-wrap{flex:1;align-items:center;min-width:180px;display:flex;position:relative}.adm-search-icon{color:var(--adm-text-muted);pointer-events:none;position:absolute;left:10px}.adm-search-input{border:1px solid var(--adm-border);border-radius:var(--adm-radius-xs);width:100%;color:var(--adm-text);background:var(--adm-surface);transition:border-color var(--adm-transition);box-sizing:border-box;outline:none;padding:7px 10px 7px 30px;font-size:13px}.adm-search-input:focus{border-color:var(--adm-blue)}.adm-search-input::placeholder{color:var(--adm-text-muted)}.adm-filter-select{border:1px solid var(--adm-border);border-radius:var(--adm-radius-xs);color:var(--adm-text);background:var(--adm-surface);cursor:pointer;outline:none;padding:7px 10px;font-size:13px}.adm-filter-select:focus{border-color:var(--adm-blue)}.adm-loading{text-align:center;color:var(--adm-text-muted);padding:48px;font-size:14px}.adm-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.adm-empty p{color:var(--adm-text);margin:16px 0 4px;font-size:15px;font-weight:600}.adm-empty span{color:var(--adm-text-muted);font-size:13px}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table thead{background:#fafafa}.adm-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--adm-text-muted);border-bottom:1px solid var(--adm-border);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}.adm-table td{border-bottom:1px solid var(--adm-border-light);color:var(--adm-text);vertical-align:middle;padding:12px 16px}.adm-table tbody tr:hover{background:#f9fafb}.adm-table tbody tr:last-child td{border-bottom:none}.adm-td-mono{color:var(--adm-text-sec);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:12px}.adm-td-name{font-weight:600}.adm-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.adm-badge--active{color:#16a34a;background:#dcfce7}.adm-badge--transferred{color:#d97706;background:#fef3c7}.adm-badge--alumni{color:var(--color-secondary);background:#ede9fe}.adm-pagination{border-top:1px solid var(--adm-border-light);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.adm-page-info{color:var(--adm-text-muted);font-size:12px}.adm-page-btns{gap:4px;display:flex}@media (width<=1280px){.adm-summary{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.adm-summary{grid-template-columns:repeat(2,1fr)}.adm-layout{grid-template-columns:1fr}}@media (width<=768px){.adm-summary{grid-template-columns:1fr 1fr}.adm-form-header,.adm-form,.adm-recent-header,.adm-filters{padding-left:16px;padding-right:16px}.adm-filters{flex-direction:column;align-items:stretch}.adm-search-wrap{min-width:auto}.adm-table thead{display:none}.adm-table,.adm-table tbody,.adm-table tr,.adm-table td{display:block}.adm-table tr{border-bottom:1px solid var(--adm-border-light);padding:12px 16px}.adm-table td{border:none;padding:2px 0}.adm-td-mono{margin-bottom:2px}.adm-td-name{margin-bottom:4px;font-size:14px}.adm-table td:last-child{margin-top:6px}.adm-pagination{padding:12px 16px}}@media (width<=480px){.adm-summary{grid-template-columns:1fr}.adm-card{padding:16px}.adm-card-icon{border-radius:10px;width:40px;height:40px}.adm-card-value{font-size:24px}.adm-card-label{font-size:12px}.adm-form-grid{grid-template-columns:1fr}.adm-field--full{grid-column:1}}:root{--stu-bg:#f8fafc;--stu-surface:#fff;--stu-border:#e5e7eb;--stu-border-light:#f1f5f9;--stu-text:#0f172a;--stu-text-sec:#64748b;--stu-text-muted:#94a3b8;--stu-blue:var(--color-primary);--stu-blue-hover:color-mix(in srgb, var(--color-primary) 80%, black);--stu-red:#ef4444;--stu-red-light:#fef2f2;--stu-green:#16a34a;--stu-green-light:#f0fdf4;--stu-purple:var(--color-secondary);--stu-purple-light:#ede9fe;--stu-amber:#f59e0b;--stu-amber-light:#fef3c7;--stu-radius:16px;--stu-radius-sm:12px;--stu-radius-xs:8px;--stu-shadow:0 1px 2px #0000000a;--stu-shadow-md:0 4px 12px #00000014;--stu-shadow-lg:0 8px 24px #0000001f;--stu-transition:.15s ease}.stu-root{max-width:100%}.stu-chips{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.stu-chip{background:var(--stu-surface);border:1px solid var(--stu-border);transition:box-shadow var(--stu-transition);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;display:flex}.stu-chip:hover{box-shadow:var(--stu-shadow-md)}.stu-chip-value{color:var(--stu-text);letter-spacing:-.3px;font-size:18px;font-weight:700}.stu-chip-label{color:var(--stu-text-muted);font-size:12px;font-weight:500}.stu-chip--active .stu-chip-value{color:var(--stu-green)}.stu-chip--transferred .stu-chip-value{color:var(--stu-amber)}.stu-chip--alumni .stu-chip-value{color:var(--stu-purple)}.stu-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stu-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.stu-toolbar-right{align-items:center;gap:8px;display:flex}.stu-search-wrap{flex:1;align-items:center;min-width:200px;max-width:320px;display:flex;position:relative}.stu-search-icon{color:var(--stu-text-muted);pointer-events:none;position:absolute;left:10px}.stu-search-input{border:1px solid var(--stu-border);border-radius:var(--stu-radius-xs);width:100%;color:var(--stu-text);background:var(--stu-surface);transition:border-color var(--stu-transition);box-sizing:border-box;outline:none;padding:7px 10px 7px 30px;font-size:13px}.stu-search-input:focus{border-color:var(--stu-blue)}.stu-search-input::placeholder{color:var(--stu-text-muted)}.stu-select{border:1px solid var(--stu-border);border-radius:var(--stu-radius-xs);color:var(--stu-text);background:var(--stu-surface);cursor:pointer;outline:none;min-width:110px;padding:7px 10px;font-size:13px}.stu-select:focus{border-color:var(--stu-blue)}.stu-btn{border-radius:var(--stu-radius-xs);cursor:pointer;height:36px;transition:all var(--stu-transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.stu-btn:focus-visible{outline:2px solid var(--stu-blue);outline-offset:2px}.stu-btn:disabled{opacity:.35;cursor:not-allowed}.stu-btn--sm{height:32px;padding:0 12px;font-size:12px}.stu-btn--xs{height:28px;padding:0 8px;font-size:11px}.stu-btn--primary{background:var(--stu-blue);color:#fff;border-color:var(--stu-blue)}.stu-btn--primary:hover:not(:disabled){background:var(--stu-blue-hover)}.stu-btn--outline{background:var(--stu-surface);color:var(--stu-text);border-color:var(--stu-border)}.stu-btn--outline:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.stu-btn--icon{background:var(--stu-surface);color:var(--stu-text-sec);border-color:var(--stu-border);padding:0 10px}.stu-btn--icon:hover:not(:disabled){color:var(--stu-text);background:#f9fafb}.stu-btn--ghost{color:var(--stu-text-sec);background:0 0;border-color:#0000}.stu-btn--ghost:hover:not(:disabled){color:var(--stu-text);background:#f1f5f9}.stu-loading{text-align:center;color:var(--stu-text-muted);padding:60px;font-size:14px}.stu-empty{text-align:center;background:var(--stu-surface);border:1px solid var(--stu-border);border-radius:var(--stu-radius);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.stu-empty p{color:var(--stu-text);margin:16px 0 4px;font-size:15px;font-weight:600}.stu-empty span{color:var(--stu-text-muted);font-size:13px}.stu-table-wrap{background:var(--stu-surface);border:1px solid var(--stu-border);border-radius:var(--stu-radius);box-shadow:var(--stu-shadow);overflow:hidden}.stu-table-scroll{overflow-x:auto}.stu-table{border-collapse:collapse;width:100%;font-size:13px}.stu-table thead{z-index:2;background:#fafafa;position:sticky;top:0}.stu-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--stu-text-muted);border-bottom:1px solid var(--stu-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.stu-table td{border-bottom:1px solid var(--stu-border-light);height:64px;color:var(--stu-text);vertical-align:middle;padding:0 16px}.stu-table tbody tr{transition:background var(--stu-transition)}.stu-table tbody tr:hover{background:#f9fafb}.stu-table tbody tr:last-child td{border-bottom:none}.stu-th--student{min-width:240px}.stu-th--class,.stu-th--stream{min-width:100px}.stu-th--parent{min-width:160px}.stu-th--status{min-width:100px}.stu-th--actions{text-align:center;width:48px}.stu-student-cell{align-items:center;gap:12px;display:flex}.stu-avatar{background:var(--stu-blue);color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.stu-avatar--sm{width:28px;height:28px;font-size:10px}.stu-avatar--lg{width:48px;height:48px;font-size:16px}.stu-student-info{flex-direction:column;min-width:0;display:flex}.stu-student-name{color:var(--stu-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.stu-student-adm{color:var(--stu-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.stu-parent-cell{flex-direction:column;display:flex}.stu-parent-name{color:var(--stu-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.stu-parent-phone{color:var(--stu-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.stu-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.stu-badge--active{color:#16a34a;background:#dcfce7}.stu-badge--transferred{color:#d97706;background:#fef3c7}.stu-badge--alumni{color:var(--color-secondary);background:#ede9fe}.stu-badge--inactive{color:#64748b;background:#f1f5f9}.stu-dd-wrap{display:inline-flex;position:relative}.stu-dd-trigger{border-radius:var(--stu-radius-xs);width:32px;height:32px;color:var(--stu-text-muted);cursor:pointer;transition:all var(--stu-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.stu-dd-trigger:hover{color:var(--stu-text);border-color:var(--stu-border);background:#f1f5f9}.stu-dd-trigger--active{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--stu-blue);border-color:#93c5fd}.stu-dd-trigger:focus-visible{outline:2px solid var(--stu-blue);outline-offset:2px}.stu-dd-menu{background:var(--stu-surface);border:1px solid var(--stu-border);border-radius:var(--stu-radius-sm);box-shadow:var(--stu-shadow-lg);z-index:50;min-width:180px;padding:4px;animation:.12s ease-out stu-dd-in;position:absolute;top:calc(100% + 4px);right:0}@keyframes stu-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stu-dd-item{border-radius:var(--stu-radius-xs);width:100%;color:var(--stu-text);cursor:pointer;text-align:left;transition:background var(--stu-transition);background:0 0;border:none;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.stu-dd-item:hover{background:#f1f5f9}.stu-dd-item:focus-visible{outline:2px solid var(--stu-blue);outline-offset:-2px}.stu-dd-item--danger{color:var(--stu-red)}.stu-dd-item--danger:hover{background:var(--stu-red-light)}.stu-dd-sep{background:var(--stu-border-light);height:1px;margin:4px 8px}.stu-pagination{border-top:1px solid var(--stu-border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stu-page-info{color:var(--stu-text-muted);font-size:12px}.stu-page-btns{gap:4px;display:flex}.stu-profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.stu-profile-identity{align-items:center;gap:16px;display:flex}.stu-profile-identity h2{color:var(--stu-text);margin:0;font-size:20px;font-weight:600}.stu-profile-identity p{color:var(--stu-text-sec);margin:2px 0 0;font-size:13px}.stu-profile-tabs{-webkit-overflow-scrolling:touch;background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.stu-profile-tabs::-webkit-scrollbar{height:0}.stu-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.stu-tab:hover{color:#334155;background:#fff9}.stu-tab--active{color:var(--color-primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.stu-card{background:var(--stu-surface);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.stu-card h4{color:var(--stu-text);margin:0 0 16px;font-size:15px;font-weight:600}.stu-info-grid{background:var(--stu-surface);border:1px solid var(--stu-border);border-radius:var(--stu-radius);box-shadow:var(--stu-shadow);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:24px;display:grid}.stu-info-item{flex-direction:column;gap:3px;display:flex}.stu-info-item label{color:var(--stu-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.stu-info-item span{color:var(--stu-text);font-size:14px}.stu-empty-text{text-align:center;color:var(--stu-text-muted);padding:24px;font-size:14px}.stu-medical-alert{border-radius:var(--stu-radius-xs);color:#dc2626;background:#fef2f2;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;font-size:13px;display:flex}.stu-medical-alert p{margin:4px 0}.stu-timeline{flex-direction:column;gap:12px;display:flex}.stu-timeline-item{align-items:flex-start;gap:12px;display:flex}.stu-timeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.stu-timeline-title{color:var(--stu-text);margin:0;font-size:13px;font-weight:500}.stu-timeline-desc{color:var(--stu-text-sec);margin:2px 0 0;font-size:12px}@media (width<=1024px){.stu-th--stream,.stu-table td:nth-child(3){display:none}}@media (width<=768px){.stu-chips{gap:8px}.stu-chip{padding:6px 12px}.stu-chip-value{font-size:16px}.stu-toolbar{flex-direction:column;align-items:stretch}.stu-toolbar-left,.stu-toolbar-right{flex-wrap:wrap;justify-content:flex-start}.stu-search-wrap{min-width:auto;max-width:none}.stu-table-wrap{box-shadow:none;background:0 0;border:none}.stu-table thead{display:none}.stu-table,.stu-table tbody,.stu-table tr,.stu-table td{display:block}.stu-table tr{background:var(--stu-surface);border:1px solid var(--stu-border);border-radius:var(--stu-radius);box-shadow:var(--stu-shadow);margin-bottom:12px;padding:16px}.stu-table td{border:none;height:auto;padding:2px 0}.stu-table td:nth-child(4){display:none}.stu-student-cell{margin-bottom:8px}.stu-student-name{font-size:14px}.stu-table td:nth-child(2){margin-right:8px;display:inline-block}.stu-table td:nth-child(5){margin-top:8px;display:inline-block}.stu-table td:last-child{position:absolute;top:16px;right:16px}.stu-table tr{position:relative}.stu-pagination{padding:12px 0}}@media (width<=480px){.stu-chips{flex-direction:column}.stu-chip{justify-content:space-between}}:root{--pg-bg:#f8fafc;--pg-surface:#fff;--pg-border:#e5e7eb;--pg-border-light:#f1f5f9;--pg-text:#0f172a;--pg-text-sec:#64748b;--pg-text-muted:#94a3b8;--pg-blue:var(--color-primary);--pg-green:#16a34a;--pg-orange:#f59e0b;--pg-red:#ef4444;--pg-purple:var(--color-secondary);--pg-radius:16px;--pg-radius-sm:12px;--pg-radius-xs:8px;--pg-shadow:0 1px 2px #0000000a;--pg-shadow-md:0 4px 12px #00000014;--pg-shadow-lg:0 12px 48px #0000002e;--pg-transition:.15s ease}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.pg-metric{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:var(--pg-shadow);transition:box-shadow var(--pg-transition);align-items:center;gap:14px;padding:20px;display:flex}.pg-metric:hover{box-shadow:var(--pg-shadow-md)}.pg-metric-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pg-metric-content{flex-direction:column;min-width:0;display:flex}.pg-metric-value{letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:1.1}.pg-metric-label{color:var(--pg-text-sec);margin-top:2px;font-size:12px}.pg-toolbar{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:var(--pg-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.pg-toolbar-left{flex:1;align-items:center;gap:8px;min-width:220px;display:flex}.pg-search-wrap{align-items:center;width:100%;max-width:380px;display:flex;position:relative}.pg-search-icon{color:var(--pg-text-muted);pointer-events:none;position:absolute;left:12px}.pg-search-input{border:1px solid var(--pg-border);border-radius:var(--pg-radius-xs);width:100%;color:var(--pg-text);background:var(--pg-bg);transition:border-color var(--pg-transition);box-sizing:border-box;outline:none;padding:9px 34px 9px 36px;font-size:13px}.pg-search-input:focus{border-color:var(--pg-blue)}.pg-search-input::placeholder{color:var(--pg-text-muted)}.pg-search-clear{width:22px;height:22px;color:var(--pg-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.pg-search-clear:hover{color:var(--pg-text);background:#f1f5f9}.pg-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pg-select{border:1px solid var(--pg-border);border-radius:var(--pg-radius-xs);color:var(--pg-text);background:var(--pg-surface);cursor:pointer;outline:none;min-width:120px;padding:7px 10px;font-size:13px}.pg-select:focus{border-color:var(--pg-blue)}.pg-btn{border-radius:var(--pg-radius-xs);cursor:pointer;height:36px;transition:all var(--pg-transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.pg-btn--xs{height:30px;padding:0 10px;font-size:12px}.pg-btn--icon:hover:not(:disabled){color:var(--pg-text);background:#f9fafb;border-color:#cbd5e1}.pg-btn--active{background:var(--pg-blue);color:#fff;border-color:var(--pg-blue)}.pg-btn--active:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 80%, black)}.pg-table{border-collapse:collapse;width:100%;font-size:13px}.pg-table thead{background:#fafafa}.pg-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--pg-text-muted);border-bottom:1px solid var(--pg-border);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:600}.pg-table td{border-bottom:1px solid var(--pg-border-light);color:var(--pg-text);vertical-align:middle;padding:12px 16px}.pg-table tbody tr:hover{background:#f9fafb}.pg-table tbody tr:last-child td{border-bottom:none}.pg-th--parent{min-width:220px}.pg-th--contact{min-width:200px}.pg-th--students{min-width:180px}.pg-th--rel{width:110px}.pg-th--status{width:130px}.pg-th--actions{width:48px}.pg-parent-cell{align-items:center;gap:12px;display:flex}.pg-avatar{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.pg-parent-info{flex-direction:column;min-width:0;display:flex}.pg-parent-name{color:var(--pg-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pg-parent-code{color:var(--pg-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.pg-contact-cell{flex-direction:column;gap:3px;display:flex}.pg-contact-phone{color:var(--pg-text);align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.pg-contact-phone:hover{color:var(--pg-blue)}.pg-contact-wa{align-items:center;line-height:0;display:inline-flex}.pg-contact-email{color:var(--pg-blue);font-size:12px;text-decoration:none}.pg-contact-email:hover{text-decoration:underline}.pg-contact-missing{color:var(--pg-text-muted);font-size:12px;font-style:italic}.pg-chips{flex-wrap:wrap;gap:4px;display:flex}.pg-chip{color:var(--pg-text-sec);white-space:nowrap;background:#f1f5f9;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.pg-chip--more{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--pg-blue);font-weight:600}.pg-rel-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 12px;font-size:11px;font-weight:600;display:inline-flex}.pg-rel--father{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.pg-rel--mother{color:#db2777;background:#fdf2f8}.pg-rel--guardian{color:var(--color-secondary);background:#f5f3ff}.pg-rel--sponsor{color:#0891b2;background:#ecfeff}.pg-rel--relative{color:#d97706;background:#fff7ed}.pg-rel--other{color:var(--pg-text-sec);background:#f1f5f9}.pg-status-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 12px;font-size:11px;font-weight:600;display:inline-flex}.pg-status--active{color:#16a34a;background:#dcfce7}.pg-status--missing{color:#d97706;background:#fef3c7}.pg-status--inactive{color:#64748b;background:#f1f5f9}.pg-status--duplicate{color:#dc2626;background:#fee2e2}.pg-status--unverified{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.pg-action-btn{border-radius:var(--pg-radius-xs);width:32px;height:32px;color:var(--pg-text-muted);cursor:pointer;transition:all var(--pg-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.pg-action-btn:hover{color:var(--pg-text);border-color:var(--pg-border);background:#f1f5f9}.pg-pagination{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.pg-page-info{color:var(--pg-text-muted);font-size:12px}.pg-page-btns{gap:4px;display:flex}.pg-empty{text-align:center;background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:var(--pg-shadow);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.pg-empty-title{color:var(--pg-text);margin:16px 0 4px;font-size:16px;font-weight:600}.pg-empty-sub{color:var(--pg-text-muted);max-width:400px;margin:0 0 20px;font-size:13px}.pg-float-panel{z-index:9999;background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);width:300px;max-width:calc(100vw - 32px);box-shadow:var(--pg-shadow-lg);animation:.18s ease-out pg-float-in;position:fixed;overflow:hidden}@keyframes pg-float-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pg-float-class{color:var(--pg-text-sec);font-size:11px}.pg-float-item--danger{color:var(--pg-red)}.pg-float-item--danger:hover:not(:disabled){background:#fef2f2}.pg-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#00000059;justify-content:flex-end;animation:.15s ease-out pg-drawer-fade;display:flex;position:fixed;inset:0}@keyframes pg-drawer-fade{0%{opacity:0}to{opacity:1}}.pg-drawer{background:var(--pg-surface);flex-direction:column;width:480px;max-width:100vw;height:100vh;animation:.25s ease-out pg-drawer-slide;display:flex;box-shadow:-8px 0 40px #0000001a}@keyframes pg-drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.pg-drawer-header{border-bottom:1px solid var(--pg-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pg-drawer-header h3{color:var(--pg-text);margin:0;font-size:16px;font-weight:600}.pg-drawer-close{border-radius:var(--pg-radius-xs);width:32px;height:32px;color:var(--pg-text-muted);cursor:pointer;transition:all var(--pg-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pg-drawer-close:hover{color:var(--pg-text);background:#f1f5f9}.pg-drawer-body{flex:1;padding:24px;overflow-y:auto}.pg-drawer-profile{border-bottom:1px solid var(--pg-border-light);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.pg-drawer-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex}.pg-drawer-profile h4{color:var(--pg-text);margin:0;font-size:18px;font-weight:600}.pg-drawer-id{color:var(--pg-text-muted);margin:2px 0 0;font-size:12px}.pg-drawer-section{margin-bottom:24px}.pg-drawer-section h5{color:var(--pg-text);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.pg-drawer-contact{flex-direction:column;gap:8px;display:flex}.pg-drawer-link{color:var(--pg-blue);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.pg-drawer-link:hover{text-decoration:underline}.pg-drawer-missing{color:var(--pg-orange);align-items:center;gap:6px;font-size:12px;font-style:italic;display:inline-flex}.pg-drawer-students{flex-direction:column;gap:10px;display:flex}.pg-drawer-student{border:1px solid var(--pg-border-light);border-radius:var(--pg-radius-sm);background:#fafafa;align-items:center;gap:12px;padding:12px;display:flex}.pg-drawer-student-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:600;display:flex}.pg-drawer-student-info{flex:1;min-width:0}.pg-drawer-student-name{color:var(--pg-text);font-size:13px;font-weight:600;display:block}.pg-drawer-student-class{color:var(--pg-text-muted);font-size:11px;display:block}.pg-drawer-student-balance{text-align:right;flex-shrink:0}.pg-drawer-balance-label{color:var(--pg-text-muted);text-transform:uppercase;font-size:10px;display:block}.pg-drawer-balance-value{font-size:13px;font-weight:700}.pg-drawer-balance--due{color:var(--pg-red)}.pg-drawer-balance--clear{color:var(--pg-green)}.pg-drawer-status-list{flex-direction:column;gap:8px;display:flex}.pg-drawer-status-item{border-radius:var(--pg-radius-xs);background:#fafafa;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pg-drawer-status-label{color:var(--pg-text-sec);font-size:12px;font-weight:600}.pg-drawer-status-value{font-size:12px;font-weight:500}.pg-status--ok{color:var(--pg-green)}.pg-status--missing{color:var(--pg-orange)}.pg-drawer-empty{color:var(--pg-text-muted);margin:0;padding:12px 0;font-size:13px}@media (width<=1024px){.pg-metrics{grid-template-columns:repeat(2,1fr)}.pg-th--rel,.pg-table td:nth-child(4){display:none}}@media (width<=768px){.pg-metrics{grid-template-columns:1fr 1fr;gap:10px}.pg-toolbar{flex-direction:column;align-items:stretch;padding:12px}.pg-toolbar-left{min-width:0}.pg-search-wrap{max-width:none}.pg-toolbar-right{flex-wrap:wrap;justify-content:flex-end}.pg-table thead{display:none}.pg-table,.pg-table tbody,.pg-table tr,.pg-table td{display:block}.pg-table tr{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius-sm);box-shadow:var(--pg-shadow);margin-bottom:12px;padding:16px;position:relative}.pg-table td{border:none;height:auto;padding:3px 0}.pg-table td:first-child{margin-bottom:8px}.pg-table td:last-child{position:absolute;top:16px;right:16px}.pg-parent-name{font-size:14px}.pg-contact-phone{font-size:12px}.pg-contact-email{font-size:11px}.pg-drawer{width:100vw}.pg-pagination{flex-direction:column;align-items:center;gap:8px}}@media (width<=480px){.pg-metrics{grid-template-columns:1fr}.pg-toolbar-right{justify-content:stretch}.pg-toolbar-right .pg-select{flex:1;min-width:0}}.reg-transfers{padding:0}.reg-transfers .reg-card{padding:20px}.reg-transfers .reg-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.reg-transfers .reg-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reg-transfers .reg-form-field{flex-direction:column;gap:5px;display:flex}.reg-transfers .reg-form-field.full{grid-column:1/-1}.reg-transfers .reg-form-field label{color:#374151;font-size:13px;font-weight:500}.reg-transfers .reg-form-field input,.reg-transfers .reg-form-field select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:14px}.reg-transfers .reg-form-field input:focus,.reg-transfers .reg-form-field select:focus{border-color:var(--color-primary)}.reg-transfers .reg-form-field input:disabled{color:#94a3b8;background:#f8fafc}.reg-transfers .reg-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}@media (width<=768px){.reg-transfers .reg-form-grid{grid-template-columns:1fr}.reg-transfers .reg-card{padding:16px}.reg-transfers .reg-form-actions{flex-direction:column}.reg-transfers .reg-form-actions button{justify-content:center;min-height:44px}}:root{--pg-bg:#f8fafc;--pg-surface:#fff;--pg-border:#e5e7eb;--pg-border-light:#f1f5f9;--pg-text:#0f172a;--pg-text-sec:#64748b;--pg-text-muted:#94a3b8;--pg-blue:var(--color-primary);--pg-blue-hover:color-mix(in srgb, var(--color-primary) 80%, black);--pg-red:#ef4444;--pg-red-light:#fef2f2;--pg-red-border:#fca5a5;--pg-green:#16a34a;--pg-green-light:#f0fdf4;--pg-purple:var(--color-secondary);--pg-amber:#f59e0b;--pg-radius:16px;--pg-radius-sm:12px;--pg-radius-xs:8px;--pg-shadow:0 1px 2px #0000000a;--pg-shadow-md:0 4px 12px #00000014;--pg-shadow-lg:0 8px 24px #0000001f;--pg-transition:.15s ease;--pg-page-px:32px}.pg-root{max-width:100%}.pg-loading{color:var(--pg-text-sec);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.pg-spinner{border:2px solid var(--pg-border);border-top-color:var(--pg-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite pg-spin}.pg-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px;display:grid}.pg-card{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);transition:box-shadow var(--pg-transition);align-items:center;gap:16px;padding:24px;display:flex}.pg-card:hover{box-shadow:var(--pg-shadow-md)}.pg-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pg-card-content{flex-direction:column;min-width:0;display:flex}.pg-card-value{color:var(--pg-text);letter-spacing:-.5px;font-size:32px;font-weight:700;line-height:1.1}.pg-card-label{color:var(--pg-text-sec);margin-top:2px;font-size:13px}.pg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 0;display:flex}.pg-toolbar-left,.pg-toolbar-right{align-items:center;gap:8px;display:flex}.pg-toolbar-count{color:var(--pg-text-sec);font-size:13px;font-weight:500}.pg-toolbar-divider{background:var(--pg-border);width:1px;height:20px;margin:0 4px}.pg-alert{border-radius:var(--pg-radius-xs);align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.pg-alert--success{background:var(--pg-green-light);color:var(--pg-green);border:1px solid #bbf7d0}.pg-alert--error{background:var(--pg-red-light);color:var(--pg-red);border:1px solid #fecaca}.pg-btn{border-radius:var(--pg-radius-xs);cursor:pointer;height:36px;transition:all var(--pg-transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.pg-btn:focus-visible{outline:2px solid var(--pg-blue);outline-offset:2px}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-btn--sm{height:32px;padding:0 12px;font-size:12px}.pg-btn--primary{background:var(--pg-blue);color:#fff;border-color:var(--pg-blue)}.pg-btn--primary:hover:not(:disabled){background:var(--pg-blue-hover)}.pg-btn--promote{background:var(--pg-blue);color:#fff;border-color:var(--pg-blue)}.pg-btn--promote:hover:not(:disabled){background:var(--pg-blue-hover)}.pg-btn--demote{background:var(--pg-surface);color:var(--pg-red);border-color:var(--pg-border)}.pg-btn--demote:hover:not(:disabled){background:var(--pg-red-light);border-color:var(--pg-red-border)}.pg-btn--outline{background:var(--pg-surface);color:var(--pg-text);border-color:var(--pg-border)}.pg-btn--outline:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.pg-btn--icon{background:var(--pg-surface);color:var(--pg-text-sec);border-color:var(--pg-border);padding:0 10px}.pg-btn--icon:hover:not(:disabled){color:var(--pg-text);background:#f9fafb}.pg-btn--ghost{color:var(--pg-text-sec);background:0 0;border-color:#0000}.pg-btn--ghost:hover:not(:disabled){color:var(--pg-text);background:#f1f5f9}.pg-table-wrap{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:var(--pg-shadow);overflow:hidden}.pg-col-header{border-bottom:1px solid var(--pg-border);text-transform:uppercase;letter-spacing:.04em;height:48px;color:var(--pg-text-muted);background:#fafafa;grid-template-columns:48px 160px 1fr 120px 140px;align-items:center;padding:0 20px;font-size:11px;font-weight:600;display:grid}.pg-col-header-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-col--checkbox{justify-content:center;align-items:center;display:flex}.pg-col--actions{text-align:right}.pg-section{border-bottom:1px solid var(--pg-border-light);cursor:pointer;height:56px;transition:background var(--pg-transition);-webkit-user-select:none;user-select:none;background:#fafafa;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.pg-section:hover{background:#f1f5f9}.pg-section:focus-visible{outline:2px solid var(--pg-blue);outline-offset:-2px;border-radius:4px}.pg-section--open{background:#f1f5f9}.pg-section-left{align-items:center;gap:12px;display:flex}.pg-chevron{width:20px;height:20px;color:var(--pg-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.pg-chevron--open{transform:rotate(90deg)}.pg-section-name{color:var(--pg-text);font-size:14px;font-weight:600}.pg-section-count{color:var(--pg-text-muted);font-size:12px;font-weight:400}.pg-section-actions{flex-shrink:0;gap:6px;display:flex}.pg-checkbox{width:16px;height:16px;accent-color:var(--pg-blue);cursor:pointer;border-radius:4px;flex-shrink:0}.pg-group-body{border-top:1px solid var(--pg-border-light)}.pg-row{border-bottom:1px solid var(--pg-border-light);height:56px;transition:background var(--pg-transition);grid-template-columns:48px 160px 1fr 120px 140px;align-items:center;padding:0 20px;display:grid}.pg-row:last-child{border-bottom:none}.pg-row:hover{background:#f9fafb}.pg-row-checkbox{justify-content:center;align-items:center;display:flex}.pg-row-adm{color:var(--pg-text-sec);text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:12px;font-weight:500;overflow:hidden}.pg-row-name{color:var(--pg-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.pg-row-stream{color:var(--pg-text-sec);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.pg-row-actions{justify-content:flex-end;display:flex}.pg-action-btn{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius-xs);height:32px;color:var(--pg-text-sec);cursor:pointer;transition:all var(--pg-transition);white-space:nowrap;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.pg-action-btn:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.pg-action-btn:disabled{opacity:.35;cursor:not-allowed}.pg-action-btn:focus-visible{outline:2px solid var(--pg-blue);outline-offset:2px}.pg-bulk-bar{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:var(--pg-shadow-lg);z-index:90;align-items:center;gap:16px;min-width:320px;max-width:600px;padding:12px 20px;animation:.2s ease-out pg-bulk-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes pg-bulk-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pg-bulk-count{color:var(--pg-text-sec);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:500}.pg-bulk-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.pg-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.15s ease-out pg-fade;display:flex;position:fixed;inset:0}@keyframes pg-fade{0%{opacity:0}to{opacity:1}}.pg-modal{background:var(--pg-surface);border-radius:var(--pg-radius);width:420px;max-width:90vw;animation:.2s ease-out pg-modal-in;box-shadow:0 20px 60px #00000026}@keyframes pg-modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pg-modal-head{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.pg-modal-head h3{color:var(--pg-text);margin:0;font-size:16px;font-weight:600}.pg-modal-close{border-radius:var(--pg-radius-xs);width:28px;height:28px;color:var(--pg-text-muted);cursor:pointer;transition:all var(--pg-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pg-modal-close:hover{color:var(--pg-text-sec);background:#f1f5f9}.pg-modal-body{color:var(--pg-text-sec);padding:12px 24px 0;font-size:13px;line-height:1.5}.pg-modal-foot{justify-content:flex-end;gap:8px;padding:20px 24px;display:flex}.pg-overlay{z-index:9998;position:fixed;inset:0}.pg-float-panel{z-index:9999;background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);width:320px;animation:.18s ease-out pg-float-in;position:fixed;overflow:hidden;box-shadow:0 12px 48px #0000002e}.pg-float-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--pg-border-light);background:#fafafa;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pg-float-header:active{cursor:grabbing}.pg-float-header-info{align-items:center;gap:10px;min-width:0;display:flex}.pg-float-grip{color:var(--pg-text-muted);flex-shrink:0}.pg-float-header-info>div{flex-direction:column;min-width:0;display:flex}.pg-float-name{color:var(--pg-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.pg-float-class{color:var(--pg-text-sec);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pg-float-close{border-radius:var(--pg-radius-xs);width:28px;height:28px;color:var(--pg-text-muted);cursor:pointer;transition:all var(--pg-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pg-float-close:hover{color:var(--pg-text-sec);background:#f1f5f9}.pg-float-body{max-height:80vh;padding:8px;overflow-y:auto}.pg-float-item{border-radius:var(--pg-radius-xs);width:100%;color:var(--pg-text);cursor:pointer;text-align:left;transition:background var(--pg-transition);background:0 0;border:none;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.pg-float-item:hover:not(:disabled){background:#f1f5f9}.pg-float-item:disabled{opacity:.35;cursor:not-allowed}.pg-float-item:focus-visible{outline:2px solid var(--pg-blue);outline-offset:-2px}.pg-float-item--promote{color:var(--pg-green)}.pg-float-item--promote:hover:not(:disabled){background:var(--pg-green-light)}.pg-float-item--demote{color:var(--pg-red)}.pg-float-item--demote:hover:not(:disabled){background:var(--pg-red-light)}.pg-float-item--graduate{color:var(--pg-purple)}.pg-float-item--graduate:hover:not(:disabled){background:#f5f3ff}.pg-float-muted{color:var(--pg-text-muted)}.pg-float-sep{background:var(--pg-border-light);height:1px;margin:4px 8px}.pg-empty{text-align:center;background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:var(--pg-radius);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.pg-empty p{color:var(--pg-text);margin:16px 0 4px;font-size:15px;font-weight:600}.pg-empty span{color:var(--pg-text-muted);font-size:13px}@media (width<=1280px){.pg-summary{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.pg-summary{grid-template-columns:repeat(2,1fr)}.pg-col-header,.pg-row{grid-template-columns:48px 120px 1fr 100px 120px}}@media (width<=768px){:root{--pg-page-px:16px}.pg-summary{grid-template-columns:1fr 1fr}.pg-toolbar{flex-direction:column;align-items:stretch;gap:8px}.pg-toolbar-left,.pg-toolbar-right{flex-wrap:wrap;justify-content:flex-start}.pg-col-header{display:none}.pg-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px;height:auto;padding:12px 16px}.pg-row-checkbox{grid-area:1/1/3}.pg-row-adm{grid-area:1/2;font-size:11px}.pg-row-name{grid-area:2/2;font-size:13px}.pg-row-stream{display:none}.pg-row-actions{grid-area:3/2;justify-content:flex-start;margin-top:4px}.pg-action-label{display:none}.pg-section{height:48px;padding:0 16px}.pg-section-actions{gap:4px}.pg-bulk-bar{flex-wrap:wrap;justify-content:center;min-width:auto;left:16px;right:16px;transform:none}@keyframes pg-bulk-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (width<=480px){.pg-summary{grid-template-columns:1fr}.pg-card{padding:16px}.pg-card-icon{border-radius:10px;width:40px;height:40px}.pg-card-value{font-size:24px}.pg-card-label{font-size:12px}.pg-toolbar-right{flex-wrap:wrap}.pg-bulk-actions{flex-wrap:wrap;justify-content:center}}:root{--dc-bg:#f8fafc;--dc-surface:#fff;--dc-border:#e5e7eb;--dc-border-light:#f1f5f9;--dc-text:#0f172a;--dc-text-sec:#64748b;--dc-text-muted:#94a3b8;--dc-blue:#2563eb;--dc-blue-hover:#1d4ed8;--dc-red:#ef4444;--dc-red-light:#fef2f2;--dc-green:#16a34a;--dc-green-light:#f0fdf4;--dc-purple:#7c3aed;--dc-orange:#f97316;--dc-amber:#f59e0b;--dc-radius:16px;--dc-radius-sm:12px;--dc-radius-xs:8px;--dc-shadow:0 1px 2px #0000000a;--dc-shadow-md:0 4px 12px #00000014;--dc-shadow-lg:0 8px 24px #0000001f;--dc-shadow-xl:0 20px 60px #00000026;--dc-transition:.15s ease}.dc-root{max-width:100%}.dc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dc-header h2{color:var(--dc-text);margin:0;font-size:20px;font-weight:600}.dc-desc{color:var(--dc-text-muted);margin:2px 0 0;font-size:13px}.dc-header-right{align-items:center;gap:8px;display:flex}.dc-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.dc-kpi{background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius);transition:box-shadow var(--dc-transition);align-items:center;gap:14px;padding:20px;display:flex}.dc-kpi:hover{box-shadow:var(--dc-shadow-md)}.dc-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dc-kpi-content{flex-direction:column;display:flex}.dc-kpi-value{letter-spacing:-.3px;margin:0;font-size:28px;font-weight:700;line-height:1.1}.dc-kpi-label{color:var(--dc-text-sec);margin:2px 0 0;font-size:13px}.dc-toolbar{background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.dc-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.dc-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.dc-count{color:var(--dc-text-muted);white-space:nowrap;font-size:13px}.dc-toolbar-divider{background:var(--dc-border);width:1px;height:28px;margin:0 4px}.dc-search{flex:1;align-items:center;min-width:180px;max-width:260px;display:flex;position:relative}.dc-search-icon{pointer-events:none;position:absolute;left:10px}.dc-search-input{border:1px solid var(--dc-border);border-radius:var(--dc-radius-xs);width:100%;color:var(--dc-text);background:var(--dc-surface);transition:border-color var(--dc-transition);box-sizing:border-box;outline:none;padding:8px 10px 8px 30px;font-size:13px}.dc-search-input:focus{border-color:var(--dc-blue)}.dc-search-input::placeholder{color:var(--dc-text-muted)}.dc-select{border:1px solid var(--dc-border);border-radius:var(--dc-radius-xs);color:var(--dc-text);background:var(--dc-surface);cursor:pointer;outline:none;min-width:180px;padding:8px 10px;font-size:13px}.dc-select:focus{border-color:var(--dc-blue)}.dc-checkbox{width:16px;height:16px;accent-color:var(--dc-blue);cursor:pointer;flex-shrink:0}.dc-btn{border-radius:var(--dc-radius-xs);cursor:pointer;height:36px;transition:all var(--dc-transition);white-space:nowrap;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.dc-btn:focus-visible{outline:2px solid var(--dc-blue);outline-offset:2px}.dc-btn:disabled{opacity:.35;cursor:not-allowed}.dc-btn--sm{height:32px;padding:0 12px;font-size:12px}.dc-btn--xs{height:28px;padding:0 8px;font-size:11px}.dc-btn--primary{background:var(--dc-blue);color:#fff;border-color:var(--dc-blue)}.dc-btn--primary:hover:not(:disabled){background:var(--dc-blue-hover)}.dc-btn--outline{background:var(--dc-surface);color:var(--dc-text);border-color:var(--dc-border)}.dc-btn--outline:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.dc-btn--ghost{color:var(--dc-text-sec);background:0 0;border-color:#0000}.dc-btn--ghost:hover:not(:disabled){color:var(--dc-text);background:#f1f5f9}.dc-btn--page-active{background:var(--dc-blue);color:#fff;border-color:var(--dc-blue)}.dc-loading{color:var(--dc-text-sec);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.dc-spinner{border:2px solid var(--dc-border);border-top-color:var(--dc-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite dc-spin}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-empty{text-align:center;background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.dc-empty p{color:var(--dc-text);margin:16px 0 4px;font-size:15px;font-weight:600}.dc-empty span{color:var(--dc-text-muted);font-size:13px}.dc-table-wrap{background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow);overflow:hidden}.dc-table-scroll{overflow-x:auto}.dc-table{border-collapse:collapse;width:100%;font-size:13px}.dc-table thead{z-index:2;background:#fafafa;position:sticky;top:0}.dc-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--dc-text-muted);border-bottom:1px solid var(--dc-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.dc-table td{border-bottom:1px solid var(--dc-border-light);vertical-align:middle;height:64px;padding:0 16px}.dc-table tbody tr{transition:background var(--dc-transition)}.dc-table tbody tr:hover{background:#f9fafb}.dc-table tbody tr:last-child td{border-bottom:none}.dc-th--checkbox{text-align:center;width:48px}.dc-table th:first-child,.dc-table td:first-child{text-align:center}.dc-th--student{min-width:220px}.dc-th--class{min-width:90px}.dc-th--stream{min-width:70px}.dc-th--parent{min-width:160px}.dc-th--status{min-width:130px}.dc-th--actions{width:48px}.dc-student{align-items:center;gap:10px;display:flex}.dc-avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.dc-student-info{flex-direction:column;min-width:0;display:flex}.dc-student-name{color:var(--dc-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dc-student-adm{color:var(--dc-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.dc-parent{flex-direction:column;display:flex}.dc-parent-name{color:var(--dc-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dc-parent-phone{color:var(--dc-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.dc-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.dc-badge--empty{color:#64748b;background:#f1f5f9}.dc-badge--generated{color:#16a34a;background:#dcfce7}.dc-badge--pending{color:#f97316;background:#fff3e0}.dc-badge--signed{color:#2563eb;background:#eff6ff}.dc-badge--rejected{color:#ef4444;background:#fee2e2}.dc-dd{display:inline-flex;position:relative}.dc-dd-trigger{border-radius:var(--dc-radius-xs);width:32px;height:32px;color:var(--dc-text-muted);cursor:pointer;transition:all var(--dc-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.dc-dd-trigger:hover{color:var(--dc-text);border-color:var(--dc-border);background:#f1f5f9}.dc-dd-trigger--active{color:var(--dc-blue);background:#eff6ff;border-color:#93c5fd}.dc-dd-menu{background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius-sm);box-shadow:var(--dc-shadow-lg);z-index:50;min-width:200px;padding:4px;animation:.12s ease-out dc-dd-in;position:absolute;top:calc(100% + 4px);right:0}@keyframes dc-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dc-dd-item{border-radius:var(--dc-radius-xs);width:100%;color:var(--dc-text);cursor:pointer;text-align:left;transition:background var(--dc-transition);box-sizing:border-box;background:0 0;border:none;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.dc-dd-item:hover{background:#f1f5f9}.dc-dd-item--danger{color:var(--dc-red)}.dc-dd-item--danger:hover{background:var(--dc-red-light)}.dc-dd-sep{background:var(--dc-border-light);height:1px;margin:4px 8px}.dc-bulk{border-bottom:1px solid var(--dc-border);background:#fafafa;align-items:center;gap:16px;padding:12px 20px;display:flex}.dc-bulk-count{color:var(--dc-text);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.dc-bulk-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.dc-pagination{border-top:1px solid var(--dc-border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dc-page-info{color:var(--dc-text-muted);font-size:12px}.dc-page-btns{gap:4px;display:flex}.dc-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dc-modal{background:var(--dc-surface);border-radius:var(--dc-radius);width:440px;max-width:90vw;box-shadow:var(--dc-shadow-xl);animation:.2s ease-out dc-modal-in}.dc-modal--wide{width:auto;min-width:800px;max-width:90vw}@keyframes dc-modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dc-modal-head{justify-content:space-between;align-items:center;gap:24px;padding:20px 24px 0;display:flex}.dc-modal-head h3{color:var(--dc-text);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.dc-modal-close{border-radius:var(--dc-radius-xs);width:28px;height:28px;color:var(--dc-text-muted);cursor:pointer;transition:all var(--dc-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dc-modal-close:hover{color:var(--dc-text-sec);background:#f1f5f9}.dc-doc-preview{background:#e2e8f0;max-height:70vh;margin:12px 24px;padding:16px;overflow:auto}.dc-doc-viewer{max-width:800px;box-shadow:var(--dc-shadow-lg);margin:0 auto;overflow:auto}.dc-modal-foot{border-top:1px solid var(--dc-border-light);justify-content:flex-end;gap:8px;margin-left:24px;margin-right:24px;padding:16px 24px 20px;display:flex}@media (width<=1280px){.dc-th--stream,.dc-table td:nth-child(4){display:none}}@media (width<=1024px){.dc-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dc-header{flex-direction:column;align-items:stretch}.dc-header-right{justify-content:flex-start}.dc-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dc-kpi{padding:14px}.dc-kpi-icon{border-radius:10px;width:36px;height:36px}.dc-kpi-value{font-size:22px}.dc-toolbar{flex-direction:column;align-items:stretch}.dc-toolbar-left{justify-content:flex-start}.dc-search{max-width:none}.dc-select{flex:1;min-width:auto}.dc-table-wrap{box-shadow:none;background:0 0;border:none;border-radius:0}.dc-table thead{display:none}.dc-table,.dc-table tbody,.dc-table tr,.dc-table td{display:block}.dc-table tr{background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow);margin-bottom:12px;padding:16px;position:relative}.dc-table td{border:none;height:auto;padding:2px 0}.dc-table td:first-child{position:absolute;top:16px;left:16px}.dc-student{margin-bottom:8px}.dc-table td:nth-child(3),.dc-table td:nth-child(4){margin-right:8px;font-size:12px;display:inline-block}.dc-table td:nth-child(5){margin-top:4px}.dc-table td:nth-child(6){margin-top:8px}.dc-table td:last-child{position:absolute;top:16px;right:16px}.dc-pagination{flex-wrap:wrap;gap:8px;padding:12px 0}.dc-modal--wide{width:90vw;min-width:auto;margin:10px}.dc-doc-preview{margin:8px 16px}.dc-modal-foot{margin-left:16px;margin-right:16px}}@media (width<=480px){.dc-header-right,.dc-toolbar-left{flex-direction:column}.dc-toolbar-divider{display:none}.dc-select{width:100%}.dc-kpi-grid{grid-template-columns:1fr}.dc-bulk{flex-direction:column;gap:8px}.dc-bulk-actions{flex-wrap:wrap;justify-content:center;margin:0}}:root{--aa-bg:#f8fafc;--aa-surface:#fff;--aa-border:#e5e7eb;--aa-border-light:#f1f5f9;--aa-text:#0f172a;--aa-text-sec:#64748b;--aa-text-muted:#94a3b8;--aa-blue:var(--color-primary);--aa-purple:var(--color-secondary);--aa-orange:#f59e0b;--aa-green:#16a34a;--aa-red:#ef4444;--aa-gray:#64748b;--aa-radius:16px;--aa-radius-sm:12px;--aa-radius-xs:8px;--aa-shadow:0 1px 2px #0000000a;--aa-shadow-md:0 4px 12px #00000014;--aa-shadow-lg:0 8px 24px #0000001f;--aa-transition:.15s ease}.aa-root{max-width:100%}.aa-loading{color:var(--aa-text-sec);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.aa-spinner{border:2px solid var(--aa-border);border-top-color:var(--aa-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite aa-spin}@keyframes aa-spin{to{transform:rotate(360deg)}}.aa-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.aa-metric{background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius);box-shadow:var(--aa-shadow);transition:box-shadow var(--aa-transition);align-items:center;gap:14px;padding:20px;display:flex}.aa-metric:hover{box-shadow:var(--aa-shadow-md)}.aa-metric-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.aa-metric-content{flex-direction:column;min-width:0;display:flex}.aa-metric-value{letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:1.1}.aa-metric-label{color:var(--aa-text-sec);margin-top:2px;font-size:12px}.aa-tabs{background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius-sm);width:fit-content;box-shadow:var(--aa-shadow);gap:4px;margin-bottom:20px;padding:4px;display:flex}.aa-tab{color:var(--aa-text-sec);cursor:pointer;transition:all var(--aa-transition);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;display:inline-flex}.aa-tab:hover{color:var(--aa-text);background:#f1f5f9}.aa-tab--active{box-shadow:0 1px 3px #2563eb4d;background:var(--aa-blue)!important;color:#fff!important}.aa-tab-count{background:#00000014;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.aa-tab--active .aa-tab-count{background:#fff3}.aa-toolbar{background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius);box-shadow:var(--aa-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.aa-toolbar-left{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.aa-search-wrap{align-items:center;width:100%;max-width:360px;display:flex;position:relative}.aa-search-icon{color:var(--aa-text-muted);pointer-events:none;position:absolute;left:12px}.aa-search-input{border:1px solid var(--aa-border);border-radius:var(--aa-radius-xs);width:100%;color:var(--aa-text);background:var(--aa-bg);transition:border-color var(--aa-transition);box-sizing:border-box;outline:none;padding:9px 34px 9px 36px;font-size:13px}.aa-search-input:focus{border-color:var(--aa-blue)}.aa-search-input::placeholder{color:var(--aa-text-muted)}.aa-search-clear{width:22px;height:22px;color:var(--aa-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.aa-search-clear:hover{color:var(--aa-text);background:#f1f5f9}.aa-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.aa-select{border:1px solid var(--aa-border);border-radius:var(--aa-radius-xs);color:var(--aa-text);background:var(--aa-surface);cursor:pointer;outline:none;min-width:110px;padding:7px 10px;font-size:13px}.aa-select:focus{border-color:var(--aa-blue)}.aa-btn{border-radius:var(--aa-radius-xs);cursor:pointer;height:36px;transition:all var(--aa-transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.aa-btn:focus-visible{outline:2px solid var(--aa-blue);outline-offset:2px}.aa-btn:disabled{opacity:.35;cursor:not-allowed}.aa-btn--xs{height:30px;padding:0 10px;font-size:12px}.aa-btn--icon{background:var(--aa-surface);color:var(--aa-text-sec);border-color:var(--aa-border);padding:0 10px}.aa-btn--icon:hover:not(:disabled){color:var(--aa-text);background:#f9fafb;border-color:#cbd5e1}.aa-btn--outline{background:var(--aa-surface);color:var(--aa-text);border-color:var(--aa-border)}.aa-btn--outline:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1}.aa-btn--active{background:var(--aa-blue);color:#fff;border-color:var(--aa-blue)}.aa-btn--active:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 80%, black)}.aa-table-wrap{background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius);box-shadow:var(--aa-shadow);overflow:hidden}.aa-table{border-collapse:collapse;width:100%;font-size:13px}.aa-table thead{background:#fafafa}.aa-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--aa-text-muted);border-bottom:1px solid var(--aa-border);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:600}.aa-table td{border-bottom:1px solid var(--aa-border-light);color:var(--aa-text);vertical-align:middle;padding:12px 16px}.aa-table tbody tr:hover{background:#f9fafb}.aa-table tbody tr:last-child td{border-bottom:none}.aa-th--student{min-width:220px}.aa-th--class,.aa-th--stream{width:100px}.aa-th--status{width:110px}.aa-th--date{width:120px}.aa-th--actions{width:48px}.aa-student-cell{align-items:center;gap:12px;display:flex}.aa-avatar{color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.aa-student-info{flex-direction:column;min-width:0;display:flex}.aa-student-name{color:var(--aa-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.aa-student-adm{color:var(--aa-text-muted);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:11px}.aa-cell-class,.aa-cell-stream{color:var(--aa-text-sec);font-size:13px}.aa-cell-date{color:var(--aa-text-muted);font-size:12px}.aa-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.aa-badge--alumni{color:var(--color-secondary);background:#f5f3ff}.aa-badge--archived{color:#64748b;background:#f1f5f9}.aa-badge--withdrawn{color:#d97706;background:#fef3c7}.aa-action-btn{border-radius:var(--aa-radius-xs);width:32px;height:32px;color:var(--aa-text-muted);cursor:pointer;transition:all var(--aa-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.aa-action-btn:hover{color:var(--aa-text);border-color:var(--aa-border);background:#f1f5f9}.aa-action-btn:focus-visible{outline:2px solid var(--aa-blue);outline-offset:2px}.aa-pagination{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.aa-page-info{color:var(--aa-text-muted);font-size:12px}.aa-page-btns{gap:4px;display:flex}.aa-empty{text-align:center;background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius);box-shadow:var(--aa-shadow);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.aa-empty-title{color:var(--aa-text);margin:16px 0 4px;font-size:16px;font-weight:600}.aa-empty-sub{color:var(--aa-text-muted);max-width:380px;margin:0 0 20px;font-size:13px}.aa-overlay{z-index:9998;position:fixed;inset:0}.aa-float-panel{z-index:9999;background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius);width:300px;max-width:calc(100vw - 32px);animation:.18s ease-out aa-float-in;position:fixed;overflow:hidden;box-shadow:0 12px 48px #0000002e}@keyframes aa-float-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.aa-float-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--aa-border-light);background:#fafafa;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.aa-float-header:active{cursor:grabbing}.aa-float-header-info{align-items:center;gap:10px;min-width:0;display:flex}.aa-float-grip{color:var(--aa-text-muted);flex-shrink:0}.aa-float-header-info>div{flex-direction:column;min-width:0;display:flex}.aa-float-name{color:var(--aa-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.aa-float-class{color:var(--aa-text-sec);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.aa-float-close{border-radius:var(--aa-radius-xs);width:28px;height:28px;color:var(--aa-text-muted);cursor:pointer;transition:all var(--aa-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.aa-float-close:hover{color:var(--aa-text-sec);background:#f1f5f9}.aa-float-body{max-height:80vh;padding:8px;overflow-y:auto}.aa-float-item{border-radius:var(--aa-radius-xs);width:100%;color:var(--aa-text);cursor:pointer;text-align:left;transition:background var(--aa-transition);background:0 0;border:none;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.aa-float-item:hover:not(:disabled){background:#f1f5f9}.aa-float-item:disabled{opacity:.35;cursor:not-allowed}.aa-float-item:focus-visible{outline:2px solid var(--aa-blue);outline-offset:-2px}.aa-float-item--danger{color:var(--aa-red)}.aa-float-item--danger:hover:not(:disabled){background:#fef2f2}.aa-float-item--warning{color:var(--aa-orange)}.aa-float-item--warning:hover:not(:disabled){background:#fef3c7}.aa-float-sep{background:var(--aa-border-light);height:1px;margin:4px 8px}@media (width<=1024px){.aa-metrics{grid-template-columns:repeat(3,1fr)}.aa-table{font-size:12px}.aa-th--stream,.aa-table td:nth-child(3){display:none}}@media (width<=768px){.aa-metrics{grid-template-columns:1fr 1fr;gap:10px}.aa-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;overflow-x:auto}.aa-tab{flex-shrink:0;padding:8px 14px;font-size:12px}.aa-toolbar{flex-direction:column;align-items:stretch;padding:12px}.aa-toolbar-left{min-width:0}.aa-search-wrap{max-width:none}.aa-toolbar-right{justify-content:flex-end}.aa-table thead{display:none}.aa-table,.aa-table tbody,.aa-table tr,.aa-table td{display:block}.aa-table tr{background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius-sm);box-shadow:var(--aa-shadow);margin-bottom:12px;padding:16px;position:relative}.aa-table td{border:none;height:auto;padding:3px 0}.aa-table td:first-child{margin-bottom:8px}.aa-table td:last-child{position:absolute;top:16px;right:16px}.aa-student-name{font-size:14px}.aa-cell-class,.aa-cell-stream,.aa-cell-date{font-size:12px;display:inline}.aa-cell-class:before{content:"Class: ";color:var(--aa-text-muted);font-weight:600}.aa-cell-stream:before{content:"Stream: ";color:var(--aa-text-muted);font-weight:600}.aa-cell-date:before{content:"Date: ";color:var(--aa-text-muted);font-weight:600}.aa-pagination{flex-direction:column;align-items:center;gap:8px}}@media (width<=480px){.aa-metrics{grid-template-columns:1fr}.aa-toolbar-right{flex-wrap:wrap;justify-content:stretch}.aa-toolbar-right .aa-select{flex:1;min-width:0}}.reg-bulk-import{padding:0}.reg-import-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:48px 24px;transition:all .15s}.reg-import-dropzone:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.reg-spin{animation:1s linear infinite reg-spin}.reg-bulk-import .reg-card{padding:20px}.reg-bulk-import .reg-card h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.reg-btn-primary.small,.reg-btn-secondary.small{padding:6px 14px;font-size:13px}@media (width<=768px){.reg-import-dropzone{padding:32px 16px}.reg-bulk-import .reg-card{padding:16px}}:root{--rcp-bg:#f6f8fa;--rcp-surface:#fff;--rcp-border:#e5e7eb;--rcp-border-lt:#f1f5f9;--rcp-text:#0f172a;--rcp-text-sec:#64748b;--rcp-text-muted:#94a3b8;--rcp-teal:var(--color-primary);--rcp-teal-dk:#0f766e;--rcp-blue:var(--color-primary);--rcp-green:#16a34a;--rcp-orange:#d97706;--rcp-red:#dc2626;--rcp-purple:var(--color-secondary);--rcp-cyan:#0891b2;--rcp-radius:20px;--rcp-radius-sm:12px;--rcp-radius-xs:8px;--rcp-shadow:0 4px 24px #0f172a0f;--rcp-shadow-lg:0 12px 48px #0f172a1a;--rcp-trans:.18s ease}.rcp-root{background:var(--rcp-bg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.rcp-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:14px 10px;display:flex;position:fixed;overflow-y:auto}.rcp-sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:12px;padding:0 10px;font-size:14px;font-weight:700;display:flex}.rcp-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.rcp-sidebar-school{background:#1e293b;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 10px;display:flex}.rcp-school-avatar{background:var(--color-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.rcp-school-name{color:#f1f5f9;margin:0;font-size:11.5px;font-weight:600}.rcp-school-plan{color:#2dd4bf;margin:0;font-size:10px;font-weight:500}.rcp-nav-group{margin-top:12px}.rcp-nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:4px;padding:0 12px;font-size:10px;font-weight:700}.rcp-sidebar-nav{flex-direction:column;flex:1;gap:1px;display:flex}.rcp-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.rcp-nav-item:hover{color:#f1f5f9;background:#1e293b}.rcp-nav-item.active{background:var(--color-primary);color:#fff}.rcp-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.rcp-sidebar-footer{border-top:1px solid #1e293b;margin-top:8px;padding-top:16px}.rcp-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.rcp-logout-btn:hover{background:#1e293b}.rcp-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.rcp-header{justify-content:space-between;align-items:flex-start;display:flex}.rcp-header h1{color:var(--rcp-text);letter-spacing:-.4px;margin:0;font-size:24px;font-weight:700}.rcp-header-sub{color:var(--rcp-text-sec);margin:4px 0 0;font-size:13px}.rcp-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.rcp-admin-avatar{background:var(--rcp-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.rcp-btn-primary{background:var(--rcp-teal);color:#fff;border-radius:var(--rcp-radius-xs);cursor:pointer;transition:background var(--rcp-trans);border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.rcp-btn-primary:hover{background:var(--rcp-teal-dk)}.rcp-btn-primary:disabled{cursor:not-allowed;background:#99c7c2}.rcp-btn-primary.small{padding:6px 14px;font-size:12px}.rcp-btn-secondary{color:#374151;border:1px solid var(--rcp-border);border-radius:var(--rcp-radius-xs);cursor:pointer;transition:background var(--rcp-trans);background:#fff;align-items:center;gap:6px;padding:9px 18px;font-size:13px;display:inline-flex}.rcp-btn-secondary:hover{background:#f8fafc}.rcp-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.rcp-btn-secondary.small{padding:6px 14px;font-size:12px}.rcp-btn-ghost{color:var(--rcp-text-sec);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.rcp-btn-ghost:hover{color:var(--rcp-text);background:#f1f5f9}.rcp-dash{flex-direction:column;gap:28px;display:flex}.rcp-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rcp-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-flex}.rcp-pill--teal{color:#0f766e;background:#ccfbf1}.rcp-pill--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rcp-pill--green{color:#16a34a;background:#dcfce7}.rcp-pill--amber{color:#d97706;background:#fef3c7}.rcp-pill--red{color:#dc2626;background:#fee2e2}.rcp-status-updated{color:var(--rcp-text-muted);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.rcp-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.rcp-kpi{background:var(--rcp-surface);border:1px solid var(--rcp-border);border-radius:var(--rcp-radius);box-shadow:var(--rcp-shadow);transition:box-shadow var(--rcp-trans), transform var(--rcp-trans);padding:20px 24px}.rcp-kpi:hover{box-shadow:var(--rcp-shadow-lg);transform:translateY(-1px)}.rcp-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.rcp-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rcp-kpi-icon--teal{color:#0f766e;background:#ccfbf1}.rcp-kpi-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rcp-kpi-icon--green{color:#16a34a;background:#dcfce7}.rcp-kpi-icon--purple{color:var(--color-secondary);background:#f5f3ff}.rcp-kpi-icon--amber{color:#d97706;background:#fffbeb}.rcp-kpi-icon--cyan{color:#0891b2;background:#ecfeff}.rcp-kpi-icon--red{color:#dc2626;background:#fef2f2}.rcp-kpi-trend{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.rcp-kpi-trend--up{color:#16a34a;background:#dcfce7}.rcp-kpi-trend--down{color:#dc2626;background:#fee2e2}.rcp-kpi-trend--flat{color:#64748b;background:#f1f5f9}.rcp-kpi-val{letter-spacing:-.5px;margin:0 0 4px;font-size:30px;font-weight:700;line-height:1.1}.rcp-kpi-label{color:var(--rcp-text-sec);margin:0;font-size:13px}.rcp-kpi-sub{color:var(--rcp-text-muted);margin:4px 0 0;font-size:11px}.rcp-card{background:var(--rcp-surface);border:1px solid var(--rcp-border);border-radius:var(--rcp-radius);box-shadow:var(--rcp-shadow);padding:20px 24px}.rcp-card-hdr{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rcp-card-hdr h3{color:var(--rcp-text);align-items:center;gap:6px;margin:0;font-size:15px;font-weight:600;display:flex}.rcp-two-col{grid-template-columns:1.3fr .7fr;gap:20px;display:grid}.rcp-actions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rcp-action{background:var(--rcp-surface);border:1px solid var(--rcp-border);border-radius:var(--rcp-radius-sm);cursor:pointer;transition:all var(--rcp-trans);text-align:left;color:var(--rcp-text);flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;display:flex}.rcp-action:hover{box-shadow:var(--rcp-shadow-lg);border-color:#cbd5e1;transform:translateY(-2px)}.rcp-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rcp-action-icon--teal{color:#0f766e;background:#ccfbf1}.rcp-action-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rcp-action-icon--green{color:#16a34a;background:#dcfce7}.rcp-action-icon--purple{color:var(--color-secondary);background:#f5f3ff}.rcp-action-icon--amber{color:#d97706;background:#fffbeb}.rcp-action-icon--cyan{color:#0891b2;background:#ecfeff}.rcp-action-icon--red{color:#dc2626;background:#fef2f2}.rcp-action-icon--gray{color:#64748b;background:#f1f5f9}.rcp-action-lbl{color:var(--rcp-text);font-size:13px;font-weight:600;line-height:1.2}.rcp-action-desc{color:var(--rcp-text-muted);font-size:11px;line-height:1.3}.rcp-feed{flex-direction:column;gap:2px;display:flex}.rcp-feed-item{border-bottom:1px solid var(--rcp-border-lt);align-items:center;gap:12px;padding:10px 0;display:flex}.rcp-feed-item:last-child{border-bottom:none}.rcp-feed-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rcp-feed-icon--visitor{color:#0f766e;background:#ccfbf1}.rcp-feed-icon--appointment{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.rcp-feed-icon--prospect{color:var(--color-secondary);background:#f5f3ff}.rcp-feed-icon--request{color:#d97706;background:#fffbeb}.rcp-feed-icon--event{color:#0891b2;background:#ecfeff}.rcp-feed-text{flex:1;min-width:0}.rcp-feed-msg{color:var(--rcp-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.rcp-feed-time{color:var(--rcp-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.rcp-page{flex-direction:column;gap:20px;display:flex}.rcp-page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 0;display:flex}.rcp-page-toolbar-desc{color:var(--rcp-text-sec);max-width:60ch;margin:0;font-size:13px}.rcp-page-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rcp-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rcp-search-wrap{align-items:center;display:flex;position:relative}.rcp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.rcp-search-input{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:240px;padding:8px 12px 8px 32px;font-size:13px}.rcp-search-input:focus{border-color:var(--rcp-teal);box-shadow:0 0 0 3px #0d94881a}.rcp-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.rcp-filter-select:focus{border-color:var(--rcp-teal)}.rcp-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.rcp-table{border-collapse:collapse;width:100%;font-size:13px}.rcp-table thead{background:#f8fafc}.rcp-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:600}.rcp-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.rcp-table tbody tr:hover{background:#f8fafc}.rcp-table tbody tr:last-child td{border-bottom:none}.rcp-avatar-sm{background:var(--rcp-teal);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.rcp-name-cell{color:#0f172a;align-items:center;gap:10px;font-weight:600;display:flex}.rcp-name-cell small{color:#94a3b8;font-size:11px;font-weight:400;display:block}.rcp-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.rcp-badge--teal{color:#0f766e;background:#ccfbf1}.rcp-badge--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.rcp-badge--green{color:#16a34a;background:#dcfce7}.rcp-badge--amber{color:#b45309;background:#fef3c7}.rcp-badge--red{color:#b91c1c;background:#fee2e2}.rcp-badge--purple{color:color-mix(in srgb, var(--color-secondary) 80%, black);background:#f5f3ff}.rcp-badge--gray{color:#64748b;background:#f1f5f9}.rcp-action-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.rcp-action-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.rcp-action-btn--danger{color:#dc2626}.rcp-action-btn--danger:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.rcp-empty{text-align:center;color:var(--rcp-text-muted);padding:60px 20px}.rcp-empty p{color:#64748b;margin:8px 0 0;font-size:14px;font-weight:600}.rcp-empty span{color:var(--rcp-text-muted);font-size:13px}.rcp-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rcp-form-field{flex-direction:column;gap:5px;display:flex}.rcp-form-field.full{grid-column:1/-1}.rcp-form-field label{color:#475569;font-size:12px;font-weight:600}.rcp-form-field input,.rcp-form-field select,.rcp-form-field textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.rcp-form-field input:focus,.rcp-form-field select:focus,.rcp-form-field textarea:focus{border-color:var(--rcp-teal);box-shadow:0 0 0 3px #0d94881a}.rcp-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.rcp-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.rcp-form-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.rcp-form-section{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:16px 0 10px;font-size:11px;font-weight:700}.rcp-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rcp-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #0000002e}.rcp-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rcp-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.rcp-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.rcp-modal-close:hover{color:#0f172a;background:#e2e8f0}.rcp-detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.rcp-detail-item{flex-direction:column;gap:4px;display:flex}.rcp-detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.rcp-detail-item span{color:#1e293b;font-size:13px}.rcp-load{color:var(--rcp-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 0;font-size:14px;display:flex}.rcp-spin{border:3px solid var(--rcp-border);border-top-color:var(--rcp-teal);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite rcp-spin}@keyframes rcp-spin{to{transform:rotate(360deg)}}.rcp-tabs{flex-wrap:wrap;gap:8px;display:flex}.rcp-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.rcp-tab:hover{color:#0f172a;border-color:#cbd5e1}.rcp-tab.active{background:var(--rcp-teal);border-color:var(--rcp-teal);color:#fff}.rcp-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.rcp-stat{border:1px solid var(--rcp-border);border-radius:var(--rcp-radius-sm);background:#fff;flex-direction:column;gap:4px;padding:16px;display:flex}.rcp-stat-val{color:var(--rcp-text);font-size:24px;font-weight:700}.rcp-stat-lbl{color:var(--rcp-text-sec);font-size:12px}.rcp-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.rcp-mobile-overlay{z-index:190;background:#00000080;animation:.2s rcpFadeIn;display:none;position:fixed;inset:0}.rcp-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.rcp-mobile-close:hover{color:#fff;background:#fff3}@keyframes rcpFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1200px){.rcp-two-col{grid-template-columns:1fr}.rcp-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.rcp-mobile-toggle{display:flex}.rcp-mobile-overlay{display:block}.rcp-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.rcp-sidebar.open{transform:translate(0)}.rcp-main{margin-left:0;padding:56px 16px 16px}.rcp-actions{grid-template-columns:1fr}.rcp-status-updated{margin-left:0}.rcp-header{flex-direction:column;align-items:flex-start;gap:12px}.rcp-header-actions{flex-wrap:wrap;gap:8px;width:100%}.rcp-form-grid{grid-template-columns:1fr}}.teacher-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.teacher-sidebar{background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.teacher-profile{background:#1e293b;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.teacher-avatar{background:var(--color-secondary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.teacher-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.teacher-role{color:#94a3b8;margin:0;font-size:11px}.teacher-sidebar{padding:14px 10px}.teacher-profile{border-radius:8px;margin-bottom:14px;padding:8px 10px}.teacher-avatar{width:28px;height:28px;font-size:11px}.teacher-name{font-size:11.5px}.teacher-role{font-size:10px}.teacher-main{flex-direction:column;flex:1;gap:24px;min-width:0;margin-left:240px;padding:32px;display:flex}.teacher-header{justify-content:space-between;align-items:center;display:flex}.teacher-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.teacher-header p{color:#64748b;margin:4px 0 0;font-size:13px}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.t-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.t-stat-icon{align-items:center;margin-bottom:10px;display:flex}.t-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.t-stat-value{margin:0;font-size:28px;font-weight:700}.teacher-grid{grid-template-columns:1fr 300px;gap:24px;display:grid}.teacher-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:24px}.teacher-side .teacher-card:last-child{margin-bottom:0}.class-tabs{flex-wrap:wrap;gap:6px;display:flex}.class-tab{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;padding:5px 12px;font-size:12px;transition:all .15s}.class-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.attendance-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.attendance-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.student-info{align-items:center;gap:10px;display:flex}.student-avatar-sm{background:color-mix(in srgb, var(--color-primary) 15%, white);width:32px;height:32px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.student-name{color:#0f172a;margin:0;font-size:14px;font-weight:500}.student-adm{color:#94a3b8;margin:0;font-size:12px}.attend-toggle{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.attend-toggle.present{color:#16a34a;background:#dcfce7}.attend-toggle.absent{color:#dc2626;background:#fee2e2}.save-attendance-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.save-attendance-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.save-attendance-btn.saved{background:#16a34a}.save-attendance-btn:disabled{cursor:not-allowed;background:#93c5fd}.timetable-list{flex-direction:column;gap:12px;display:flex}.timetable-row{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:12px;padding:10px;display:flex}.timetable-time{color:#94a3b8;min-width:56px;padding-top:2px;font-size:12px}.timetable-subject{color:#0f172a;margin:0;font-size:14px;font-weight:500}.timetable-class{color:#64748b;margin:0;font-size:12px}.summary-stats{flex-direction:column;gap:12px;display:flex}.summary-row{color:#374151;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:12px;font-size:14px;display:flex}.summary-row:last-child{border-bottom:none}.text-green{color:#16a34a}.text-red{color:#dc2626}.text-blue{color:var(--color-primary)}.empty-state-inline{color:#94a3b8;margin:0;font-size:13px}.teacher-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.teacher-mobile-overlay{z-index:190;background:#00000080;animation:.2s teacherFadeIn;display:none;position:fixed;inset:0}.teacher-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px}.teacher-mobile-close:hover{color:#fff;background:#fff3}@keyframes teacherFadeIn{0%{opacity:0}to{opacity:1}}.tp-mobile{display:none}@media (width<=768px){.tp-mobile{flex-direction:column;gap:14px;display:flex}.tp-hello-line{color:#0f172a;margin:0;font-size:20px;font-weight:700}.tp-hello-sub{color:#64748b;margin:2px 0 0;font-size:13px}.tp-upnext{flex-direction:column;gap:6px;display:flex}.tp-upnext-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:11px;font-weight:700}.tp-upnext-card{border:1px solid #e2e8f0;border-left:4px solid var(--color-primary);color:#0f172a;text-align:left;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 16px;font-family:inherit;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0f}.tp-upnext-time{color:var(--color-primary);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.tp-upnext-subj{margin:0;font-size:16px;font-weight:700}.tp-upnext-cls{color:#475569;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.tp-upnext-chev{color:#cbd5e1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tp-upnext-card--done{color:#16a34a;cursor:default;border-left-color:#16a34a;flex-direction:row;align-items:center;gap:8px;font-size:13px;font-weight:600}.tp-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tp-action{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:52px;padding:12px 14px;font-family:inherit;transition:transform .1s;display:flex;box-shadow:0 1px 2px #0f172a0d}.tp-action:active{transform:scale(.97)}.tp-action-icon{background:color-mix(in srgb, var(--accent) 10%, white);width:34px;height:34px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tp-action-label{text-align:left;font-size:13px;font-weight:600;line-height:1.2}.tp-section-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:11px;font-weight:700}.tp-today{flex-direction:column;gap:6px;display:flex}.tp-today-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.tp-today-row{text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:inherit;display:flex}.tp-today-row:last-child{border-bottom:none}.tp-today-key{color:#475569;font-size:14px}.tp-today-value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.tp-today-row--link{cursor:pointer}.tp-today-row--link .tp-today-key{color:#0f172a;font-weight:600}.tp-today-chev{color:#cbd5e1;flex-shrink:0}.tp-attend{flex-direction:column;gap:6px;display:flex}.tp-attend-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.tp-attend-cls{color:#0f172a;margin:0;font-size:15px;font-weight:700}.tp-attend-meta{color:#64748b;margin:0 0 6px;font-size:13px}.tp-attend-cta{background:color-mix(in srgb, var(--color-primary) 8%, white);width:100%;color:var(--color-primary);cursor:pointer;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.tp-attend-cta:active{transform:scale(.97)}.teacher-mobile-toggle,.teacher-mobile-overlay,.teacher-sidebar{display:none}.teacher-main{padding:calc(70px + env(safe-area-inset-top,0px)) 14px calc(86px + env(safe-area-inset-bottom,0px));margin-left:0}.teacher-desktop-summary{display:none}.teacher-header h1{font-size:20px}.teacher-header p{font-size:12px}.teacher-grid{grid-template-columns:1fr;gap:14px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.class-tabs{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.attendance-row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.attend-toggle{justify-content:center;align-self:flex-end;min-width:100px;min-height:40px}.timetable-row{flex-direction:column;gap:6px;padding:12px}.timetable-time{min-width:unset}.header-actions{width:100%}.header-actions .btn-primary{justify-content:center;width:100%;min-height:44px}.save-attendance-btn{min-height:48px;font-size:15px}}@media (width<=480px){.teacher-stats{grid-template-columns:repeat(2,1fr);gap:8px}.t-stat-card{padding:12px}.t-stat-value{font-size:20px}.t-stat-label{font-size:11px}.teacher-main{padding:calc(64px + env(safe-area-inset-top,0px)) 10px calc(86px + env(safe-area-inset-bottom,0px))}.teacher-card{padding:12px 10px!important}}.teacher-app-home{display:none}@media (width<=768px){.teacher-root.tah-active .teacher-app-home{padding:calc(64px + env(safe-area-inset-top,0px)) 0 calc(86px + env(safe-area-inset-bottom,0px));display:block}.teacher-root.tah-active .teacher-main,.teacher-root.tah-active .tp-mobile,.teacher-root.tah-active .teacher-sidebar,.teacher-root.tah-active .teacher-mobile-toggle{display:none!important}.teacher-root.mc-nohdr .teacher-header,.teacher-root.att-nohdr .teacher-header{display:none}.teacher-root.att-nohdr .teacher-main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.teacher-root.tt-nohdr .teacher-header,.teacher-root.tc-nohdr .teacher-header{display:none}}:root{--ad-surf:#fff;--ad-border:#e5e7eb;--ad-text:#0f172a;--ad-text-sec:#64748b;--ad-text-muted:#94a3b8;--ad-radius:16px;--ad-radius-sm:10px;--ad-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a}.ad-dash{flex-direction:column;gap:28px;display:flex}.ad-header{flex-direction:column;gap:8px;display:flex}.ad-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ad-header-title{color:var(--ad-text);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.ad-header-actions{align-items:center;gap:8px;display:flex}.ad-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ad-pill{color:var(--ad-text-sec);border:1px solid var(--ad-border);background:#f8fafc;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.ad-pill--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.ad-pill--green{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.ad-pill--purple{color:var(--color-secondary);border-color:color-mix(in srgb, var(--color-secondary) 20%, white);background:#f5f3ff}.ad-pill--amber{color:#d97706;background:#fffbeb;border-color:#fde68a}.ad-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ad-kpi{background:var(--ad-surf);border:1px solid var(--ad-border);border-radius:var(--ad-radius-sm);box-shadow:var(--ad-shadow);flex-direction:column;gap:4px;padding:16px;display:flex}.ad-kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.ad-kpi-val{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700;line-height:1.1}.ad-kpi-label{color:var(--ad-text-sec);margin:2px 0 0;font-size:12px;line-height:1.3}.ad-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ad-kpi-icon--green{color:#16a34a;background:#dcfce7}.ad-kpi-icon--red{color:#dc2626;background:#fee2e2}.ad-kpi-icon--amber{color:#d97706;background:#fffbeb}.ad-kpi-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.ad-kpi-sub{color:var(--ad-text-muted);margin:0;font-size:11px}.ad-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.ad-main,.ad-aside{flex-direction:column;gap:12px;display:flex}.ad-card{background:var(--ad-surf);border:1px solid var(--ad-border);border-radius:var(--ad-radius-sm);box-shadow:var(--ad-shadow);padding:16px}.ad-card-hdr{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ad-card-hdr h4{color:var(--ad-text);margin:0;font-size:13px;font-weight:600}.ad-insights{flex-direction:column;gap:6px;display:flex}.ad-insight-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;display:flex}.ad-insight-label{color:var(--ad-text-sec)}.ad-insight-val{color:var(--ad-text);font-weight:600}.ad-insight-val--high{color:#16a34a}.ad-insight-val--mid{color:#d97706}.ad-insight-val--low{color:#dc2626}.ad-insight-divider{background:var(--ad-border);height:1px;margin:6px 0}.ad-quick-actions{flex-wrap:wrap;gap:10px;display:flex}.ad-qa-btn{border:1px solid var(--ad-border);background:var(--ad-surf);cursor:pointer;color:var(--ad-text);box-shadow:var(--ad-shadow);border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ad-qa-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f8faff}.ad-qa-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.ad-qa-btn:nth-child(2) .ad-qa-icon{color:#16a34a;background:#f0fdf4}.ad-qa-btn:nth-child(3) .ad-qa-icon{color:#d97706;background:#fffbeb}.ad-qa-btn:nth-child(4) .ad-qa-icon{color:var(--color-secondary);background:#f5f3ff}.ad-qa-btn:nth-child(5) .ad-qa-icon{color:#dc2626;background:#fef2f2}.ad-recent-activity{background:var(--ad-surf);border:1px solid var(--ad-border);border-radius:var(--ad-radius-sm);box-shadow:var(--ad-shadow);padding:16px}.ad-feed{flex-direction:column;gap:10px;display:flex}.ad-feed-item{align-items:flex-start;gap:10px;display:flex}.ad-feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.ad-feed-dot--blue{background:var(--color-primary)}.ad-feed-text{flex-direction:column;gap:2px;display:flex}.ad-feed-msg{color:var(--ad-text);font-size:13px;font-weight:500}.ad-feed-time{color:var(--ad-text-muted);font-size:11px}.ad-notification{border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.ad-notification--info{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 20%, white)}.ad-notification--warning{color:#ca8a04;background:#fef9c3;border:1px solid #fde68a}.ad-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.ad-btn--primary{background:var(--color-primary);color:#fff}.ad-btn--primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.ad-btn--primary:disabled{cursor:not-allowed;background:#93c5fd}.ad-btn--lg{padding:9px 18px;font-size:13px;font-weight:600}.ad-saved-badge{color:#16a34a;background:#dcfce7;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;animation:2s adFade}@keyframes adFade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.ad-load{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.ad-spin{border:3px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite ad-spin}@keyframes ad-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.ad-layout{grid-template-columns:1fr}.ad-aside{order:-1}.ad-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ad-header-top{flex-direction:column;align-items:stretch}.ad-header-actions{justify-content:flex-end}.ad-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ad-quick-actions{flex-direction:column}.ad-qa-btn{justify-content:center;min-height:44px}.ad-status{flex-wrap:wrap;gap:6px}.ad-card{padding:14px 12px!important}.ad-kpi{padding:12px!important}.ad-kpi-val{font-size:22px!important}.ad-feed-msg{white-space:normal}.ad-header-actions{width:100%}.ad-header-actions .ad-btn{flex:1;justify-content:center;min-height:44px}}@media (width<=480px){.ad-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.ad-kpi-val{font-size:20px}.ad-dash{gap:14px}}:root{--sp-green:#16a34a;--sp-green-dark:#15803d;--sp-blue:#2563eb;--sp-purple:#7c3aed;--sp-orange:#f59e0b;--sp-red:#ef4444;--sp-bg:#f8fafc;--sp-card:#fff;--sp-text:#0f172a;--sp-muted:#64748b;--sp-border:#e2e8f0;--sp-radius:16px;--sp-radius-sm:12px;--sp-shadow:0 2px 8px #0f172a0f}.desktop-attendance-layout{display:block}.mobile-attendance-layout{display:none}@media (width<=767px){.desktop-attendance-layout{display:none}.mobile-attendance-layout{width:100%;display:block}.att-shared-analytics,.att-shared-analytics>*{display:none}.ad-dash{gap:16px}.att-tabs{border-bottom:1px solid var(--sp-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding-bottom:6px;display:grid;overflow:visible hidden}.att-tab{text-align:center;white-space:normal;min-height:52px;color:var(--sp-muted);border-bottom:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:9px 2px;font-size:11px;font-weight:500;line-height:1.15;display:flex}.att-tab svg{flex-shrink:0}.att-tab.active{color:var(--sp-green-dark);border-bottom-color:var(--sp-green);background:#f0fdf4;font-weight:700}.att-tab:active{background:#f1f5f9}}@media (width>=768px){.att-shared-analytics{display:block}.att-tabs{flex-wrap:wrap}}@media (width<=767px){.mobile-attendance-layout{box-sizing:border-box;padding:0;font-family:inherit;overflow-x:hidden}.mobile-attendance-layout *,.mobile-attendance-layout :before,.mobile-attendance-layout :after{box-sizing:border-box}}.att-mob-school{background:var(--sp-card);border:1px solid var(--sp-border);width:100%;box-shadow:var(--sp-shadow);color:var(--sp-text);border-radius:12px;align-items:center;gap:6px;margin-bottom:14px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.att-mob-school svg{color:var(--sp-green);flex-shrink:0}.att-mob-school span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.att-mob-title{margin:2px 0 14px}.att-mob-title h3{color:var(--sp-text);margin:0;font-size:20px;font-weight:700;line-height:1.2}.att-mob-title p{color:var(--sp-muted);margin:3px 0 0;font-size:13px}.att-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);box-sizing:border-box;width:100%}.att-card-head{justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.att-card-head h4{color:var(--sp-text);margin:0;font-size:15px;font-weight:700}.att-card-head .att-card-date{color:var(--sp-muted);margin:3px 0 0;font-size:12px}.att-card-head svg{color:#cbd5e1}.att-glance{margin-bottom:18px}.att-glance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;display:grid}.att-glance-stat{text-align:center;border-radius:var(--sp-radius-sm);background:var(--sp-bg);min-width:0;padding:10px 4px}.att-glance-val{color:var(--sp-text);font-size:22px;font-weight:700;line-height:1.1;display:block}.att-glance-label{color:var(--sp-muted);margin-top:5px;font-size:11px;line-height:1.3;display:block}.att-glance-val--green{color:var(--sp-green-dark)}.att-glance-val--red{color:var(--sp-red)}.att-glance-val--amber{color:var(--sp-orange)}.att-glance-val--blue{color:var(--sp-blue)}.att-section-head{justify-content:space-between;align-items:center;margin:18px 0 10px;display:flex}.att-section-head h4{color:var(--sp-text);margin:0;font-size:15px;font-weight:700}.att-badge{min-width:24px;height:24px;color:var(--sp-green-dark);background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.att-classes-list{flex-direction:column;gap:8px;display:flex}.att-class-item{box-sizing:border-box;background:var(--sp-card);border:1px solid var(--sp-border);width:100%;box-shadow:var(--sp-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.att-class-item:active{background:#f1f5f9}.att-class-badge{border-radius:var(--sp-radius-sm);width:48px;height:48px;color:var(--sp-green-dark);background:#dcfce7;flex:0 0 48px;place-items:center;font-size:16px;font-weight:700;display:grid}.att-class-body{flex:1;min-width:0}.att-class-name{color:var(--sp-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.att-class-time{color:var(--sp-muted);margin-top:3px;font-size:12px}.att-class-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.att-class-subj{min-width:0;color:var(--sp-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.att-class-subj--empty{color:var(--sp-muted)}.att-class-status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.att-class-status--complete{color:var(--sp-green-dark);background:#dcfce7}.att-class-status--partial{color:#b45309;background:#fef3c7}.att-class-status--empty{color:var(--sp-muted);background:#f1f5f9}.att-mark-btn{color:var(--sp-green-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#dcfce7;border:0;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:700}.att-class-chev{color:#cbd5e1;flex-shrink:0}.att-empty{text-align:center;background:var(--sp-card);border:1px dashed var(--sp-border);border-radius:var(--sp-radius);flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.att-empty p{color:var(--sp-text);margin:0;font-size:14px;font-weight:600}.att-empty span{color:var(--sp-muted);font-size:12px}.att-quickcard{border-radius:var(--sp-radius);background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:1px solid #bbf7d0;align-items:center;gap:14px;margin-top:18px;padding:16px;display:flex}.att-quickcard-body{flex:1;min-width:0}.att-quickcard-body h4{color:var(--sp-text);margin:0;font-size:15px;font-weight:700}.att-quickcard-body p{color:var(--sp-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.att-quick-btn{border-radius:var(--sp-radius-sm);background:var(--sp-green);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-shrink:0;align-items:center;gap:4px;padding:11px 16px;font-size:13px;font-weight:700;display:inline-flex}.att-mob-marksheet{margin-top:8px}.att-mob-marksheet .att-section-head{margin-top:20px}.att-mob-save{border-radius:var(--sp-radius-sm);background:var(--sp-green);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:12px;padding:13px;font-size:15px;font-weight:700;display:flex}.att-mob-save:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.att-history-card{padding:8px}.att-history-card .att-toolbar,.att-history-card .att-toolbar-left,.att-history-card .att-toolbar-right{box-shadow:none;border:0}@media (width<=359px){.mobile-attendance-layout{padding:0}.att-class-item{gap:8px;padding:11px}.att-class-badge{flex-basis:42px;width:42px;height:42px;font-size:15px}.att-mark-btn{padding:7px 10px;font-size:12px}.att-quickcard{gap:10px;padding:13px}.att-quick-btn{padding:10px 12px;font-size:12px}.att-glance-stat{padding:12px 6px}.att-glance-val{font-size:21px}}:root{--gd-bg:#f8fafc;--gd-surf:#fff;--gd-border:#e5e7eb;--gd-border-lt:#f1f5f9;--gd-text:#0f172a;--gd-text-sec:#64748b;--gd-text-muted:#94a3b8;--gd-blue:var(--color-primary);--gd-green:#16a34a;--gd-orange:#f59e0b;--gd-red:#ef4444;--gd-purple:var(--color-secondary);--gd-cyan:#0891b2;--gd-radius:20px;--gd-radius-sm:12px;--gd-radius-xs:8px;--gd-shadow:0 4px 24px #0f172a0f;--gd-shadow-lg:0 12px 48px #0f172a1a;--gd-trans:.18s ease}.gd-dash{flex-direction:column;gap:28px;display:flex}.gd-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gd-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-flex}.gd-pill--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.gd-pill--green{color:#16a34a;background:#dcfce7}.gd-pill--amber{color:#d97706;background:#fef3c7}.gd-pill--purple{color:var(--color-secondary);background:#f5f3ff}.gd-pill--red{color:#dc2626;background:#fee2e2}.gd-pill--gray{color:#64748b;background:#f1f5f9}.gd-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.gd-kpi-students,.gd-overall{display:none}.gd-kpi{background:var(--gd-surf);border:1px solid var(--gd-border);border-radius:var(--gd-radius);box-shadow:var(--gd-shadow);flex-direction:column;gap:6px;padding:20px 24px;display:flex}.gd-kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.gd-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.gd-kpi-icon--blue{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.gd-kpi-icon--green{color:#16a34a;background:#dcfce7}.gd-kpi-icon--purple{color:var(--color-secondary);background:#f5f3ff}.gd-kpi-icon--amber{color:#d97706;background:#fffbeb}.gd-kpi-val{letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1}.gd-kpi-label{color:var(--gd-text-sec);margin:0;font-size:13px}.gd-kpi-sub{color:var(--gd-text-muted);margin:0;font-size:11px}.gd-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.gd-main{flex-direction:column;gap:24px;min-width:0;display:flex}.gd-sidebar{flex-direction:column;gap:20px;display:flex}.gd-section-hdr{align-items:center;gap:8px;margin-bottom:12px;display:flex}.gd-section-hdr h3{color:var(--gd-text);align-items:center;gap:6px;margin:0;font-size:15px;font-weight:600;display:flex}.gd-section-count{border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.gd-section-count--red{color:#dc2626;background:#fee2e2}.gd-section-count--amber{color:#d97706;background:#fef3c7}.gd-section-count--green{color:#16a34a;background:#dcfce7}.gd-panel{background:var(--gd-surf);border:1px solid var(--gd-border);border-radius:var(--gd-radius-sm);box-shadow:var(--gd-shadow);margin-bottom:12px;overflow:hidden}.gd-panel:last-child{margin-bottom:0}.gd-panel-hdr{border-bottom:1px solid var(--gd-border-lt);background:#fafafa;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.gd-panel-title{color:var(--gd-text);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.gd-row{border-bottom:1px solid var(--gd-border-lt);min-height:56px;transition:background var(--gd-trans);grid-template-columns:1.4fr 80px 80px 110px 1fr 120px;align-items:center;gap:12px;padding:12px 20px;display:grid}.gd-row:hover{background:#fafafa}.gd-row:last-child{border-bottom:none}.gd-row-subj{color:var(--gd-text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.gd-row-stat{color:var(--gd-text-sec);white-space:nowrap;font-size:13px}.gd-row-stat strong{color:var(--gd-text)}.gd-progress{align-items:center;gap:8px;display:flex}.gd-progress-bar{background:#f1f5f9;border-radius:20px;flex:1;height:6px;overflow:hidden}.gd-progress-fill{border-radius:20px;height:100%;transition:width .5s}.gd-progress-fill--ok{background:#16a34a}.gd-progress-fill--mid{background:#f59e0b}.gd-progress-fill--bad{background:#ef4444}.gd-progress-label{white-space:nowrap;text-align:right;min-width:36px;font-size:12px;font-weight:600}.gd-progress-label--ok{color:#16a34a}.gd-progress-label--mid{color:#d97706}.gd-progress-label--bad{color:#dc2626}.gd-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.gd-status-badge--pending{color:#92400e;background:#fef3c7}.gd-status-badge--progress{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.gd-status-badge--done{color:#166534;background:#dcfce7}.gd-status-badge--locked{color:#64748b;background:#f1f5f9}.gd-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.gd-btn{cursor:pointer;transition:all var(--gd-trans);white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.gd-btn--primary{background:var(--color-primary);color:#fff}.gd-btn--primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.gd-btn--secondary{color:#475569;background:#f1f5f9}.gd-btn--secondary:hover{background:#e2e8f0}.gd-btn--ghost{color:#94a3b8;background:0 0;padding:6px 8px}.gd-btn--ghost:hover{color:#475569;background:#f1f5f9}.gd-btn--sm{padding:4px 10px;font-size:11px}.gd-card{background:var(--gd-surf);border:1px solid var(--gd-border);border-radius:var(--gd-radius-sm);box-shadow:var(--gd-shadow);padding:20px}.gd-card-hdr{align-items:center;gap:6px;margin-bottom:14px;display:flex}.gd-card-hdr h4{color:var(--gd-text);margin:0;font-size:14px;font-weight:600}.gd-snap-grid{flex-direction:column;gap:8px;display:flex}.gd-snap-row{align-items:center;gap:10px;display:flex}.gd-snap-label{color:var(--gd-text-sec);flex:1;font-size:12px}.gd-snap-val{text-align:right;min-width:32px;font-size:14px;font-weight:700}.gd-snap-val--high{color:#16a34a}.gd-snap-val--mid{color:#d97706}.gd-snap-val--low{color:#dc2626}.gd-snap-divider{background:var(--gd-border-lt);height:1px;margin:8px 0}.gd-feed{flex-direction:column;gap:2px;display:flex}.gd-feed-item{border-bottom:1px solid var(--gd-border-lt);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.gd-feed-item:last-child{border-bottom:none}.gd-feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.gd-feed-dot--green{background:#16a34a}.gd-feed-dot--blue{background:var(--color-primary)}.gd-feed-dot--amber{background:#d97706}.gd-feed-dot--purple{background:var(--color-secondary)}.gd-feed-text{flex:1;min-width:0}.gd-feed-msg{color:var(--gd-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.gd-feed-time{color:var(--gd-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.gd-load{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.gd-spin{border:3px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite gd-spin}@keyframes gd-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.gd-layout{grid-template-columns:1fr}.gd-row{grid-template-columns:1.2fr 70px 70px 100px 1fr 110px;gap:8px}}@media (width<=900px){.gd-kpi-grid{grid-template-columns:repeat(2,1fr)}.gd-row{grid-template-rows:auto auto;grid-template-columns:1fr 70px;gap:6px}.gd-row-subj{grid-column:1/-1}.gd-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=768px){.gd-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gd-kpi{padding:14px!important}.gd-kpi-val{font-size:22px!important}.gd-panel-hdr{padding:12px 14px}.gd-row{padding:10px 14px}.gd-card{padding:14px!important}.gd-section-hdr h3{font-size:14px}.gd-status-badge{padding:2px 8px;font-size:10px}.gd-btn{min-height:36px}}@media (width<=600px){.gd-kpi-grid{-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.gd-kpi-students{display:flex}.gd-status{display:none}.gd-overall{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;display:flex;box-shadow:0 1px 3px #0f172a0f}.gd-overall svg{color:var(--color-primary);flex-shrink:0}.gd-kpi{gap:4px;min-width:0;padding:10px 8px!important}.gd-kpi-top{gap:4px}.gd-kpi-icon{display:none}.gd-kpi-val{white-space:nowrap;font-size:16px!important}.gd-kpi-label{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.gd-kpi-sub{display:none}.gd-panel-hdr{flex-direction:column;align-items:flex-start;gap:6px}.gd-row{grid-template-columns:1fr;gap:4px}.gd-row-stat{font-size:12px}.gd-status{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding-bottom:2px;overflow-x:auto}.gd-status .gd-pill{flex-shrink:0;min-height:28px;padding:3px 9px;font-size:11px}.gd-status .gd-pill svg{display:none}.gd-dash{gap:14px}}.me-page{flex-direction:column;gap:12px;padding:0;display:flex}.me-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px}.me-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 10px;font-size:20px;font-weight:700;display:flex}.me-header-meta{color:#475569;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.me-header-meta span{background:#f8fafc;border-radius:6px;padding:4px 10px}.me-header-meta strong{color:#0f172a}.me-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.me-filter-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:100px;padding:7px 10px;font-size:13px}.me-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, white)}.me-search-wrap{flex:1;align-items:center;min-width:140px;display:flex;position:relative}.me-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.me-search-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:7px 10px 7px 32px;font-size:13px}.me-search-input:focus{border-color:var(--color-primary)}.me-progress-wrap{align-items:center;gap:12px;display:flex}.me-progress-bar{background:#e2e8f0;border-radius:99px;flex:1;height:8px;overflow:hidden}.me-progress-fill{background:linear-gradient(90deg, var(--color-primary), #16a34a);border-radius:99px;height:100%;transition:width .3s}.me-progress-label{color:#475569;white-space:nowrap;font-size:12px;font-weight:600}.me-summary-strip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.me-summary-item{color:#475569;align-items:center;gap:5px;font-size:13px;display:flex}.me-summary-item strong{color:#0f172a}.me-tabs{border-bottom:1px solid #e2e8f0;gap:2px;display:flex}.me-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.me-tab:hover{color:#1e293b;background:#f8fafc;border-radius:8px 8px 0 0}.me-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.me-locked-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.me-two-col{align-items:flex-start;gap:16px;display:flex}.me-grid-panel{flex:1;min-width:0}.me-table{border-collapse:collapse;width:100%;font-size:13px}.me-table thead{background:#f8fafc}.me-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:600}.me-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.me-table tbody tr:hover{background:#f8fafc}.me-table tbody tr:last-child td{border-bottom:none}.me-muted{color:#94a3b8}.me-adm{color:#64748b;font-family:monospace;font-size:12px}.me-student-cell{align-items:center;gap:8px;font-weight:500;display:flex}.me-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:28px;height:28px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.me-input-wrap{align-items:center;display:inline-flex;position:relative}.me-input{text-align:center;color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:70px;padding:5px 8px;font-size:13px;transition:all .15s}.me-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, white)}.me-input-error{background:#fef2f2;border-color:#ef4444!important}.me-input-filled{background:#f0fdf4;border-color:#86efac}.me-remarks-input{text-align:left!important;width:100px!important;font-size:12px!important}.me-error-icon{color:#ef4444;pointer-events:none;position:absolute;right:4px}.me-row-error{background:#fef2f2!important}.me-row-error:hover{background:#fee2e2!important}.me-status-dot{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.me-summary-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:240px;padding:16px;position:sticky;top:12px}.me-sp-title{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:700}.me-sp-stats{flex-direction:column;gap:6px;display:flex}.me-sp-row{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.me-sp-row strong{color:#0f172a;font-size:15px}.me-sp-divider{background:#f1f5f9;height:1px;margin:8px 0}.me-sp-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:12px;font-weight:600}.me-sp-dist{flex-direction:column;gap:4px;display:flex}.me-sp-dist-row{align-items:center;gap:6px;display:flex}.me-sp-dist-label{color:#0f172a;text-align:center;width:18px;font-size:12px;font-weight:700}.me-sp-dist-bar-wrap{background:#f1f5f9;border-radius:99px;flex:1;height:14px;overflow:hidden}.me-sp-dist-bar{background:var(--color-primary);border-radius:99px;min-width:2px;height:100%;transition:width .3s}.me-sp-dist-count{color:#64748b;text-align:right;width:24px;font-size:11px}.cbe-badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cbe-badge.ee,.cbe-badge.ee1{color:#86efac;background:#052e16}.cbe-badge.ee2{color:#bbf7d0;background:#166534}.cbe-badge.me,.cbe-badge.me1{color:#93c5fd;background:#1e3a5f}.cbe-badge.me2{color:#c4b5fd;background:#4c1d95}.cbe-badge.ae,.cbe-badge.ae1{color:#fde047;background:#713f12}.cbe-badge.ae2{color:#fdba74;background:#7c2d12}.cbe-badge.be,.cbe-badge.be1{color:#fca5a5;background:#7f1d1d}.cbe-badge.be2{color:#fecaca;background:#450a0a}.cbe-badge.sa{color:#86efac;background:#052e16}.cbe-badge.sb{color:#93c5fd;background:#1e3a5f}.cbe-badge.sc{color:#fde047;background:#713f12}.cbe-badge.sd{color:#fdba74;background:#7c2d12}.cbe-badge.se{color:#fca5a5;background:#7f1d1d}.me-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.me-actions-left,.me-actions-right{flex-wrap:wrap;gap:8px;display:flex}.me-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.me-btn-outline{color:#374151;background:#fff;border:1px solid #d1d5db}.me-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.me-btn-outline:disabled{opacity:.5;cursor:not-allowed}.me-btn-primary{background:var(--color-primary);color:#fff}.me-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.me-btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.me-analysis-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.me-analysis-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.me-analysis-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:12px;font-weight:600}.me-analysis-big{color:#0f172a;font-size:32px;font-weight:700}.me-analysis-bars{justify-content:center;align-items:flex-end;gap:16px;height:160px;padding:20px 0 0;display:flex}.me-analysis-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.me-analysis-bar-val{color:#475569;font-size:12px;font-weight:600}.me-analysis-bar{background:#f1f5f9;border-radius:4px 4px 0 0;width:100%;max-width:40px;height:120px;position:relative}.me-analysis-bar-fill{background:var(--color-primary);border-radius:4px 4px 0 0;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.me-analysis-bar-lbl{color:#0f172a;font-size:12px;font-weight:700}.me-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.me-history-card h4{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:700}.me-history-empty{text-align:center;color:#94a3b8;padding:40px;font-size:13px}.me-breadcrumb{color:#64748b;align-items:center;gap:4px;padding:4px 0;font-size:13px;display:flex}.me-bc-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:13px;display:flex}.me-bc-link:hover{background:color-mix(in srgb, var(--color-primary) 8%, white)}.me-bc-sep{color:#cbd5e1}.me-bc-current{color:#0f172a;font-weight:600}.me-dashboard-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.me-ds-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.me-ds-label{color:#64748b;font-size:12px;font-weight:500}.me-ds-value{color:#0f172a;font-size:24px;font-weight:700}.me-class-section{margin-top:8px}.me-class-title{color:#0f172a;align-items:center;gap:6px;margin:0 0 8px;padding:0;font-size:15px;font-weight:700;display:flex}.me-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.me-dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:box-shadow .15s;display:flex}.me-dashboard-card:hover{box-shadow:0 2px 8px #0000000f}.me-dashboard-card.me-card-locked{opacity:.85;background:#f8fafc;border-color:#cbd5e1}.me-dc-head{justify-content:space-between;align-items:center;display:flex}.me-dc-subject{color:#0f172a;font-size:14px;font-weight:700}.me-dc-body{flex-direction:column;gap:4px;display:flex}.me-dc-stat{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.me-dc-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.me-card-status{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.me-card-status.pending,.me-card-status.draft{color:#92400e;background:#fef3c7}.me-card-status.submitted{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.me-card-status.locked{color:#64748b;background:#f1f5f9}.me-card-status.approved,.me-card-status.completed{color:#166534;background:#dcfce7}.me-exam-grid{margin-top:8px}.me-btn-sm{padding:5px 12px!important;font-size:12px!important}.me-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.me-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0003}.me-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.me-modal-header h3{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.me-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.me-modal-close:hover{color:#475569}.me-modal-body{padding:16px 20px}.me-modal-info{color:#64748b;background:#f8fafc;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.me-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.me-export-options{flex-direction:column;gap:6px;display:flex}.me-export-option{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.me-export-option:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:#93c5fd}.me-export-option.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.me-export-option input[type=radio]{accent-color:var(--color-primary);margin-top:3px}.me-export-option-content{flex-direction:column;gap:2px;display:flex}.me-export-option-content strong{color:#0f172a;font-size:13px}.me-export-option-content span{color:#64748b;font-size:11px}@media (width<=900px){.me-two-col{flex-direction:column}.me-summary-panel{width:100%;position:static}.me-analysis-grid{grid-template-columns:repeat(2,1fr)}.me-header-meta{gap:8px}.me-card-grid{grid-template-columns:1fr}.me-dashboard-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.me-filters{flex-direction:column;align-items:stretch;gap:10px}.me-filter-select{width:100%;min-height:44px;font-size:14px}.me-search-wrap{width:100%}.me-search-input{min-height:44px;font-size:14px}.me-header{padding:14px}.me-header-meta{flex-direction:column;gap:6px}.me-header-meta span{padding:6px 10px}.me-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;overflow-x:auto}.me-tabs::-webkit-scrollbar{display:none}.me-tab{white-space:nowrap;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;min-height:46px;margin-bottom:0;padding:8px 6px;font-size:12px}.me-tab.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.att-table-wrap{background:0 0;border:none;overflow:visible}.me-table thead{display:none}.me-table,.me-table tbody,.me-table tr,.me-table td{display:block}.me-table tbody{flex-direction:column;gap:10px;display:flex}.me-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0f172a0f}.me-table tr.me-row-error{background:#fef2f2;border-color:#fecaca}.me-table tbody tr.me-row-error:hover{background:#fee2e2}.me-table td{border-bottom:1px solid #f1f5f9;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 0;display:flex}.me-table td:last-child{border-bottom:none}.me-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:10px;font-weight:700}.me-table td[data-label=No\.]{display:none}.me-table .me-input-wrap{flex:1;justify-content:flex-end;display:flex}.me-table .me-input{min-height:44px;padding:8px 10px;font-size:15px;width:120px!important}.me-table .me-remarks-input{max-width:180px;width:100%!important}.me-student-cell{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.me-avatar{flex-shrink:0}.me-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;display:grid}.me-summary-item{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:center;min-width:0;padding:8px 4px;font-size:12px}.me-summary-item svg{flex-shrink:0}.me-actions{flex-direction:column;align-items:stretch;gap:10px}.me-actions-left,.me-actions-right{width:100%}.me-actions-left .me-btn,.me-actions-right .me-btn{flex:45%;justify-content:center;min-height:44px;padding:8px 10px;font-size:12px}.me-actions-right .me-btn{flex:1}.me-analysis-big{font-size:24px}.me-breadcrumb{flex-wrap:wrap}}.me-entry-modal-overlay{display:none}@media (width>=769px){.me-entry-modal-overlay{display:none!important}}@media (width<=768px){.me-entry-inline{display:none!important}.me-entry-modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.me-entry-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 -10px 40px #00000040}.me-entry-modal-head{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.me-entry-modal-head h3{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:800;display:flex}.me-entry-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.me-entry-modal-close:hover{color:#0f172a;background:#e2e8f0}.me-entry-modal-body{-webkit-overflow-scrolling:touch;padding:14px;overflow-y:auto}.me-entry-modal-body .me-header{padding:14px}}:root{--mc-surf:#fff;--mc-border:#e5e7eb;--mc-border-lt:#f1f5f9;--mc-text:#0f172a;--mc-text-sec:#64748b;--mc-text-muted:#94a3b8;--mc-blue:var(--color-primary);--mc-radius:14px;--mc-radius-sm:10px;--mc-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a}.mc-help--mobile,.mc-tiles,.mc-modal-overlay{display:none}.mc-page{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;display:grid}.mc-card{background:var(--mc-surf);border:1px solid var(--mc-border);border-radius:var(--mc-radius);box-shadow:var(--mc-shadow);transition:box-shadow .15s;overflow:hidden}.mc-card:hover{box-shadow:0 2px 8px #0f172a14}.mc-hdr{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .12s;display:flex}.mc-hdr:hover{background:#fafafa}.mc-hdr-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.mc-hdr-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:40px;height:40px;color:var(--mc-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mc-hdr-info{min-width:0}.mc-hdr-name{color:var(--mc-text);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.mc-hdr-level{color:var(--mc-text-sec);white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:1px 8px;font-size:11px;font-weight:500}.mc-hdr-meta{color:var(--mc-text-muted);margin:2px 0 0;font-size:12px}.mc-chevron{color:var(--mc-text-muted);flex-shrink:0;transition:transform .25s}.mc-chevron--open{transform:rotate(90deg)}.mc-body-wrap{opacity:0;max-height:0;transition:max-height .3s,opacity .25s;overflow:hidden}.mc-body-wrap--open{opacity:1;max-height:600px}.mc-body{border-top:1px solid var(--mc-border-lt);flex-direction:column;gap:16px;padding:16px 20px 18px;display:flex}.mc-section-label{color:var(--mc-text-sec);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.mc-pills{flex-wrap:wrap;gap:6px;display:flex}.mc-pill{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;transition:background .12s}.mc-pill:hover{background:#e2e8f0}.mc-schedule{flex-direction:column;gap:6px;display:flex}.mc-slot{color:#475569;background:#f8fafc;border-radius:8px;grid-template-columns:56px 1fr 1fr;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .12s;display:grid}.mc-slot:hover{background:#f1f5f9}.mc-slot-day{color:var(--mc-blue);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.mc-slot-time{color:var(--mc-text-sec);font-family:monospace;font-size:12px}.mc-slot-subj{color:var(--mc-text);text-align:right;font-weight:600}.mc-load{color:var(--mc-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.mc-spin{border:3px solid #e2e8f0;border-top-color:var(--mc-blue);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite mc-spin}@keyframes mc-spin{to{transform:rotate(360deg)}}@media (width<=768px){.mc-page{grid-template-columns:1fr}.mc-hdr{gap:10px;padding:14px}.mc-hdr-icon{width:36px;height:36px}.mc-hdr-name{font-size:14px}.mc-hdr-meta{font-size:11px}.mc-body{padding:12px 14px 14px}.mc-slot{grid-template-columns:48px 1fr;gap:8px}.mc-slot-subj{text-align:left;grid-column:1/-1;font-size:12px}.mc-pills{gap:4px}.mc-pill{padding:4px 10px;font-size:11px}.mc-section-label{font-size:10px}.mc-help--mobile{text-align:center;color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:0 auto 12px;padding:8px 14px;font-size:12px;display:flex}.mc-tiles{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.mc-tile{aspect-ratio:1;border:1px solid var(--mc-border);background:var(--mc-surf);min-height:0;box-shadow:var(--mc-shadow);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.mc-tile:active{transform:scale(.97)}.mc-tile-name{color:var(--mc-text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.mc-tile-codes{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mc-tile-code{letter-spacing:.03em;color:var(--mc-blue);background:color-mix(in srgb, var(--color-primary) 9%, white);white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700}.mc-tile-code--more{color:var(--mc-text-sec);background:#f1f5f9}.mc-card-list{display:none}.mc-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:flex-end;animation:.18s mc-fade;display:flex;position:fixed;inset:0}.mc-modal{scrollbar-width:none;width:100%;max-width:560px;max-height:88vh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;animation:.55s cubic-bezier(.22,1,.36,1) mc-up;overflow-y:auto;box-shadow:0 -6px 30px #0f172a2e}.mc-modal::-webkit-scrollbar{display:none}.mc-modal-hdr{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mc-modal-title{align-items:center;gap:12px;min-width:0;display:flex}.mc-modal-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:42px;height:42px;color:var(--mc-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mc-modal-name{color:var(--mc-text);font-size:18px;font-weight:700}.mc-modal-level{color:var(--mc-text-sec);margin-top:2px;font-size:12px}.mc-modal-close{width:34px;height:34px;color:var(--mc-text-sec);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mc-modal-body{flex-direction:column;gap:20px;display:flex}.mcm-counts{flex-wrap:wrap;gap:8px;display:flex}.mcm-counts span{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.mcm-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.mcm-group .mc-section-label{margin:0}.mcm-subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mcm-subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.mcm-subject-idx{width:26px;height:26px;color:var(--mc-blue);background:color-mix(in srgb, var(--color-primary) 10%, white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.mcm-subject-name{color:var(--mc-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.mcm-days{flex-direction:column;gap:10px;display:flex}.mcm-day-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.mcm-day-name{color:var(--mc-blue);background:color-mix(in srgb, var(--color-primary) 6%, white);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;font-size:12px;font-weight:700;display:block}.mcm-day-slots{flex-direction:column;display:flex}.mcm-slot-card{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.mcm-slot-time{color:var(--mc-text-sec);white-space:nowrap;align-items:center;gap:5px;font-family:monospace;font-size:12px;font-weight:600;display:inline-flex}.mcm-slot-subj{color:var(--mc-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}}@keyframes mc-fade{0%{opacity:0}to{opacity:1}}@keyframes mc-up{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.mc-hdr{padding:12px 10px}.mc-card{border-radius:10px!important}.mc-page{gap:10px}}:root{--cmt-surf:#fff;--cmt-border:#e5e7eb;--cmt-border-lt:#f1f5f9;--cmt-text:#0f172a;--cmt-text-sec:#64748b;--cmt-text-muted:#94a3b8;--cmt-blue:var(--color-primary);--cmt-radius:14px;--cmt-radius-sm:10px;--cmt-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a}.cmt-page{flex-direction:column;gap:16px;display:flex}.cmt-toolbar{background:var(--cmt-surf);border:1px solid var(--cmt-border);border-radius:var(--cmt-radius);box-shadow:var(--cmt-shadow);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex}.cmt-filters{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.cmt-select{border:1px solid var(--cmt-border);color:var(--cmt-text);cursor:pointer;background:#fff;border-radius:8px;outline:none;min-width:90px;padding:7px 10px;font-size:12px}.cmt-select:focus{border-color:var(--cmt-blue);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, white)}.cmt-search{flex:1;align-items:center;min-width:140px;display:flex;position:relative}.cmt-search-icon{color:var(--cmt-text-muted);pointer-events:none;position:absolute;left:10px}.cmt-search-input{border:1px solid var(--cmt-border);width:100%;color:var(--cmt-text);border-radius:8px;outline:none;padding:7px 10px 7px 30px;font-size:12px}.cmt-search-input:focus{border-color:var(--cmt-blue);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, white)}.cmt-save-btn{cursor:pointer;white-space:nowrap;background:var(--cmt-blue);color:#fff;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.cmt-save-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.cmt-save-btn:disabled{cursor:not-allowed;background:#93c5fd}.cmt-save-btn--saved{color:#fff;background:#16a34a}.cmt-layout{grid-template-columns:320px 1fr;gap:16px;min-height:0;display:grid}.cmt-students{background:var(--cmt-surf);border:1px solid var(--cmt-border);border-radius:var(--cmt-radius);box-shadow:var(--cmt-shadow);flex-direction:column;display:flex;overflow:hidden}.cmt-students-hdr{border-bottom:1px solid var(--cmt-border-lt);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cmt-students-title{color:var(--cmt-text-sec);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.cmt-students-count{background:color-mix(in srgb, var(--color-primary) 8%, white);min-width:20px;height:20px;color:var(--cmt-blue);border-radius:20px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.cmt-students-list{flex:1;padding:8px;overflow-y:auto}.cmt-student{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .12s;display:flex}.cmt-student:hover{background:#f8fafc}.cmt-student--active{background:color-mix(in srgb, var(--color-primary) 8%, white)}.cmt-student--active:hover{background:color-mix(in srgb, var(--color-primary) 15%, white)}.cmt-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--cmt-blue);text-transform:uppercase;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.cmt-student--active .cmt-avatar{background:color-mix(in srgb, var(--color-primary) 15%, white)}.cmt-student-info{flex:1;min-width:0}.cmt-student-name{color:var(--cmt-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;overflow:hidden}.cmt-student-adm{color:var(--cmt-text-muted);margin:1px 0 0;font-size:11px}.cmt-has-comment{color:var(--cmt-blue);opacity:.6;flex-shrink:0}.cmt-student--active .cmt-has-comment{opacity:1}.cmt-editor{background:var(--cmt-surf);border:1px solid var(--cmt-border);border-radius:var(--cmt-radius);box-shadow:var(--cmt-shadow);flex-direction:column;display:flex;overflow:hidden}.cmt-empty{min-height:400px;color:var(--cmt-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.cmt-empty-icon{background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cmt-empty h4{color:var(--cmt-text-sec);margin:0;font-size:14px;font-weight:600}.cmt-empty p{color:var(--cmt-text-muted);margin:0;font-size:12px}.cmt-editor-hdr{border-bottom:1px solid var(--cmt-border-lt);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.cmt-editor-student{align-items:center;gap:10px;display:flex}.cmt-editor-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:36px;height:36px;color:var(--cmt-blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.cmt-editor-name{color:var(--cmt-text);margin:0;font-size:14px;font-weight:600}.cmt-editor-meta{color:var(--cmt-text-muted);margin:1px 0 0;font-size:11px}.cmt-term-badge{color:var(--cmt-text-sec);background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;display:flex}.cmt-editor-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.cmt-textarea{border:1px solid var(--cmt-border);width:100%;min-height:200px;color:var(--cmt-text);resize:vertical;border-radius:10px;outline:none;flex:1;padding:14px 16px;font-family:inherit;font-size:13px;line-height:1.6}.cmt-textarea:focus{border-color:var(--cmt-blue);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, white)}.cmt-textarea::placeholder{color:var(--cmt-text-muted)}.cmt-textarea-footer{justify-content:space-between;align-items:center;display:flex}.cmt-char-count{color:var(--cmt-text-muted);font-size:11px}.cmt-editor-footer{border-top:1px solid var(--cmt-border-lt);justify-content:flex-end;padding:14px 20px;display:flex}@media (width<=900px){.cmt-layout{grid-template-columns:1fr}.cmt-students{max-height:280px}}@media (width<=768px){.cmt-toolbar{flex-direction:column;align-items:stretch;padding:12px}.cmt-filters{flex-direction:column;align-items:stretch}.cmt-select{width:100%;min-height:44px;font-size:14px}.cmt-search{width:100%;min-width:0}.cmt-search-input{min-height:44px;font-size:14px}.cmt-save-btn{justify-content:center;width:100%;min-height:44px}.cmt-layout{gap:12px}.cmt-students{border-radius:12px;max-height:320px}.cmt-students-hdr{padding:12px 14px}.cmt-students-list{padding:6px}.cmt-student{border-radius:10px;min-height:48px;padding:10px}.cmt-avatar{border-radius:10px;width:36px;height:36px;font-size:12px}.cmt-student-name{font-size:14px}.cmt-editor{border-radius:12px}.cmt-editor-hdr{flex-wrap:wrap;gap:8px;padding:12px 14px}.cmt-editor-avatar{width:40px;height:40px;font-size:13px}.cmt-editor-name{font-size:15px}.cmt-editor-body{padding:14px}.cmt-textarea{min-height:180px;font-size:15px}.cmt-editor-footer{padding:12px 14px}.cmt-empty{min-height:300px}}@media (width<=480px){.cmt-page{gap:10px}.cmt-students{max-height:300px}.cmt-editor-body{padding:12px}.cmt-textarea{min-height:200px}}.tmn-nav{display:none}@media (width<=768px){.tmn-nav{z-index:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff5;border-top:1px solid #e2e8f0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f172a14}.tmn-item{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:5px 2px 4px;font-family:inherit;font-size:10px;font-weight:600;transition:color .15s;display:flex}.tmn-item-icon{border-radius:16px;justify-content:center;align-items:center;width:44px;height:28px;transition:background .15s;display:flex;position:relative}.tmn-item-icon svg{width:21px;height:21px}.tmn-item-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:10px;line-height:1.2;overflow:hidden}.tmn-item--active{color:var(--color-primary)}.tmn-item--active .tmn-item-icon{background:color-mix(in srgb, var(--color-primary) 12%, white)}.tmn-badge{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.tmn-overlay{z-index:940;background:#0f172a80;animation:.2s tmn-fade;position:fixed;inset:0}.tmn-sheet{z-index:950;max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:18px 18px 0 0;flex-direction:column;animation:.25s tmn-sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0f172a2e}.tmn-sheet-handle{background:#e2e8f0;border-radius:4px;flex-shrink:0;width:40px;height:4px;margin:10px auto 4px}.tmn-sheet-hdr{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 18px 14px;display:flex}.tmn-sheet-avatar{background:color-mix(in srgb, var(--color-primary) 12%, white);width:44px;height:44px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.tmn-sheet-id{flex:1;min-width:0}.tmn-sheet-name{color:#0f172a;margin:0;font-size:15px;font-weight:700}.tmn-sheet-school{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.tmn-sheet-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tmn-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 18px;display:grid;overflow-y:auto}.tmn-more-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:13px 12px;font-family:inherit;transition:all .15s;display:flex}.tmn-more-item:active{background:#f8fafc}.tmn-more-item--active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 6%, white)}.tmn-more-icon{color:var(--color-primary);flex-shrink:0;display:flex}.tmn-more-icon svg{width:21px;height:21px}.tmn-more-label{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tmn-badge--sm{flex-shrink:0;margin-left:auto;position:static}.tmn-more-empty{text-align:center;color:#94a3b8;grid-column:1/-1;padding:20px 0;font-size:13px}.tmn-terms-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;margin:0 18px 14px;padding:14px}.tmn-terms-title{color:#0f172a;letter-spacing:.2px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.tmn-terms-pills{flex-wrap:wrap;gap:8px;display:flex}.tmn-terms-pill{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.tmn-terms-pill:active{background:#f1f5f9}.tmn-sheet-footer{border-top:1px solid #f1f5f9;flex-shrink:0;padding:12px 18px}.tmn-logout{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.tmn-logout:active{background:#fef2f2}.tmn-role-switcher{margin-bottom:10px}.tmn-role-switcher .role-switcher{margin-bottom:0}.tmn-role-switcher .role-switcher-trigger{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;width:100%;padding:12px;font-size:14px;font-weight:600}.tmn-role-switcher .role-switcher-trigger:hover{background:#f1f5f9}.tmn-role-switcher .role-switcher-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:0;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #0f172a1f}.tmn-role-switcher .role-switcher-option{color:#334155;justify-content:center;font-size:14px;font-weight:500}.tmn-role-switcher .role-switcher-option:hover{color:#0f172a;background:#f1f5f9}@keyframes tmn-fade{0%{opacity:0}to{opacity:1}}@keyframes tmn-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.tmh-shell{display:none}@media (width<=768px){.tmh-shell{z-index:800;height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fffffff5;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 16px #0f172a0f}.tmh-brand{align-items:center;gap:8px;min-width:0;display:flex}.tmh-logo{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;width:30px;height:30px}.tmh-brand-mark{background:color-mix(in srgb, var(--color-primary) 14%, white);width:30px;height:30px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.tmh-app-name{letter-spacing:-.3px;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:17px;font-weight:800}.tmh-app-shule{color:#0f172a}.tmh-app-pulse{color:#16a34a}.tmh-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tmh-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.tmh-btn:active{background:#f1f5f9}.tmh-badge{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.tmh-avatar{background:color-mix(in srgb, var(--color-primary) 12%, white);width:40px;height:40px;color:var(--color-primary);text-transform:uppercase;cursor:pointer;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;display:flex;overflow:hidden}.tmh-avatar:active{filter:brightness(.95)}.tmh-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}}.ct-performance-page{flex-direction:column;gap:24px;padding:0;display:flex}.ct-perf-tabs{background:#f1f5f9;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.ct-perf-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ct-perf-tab:hover{color:#374151;background:#e2e8f0}.ct-perf-tab.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.ct-perf-summary{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.ct-perf-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;min-height:80px;padding:20px;display:flex}.ct-perf-sum-card svg{flex-shrink:0}.ct-perf-sum-card.blue svg{color:var(--color-primary)}.ct-perf-sum-card.purple svg{color:var(--color-secondary)}.ct-perf-sum-card.green svg{color:#16a34a}.ct-perf-sum-card.red svg{color:#dc2626}.ct-psc-label{color:#64748b;margin:0 0 4px;font-size:11px;font-weight:500}.ct-psc-value{color:#0f172a;margin:0;font-size:20px;font-weight:700}.ct-perf-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ct-perf-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ct-perf-toolbar-right{align-items:center;gap:8px;display:flex}.ct-perf-export-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:44px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ct-perf-export-btn:hover{background:#f8fafc;border-color:#cbd5e1}.ct-perf-export-btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ct-perf-export-btn.primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.ct-search-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:220px;height:44px;padding:0 12px 0 32px;font-size:13px}.ct-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:44px;padding:0 12px;font-size:13px}.ct-perf-grid{grid-template-columns:1fr 340px;gap:24px;display:grid}.ct-perf-grid-full{flex-direction:column;gap:24px;display:flex}.ct-perf-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.ct-perf-card-title{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:7px;margin:0;padding-bottom:12px;font-size:14px;font-weight:700;display:flex}.ct-perf-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.ct-perf-table{border-collapse:collapse;width:100%;font-size:14px}.ct-perf-table thead{background:#f8fafc}.ct-perf-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:600}.ct-perf-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.ct-perf-table tbody tr{transition:background .12s}.ct-perf-table tbody tr:hover{background:#fafbff}.ct-perf-table tbody tr:last-child td{border-bottom:none}.ct-score-value{font-size:14px;font-weight:700}.ct-score-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ct-sname{color:#1e293b;margin:0 0 2px;font-size:14px;font-weight:500}.ct-sclass{color:#94a3b8;margin:0;font-size:12px}.ct-student-name-cell{align-items:center;gap:10px;display:flex}.ct-student-avatar-sm{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ct-adm-no{color:#64748b;font-family:monospace;font-size:13px}.ct-perf-rank-cell{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.ct-perf-rank-cell.rank-1{color:#b45309;background:#fef3c7}.ct-perf-rank-cell.rank-2{color:#475569;background:#e2e8f0}.ct-perf-rank-cell.rank-3{color:#c2410c;background:#fed7aa}.ct-perf-view-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.ct-perf-view-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#f1f5f9}.ct-perf-sidebar{flex-direction:column;gap:24px;display:flex}.ct-perf-student-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:8px 0;transition:background .15s;display:flex}.ct-perf-student-row:hover{background:#f8fafc;border-radius:6px}.ct-perf-student-row:last-child{border-bottom:none}.ct-perf-rank{color:#94a3b8;text-align:center;flex-shrink:0;width:20px;font-size:12px;font-weight:700}.ct-perf-student-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ct-perf-student-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ct-perf-student-class{color:#94a3b8;font-size:11px}.ct-perf-student-avg{color:#374151;flex-shrink:0;font-size:13px;font-weight:600}.ct-perf-bar-row{align-items:center;gap:10px;font-size:13px;display:flex}.ct-perf-bar-label{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:120px;font-size:12px;overflow:hidden}.ct-perf-bar-track{background:#f1f5f9;border-radius:99px;flex:1;height:8px;overflow:hidden}.ct-perf-bar-fill{border-radius:99px;height:100%;transition:width .4s}.ct-perf-bar-val{text-align:right;color:#374151;flex-shrink:0;width:36px;font-size:12px;font-weight:600}.ct-perf-count{color:#94a3b8;flex-shrink:0;font-size:11px}.ct-perf-grade-dist{flex-direction:column;gap:12px;display:flex}.ct-perf-grade-row{flex-direction:column;gap:4px;display:flex}.ct-perf-grade-label{justify-content:space-between;align-items:center;display:flex}.ct-perf-grade-letter{font-size:14px;font-weight:700}.ct-perf-grade-count{color:#64748b;font-size:12px}.ct-perf-grade-track{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden}.ct-perf-grade-fill{border-radius:99px;height:100%;transition:width .4s}.ct-rank-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:14px 16px;display:flex}.ct-rank-filter-group{align-items:center;gap:6px;display:flex}.ct-rank-label{color:#64748b;white-space:nowrap;font-size:12px;font-weight:600}.ct-rank-search{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;height:44px;padding:0 12px;font-size:13px}.ct-rank-search:focus{border-color:var(--color-primary)}.ct-rank-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:44px;padding:0 12px;font-size:13px}.ct-rank-select:focus{border-color:var(--color-primary)}.ct-cbc-metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ct-cbc-metric-card{text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.ct-cbc-metric-value{font-size:24px;font-weight:700;line-height:1.2}.ct-cbc-metric-label{text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:11px;font-weight:600}.ct-cbc-metric-sublabel{opacity:.7;margin-top:2px;font-size:10px}.ct-cbc-proficiency-bar{border-radius:5px;height:10px;display:flex;overflow:hidden}.ct-cbc-proficiency-bar>div{transition:width .3s}.ct-cbc-proficiency-labels{gap:12px;margin-top:8px;display:flex}.ct-cbc-proficiency-label{align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.ct-cbc-proficiency-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ct-cbc-class-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 0;display:flex}.ct-cbc-class-row:last-child{border-bottom:none}.ct-cbc-class-row-clickable{cursor:pointer}.ct-cbc-class-row-clickable:hover{background:#fafbff;border-radius:8px;margin:0 -8px;padding:10px 8px}.ct-cbc-class-name{color:#0f172a;min-width:80px;font-size:14px;font-weight:600}.ct-cbc-class-stats{flex:1;align-items:center;gap:16px;display:flex}.ct-cbc-class-stat{flex-direction:column;align-items:center;min-width:50px;display:flex}.ct-cbc-class-stat-value{font-size:14px;font-weight:700}.ct-cbc-class-stat-label{color:#94a3b8;text-transform:uppercase;font-size:10px}.ct-cbc-class-actions{flex-shrink:0;gap:6px;display:flex}.ct-cbc-class-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.ct-cbc-class-action-btn.subjects{background:color-mix(in srgb, var(--color-secondary) 8%, white);color:var(--color-secondary);border-color:color-mix(in srgb, var(--color-secondary) 20%, white)}.ct-cbc-class-action-btn.subjects:hover{background:var(--color-secondary);color:#fff}.ct-cbc-class-action-btn.subjects.active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.ct-cbc-class-action-btn.pdf{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.ct-cbc-class-action-btn.pdf:hover{color:#fff;background:#dc2626}.ct-cbc-subject-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ct-cbc-subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ct-cbc-subject-header{justify-content:space-between;align-items:center;display:flex}.ct-cbc-subject-name{color:#0f172a;font-size:14px;font-weight:600}.ct-cbc-subject-score{align-items:center;gap:8px;display:flex}.ct-cbc-subject-points{font-size:16px;font-weight:700}.ct-cbc-subject-band{border-radius:12px;justify-content:center;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.ct-cbc-class-detail{background:color-mix(in srgb, var(--color-secondary) 8%, white);border-top:2px solid #e2e8f0;padding:20px 24px}.ct-cbc-class-detail-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ct-cbc-class-detail-name{color:#0f172a;font-size:16px;font-weight:700}.ct-cbc-class-detail-count{color:#64748b;font-size:12px}.ct-cbc-class-detail-mean{border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ct-cbc-band-grid{gap:12px;margin-bottom:16px;display:flex}.ct-cbc-band-card{text-align:center;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.ct-cbc-band-value{font-size:18px;font-weight:700}.ct-cbc-band-label{margin-top:2px;font-size:10px;font-weight:600}.ct-progress-wrap{align-items:center;gap:8px;display:flex}.ct-progress-track{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.ct-progress-fill{border-radius:3px;height:100%;transition:width .3s}.ct-progress-value{text-align:right;min-width:36px;font-size:12px;font-weight:600}.ct-reports-header{justify-content:space-between;align-items:center;display:flex}.ct-reports-actions{align-items:center;gap:12px;display:flex}.ct-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ct-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:700px;max-height:80vh;display:flex;box-shadow:0 20px 60px #00000026}.ct-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ct-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.ct-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ct-modal-close:hover{color:#0f172a;background:#e2e8f0}.ct-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.ct-modal-info-row{color:#64748b;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding-bottom:14px;font-size:13px;display:flex}.ct-modal-info-row strong{color:#0f172a}.ct-perf-detail-groups{flex-direction:column;gap:12px;margin-top:12px;display:flex}.ct-perf-detail-subject{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.ct-perf-detail-subject-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ct-perf-detail-subject-name{color:#1e293b;font-size:13px;font-weight:700}.ct-perf-detail-exams{flex-direction:column;display:flex}.ct-perf-detail-exam-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:6px 12px;display:flex}.ct-perf-detail-exam-row:last-child{border-bottom:none}.ct-perf-detail-exam-name{color:#64748b;min-width:80px;font-size:12px}.ct-perf-detail-exam-score{min-width:50px;font-size:13px;font-weight:600}.ct-empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.ct-perf-mobile-list,.ct-cbc-mobile-list{display:none}.ct-pm-card,.ct-cbc-mcard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0f172a0a}.ct-pm-top{align-items:center;gap:12px;display:flex}.ct-pm-idx{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.ct-pm-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ct-pm-sname{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.ct-pm-sub{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ct-pm-bottom{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ct-pm-stat{flex-direction:column;gap:2px;min-width:52px;display:flex}.ct-pm-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.ct-pm-stat-value{color:#0f172a;font-size:14px;font-weight:700}.ct-pm-arrow{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:inline-flex}.ct-cbc-mcard-head{justify-content:space-between;align-items:center;display:flex}.ct-cbc-mcard-head>div{align-items:center;gap:10px;display:flex}.ct-cbc-mcard-rank{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.ct-cbc-mcard-class{color:#0f172a;font-size:15px;font-weight:700}.ct-cbc-mcard-stats{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:10px 20px;padding:10px 0;display:flex}.ct-cbc-mcard-stat{flex-direction:column;gap:2px;min-width:56px;display:flex}.ct-cbc-mcard-btn{border:1px solid color-mix(in srgb, var(--color-secondary) 25%, white);background:color-mix(in srgb, var(--color-secondary) 8%, white);width:100%;color:var(--color-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;display:flex}.ct-cbc-mcard-btn:hover{background:var(--color-secondary);color:#fff}.ct-sidebar-mobile-trigger{color:#1e293b;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:13px;font-weight:500;display:none}.ct-sidebar-trigger-val{color:#64748b;font-size:12px;font-weight:600}@media (width<=1024px){.ct-perf-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-perf-grid{grid-template-columns:1fr}.ct-cbc-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.ct-perf-table-wrap{display:none}.ct-perf-mobile-list,.ct-cbc-mobile-list{flex-direction:column;gap:10px;display:flex}.ct-perf-grid{grid-template-columns:1fr}.ct-perf-sidebar{order:2}.ct-perf-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ct-perf-sum-card{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;padding:8px 6px}.ct-perf-sum-card>svg{width:18px;height:18px}.ct-psc-label{margin:0;font-size:10px}.ct-psc-value{font-size:18px;line-height:1.1}.ct-perf-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;width:100%;display:flex;overflow-x:auto}.ct-perf-tabs::-webkit-scrollbar{display:none}.ct-perf-tab{flex:none;height:34px;padding:8px 12px;font-size:12px}.ct-perf-toolbar{flex-direction:column;align-items:stretch;gap:10px}.ct-perf-toolbar-left{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.ct-perf-toolbar-left::-webkit-scrollbar{display:none}.ct-search-wrap,.ct-perf-toolbar-left .ct-filter-select{flex:none}.ct-perf-toolbar-right{justify-content:flex-start}.ct-perf-card-title{padding-bottom:10px;font-size:12px}.ct-rank-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;align-items:center;gap:8px;padding:10px 12px;overflow-x:auto}.ct-rank-filters::-webkit-scrollbar{display:none}.ct-rank-filter-group{flex:none;width:auto}.ct-rank-search{width:150px;height:38px;font-size:12px}.ct-rank-select{width:auto;height:38px;padding:0 10px;font-size:12px}.ct-cbc-metric-grid{grid-template-columns:repeat(4,1fr);gap:8px}.ct-cbc-metric-card{padding:10px 4px}.ct-cbc-metric-value{font-size:18px}.ct-cbc-metric-label{font-size:10px}.ct-cbc-metric-sublabel{font-size:9px}.ct-cbc-band-grid{flex-wrap:wrap;gap:8px}.ct-cbc-subject-grid{grid-template-columns:1fr;gap:8px}.ct-cbc-subject-card{padding:12px 14px}.ct-cbc-class-detail{padding:14px}.ct-reports-header{flex-direction:column;align-items:flex-start;gap:10px}.ct-reports-actions{justify-content:space-between;width:100%}.ct-modal-info-row{gap:10px;font-size:12px}.ct-modal-body{padding:14px 16px}.ct-performance-page{background:#f8fafc;gap:16px;max-width:100%;overflow-x:hidden}.ct-performance-page>*{min-width:0;max-width:100%}.ct-perf-grid,.ct-perf-card,.ct-perf-sidebar,.ct-perf-toolbar,.ct-perf-mobile-list,.ct-cbc-mobile-list{min-width:0}.ct-perf-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.ct-perf-card-title{color:#0f172a;border-bottom:1px solid #f1f5f9;margin-bottom:0;padding-bottom:10px;font-size:13px}.ct-perf-toolbar{gap:12px}.ct-perf-toolbar-left{gap:8px}.ct-search-input{width:160px;height:36px;font-size:12px}.ct-filter-select{height:36px;min-height:36px;padding:0 10px;font-size:12px}.ct-perf-export-btn{height:36px;padding:0 12px;font-size:12px}.ct-perf-card{border-radius:14px;gap:12px;padding:14px}.ct-perf-mobile-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:block;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.ct-perf-mobile-list .ct-pm-card.ct-pm-compact{min-height:56px;box-shadow:none;background:#fff;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;align-items:center;gap:0;padding:12px 16px;display:flex}.ct-perf-mobile-list .ct-pm-card.ct-pm-compact:last-child{border-bottom:none}.ct-perf-mobile-list .ct-pm-card:not(.ct-pm-compact){margin-bottom:10px}.ct-perf-mobile-list .ct-pm-card:not(.ct-pm-compact):last-child{margin-bottom:0}.ct-perf-mobile-list .ct-pm-top{flex:1;align-items:center;gap:12px;width:100%;min-width:0}.ct-perf-mobile-list .ct-pm-top>.ct-perf-rank-cell,.ct-perf-mobile-list .ct-pm-top>.ct-student-avatar-sm{flex-shrink:0}.ct-perf-mobile-list .ct-pm-name{flex-direction:column;flex:1;justify-content:center;gap:0;min-width:0;display:flex}.ct-perf-mobile-list .ct-pm-sname{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.3;overflow:hidden}.ct-perf-mobile-list .ct-pm-arrow{color:#cbd5e1;background:0 0;width:32px;height:32px;margin-left:8px}.ct-perf-summary{gap:8px}.ct-perf-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a0a}.ct-perf-sum-card>svg{opacity:.85}.ct-psc-value{color:#0f172a}.ct-overview-sidebar .ct-perf-card{border:1px solid #e2e8f0;border-radius:14px;padding:0;overflow:hidden}.ct-overview-sidebar .ct-perf-card-title{margin:0;padding:12px 14px}.ct-overview-sidebar .ct-sidebar-mobile-trigger{color:#334155;background:#fff;border:none;border-top:1px solid #f1f5f9;border-radius:0;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:13px;display:flex}.ct-overview-sidebar .ct-sidebar-mobile-trigger svg{color:#cbd5e1;margin-left:auto}.ct-overview-sidebar .ct-sidebar-mobile-trigger .ct-sidebar-trigger-val{color:#64748b}.ct-overview-sidebar .ct-perf-card>.ct-perf-grade-dist,.ct-overview-sidebar .ct-perf-card>.ct-perf-student-row,.ct-overview-sidebar .ct-perf-card>.ct-perf-bar-row,.ct-overview-sidebar .ct-perf-card>.ct-text-muted{display:none!important}.ct-cbc-mobile-list .ct-cbc-mcard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.ct-cbc-mcard-class{color:#0f172a}.ct-cbc-mcard-btn{color:#2563eb;background:#f8fafc;border-color:#e2e8f0;border-radius:10px}.ct-cbc-mcard-btn:hover{color:#fff;background:#2563eb}.ct-cbc-mcard-stats{border-color:#f1f5f9}.ct-modal{border:1px solid #e2e8f0;border-radius:16px}.ct-modal-header h3{font-size:15px}.ct-modal-body{background:#f8fafc}}@media (width<=480px){.ct-perf-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ct-perf-sum-card{padding:8px 4px}.ct-perf-sum-card>svg{display:none}.ct-psc-value{font-size:14px}.ct-pm-bottom{gap:10px}.ct-pm-stat{min-width:44px}.ct-cbc-metric-grid{grid-template-columns:repeat(4,1fr);gap:6px}}@media (width<=400px){.ct-perf-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.ct-comments-page{flex-direction:column;gap:20px;padding:0;display:flex}.ct-comments-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.ct-comments-card-header{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.ct-comment-form{flex-direction:column;gap:12px;display:flex}.ct-comment-subject-row{gap:10px;display:flex}.ct-comment-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .15s}.ct-comment-textarea:focus{border-color:var(--color-primary)}.ct-comment-form-actions{justify-content:space-between;align-items:center;display:flex}.ct-comment-char-count{color:#94a3b8;font-size:12px}.ct-comments-list{flex-direction:column;gap:12px;display:flex}.ct-comment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.ct-comment-header{justify-content:space-between;align-items:flex-start;display:flex}.ct-comment-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ct-comment-author{color:#374151;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.ct-comment-subject-badge{background:color-mix(in srgb, var(--color-primary) 15%, white);color:color-mix(in srgb, var(--color-primary) 80%, black);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.ct-comment-date{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:flex}.ct-comment-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .15s}.ct-comment-delete:hover{color:#dc2626;background:#fee2e2}.ct-comment-text{color:#1e293b;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.ct-comment-term{color:#94a3b8;margin:0;font-size:12px}.ct-comments-empty{text-align:center;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.ct-comments-empty p{color:#64748b;margin:0;font-size:15px}.ct-comments-empty span{font-size:13px}.ct-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.ct-filter-select:focus{border-color:var(--color-primary)}@media (width<=640px){.ct-comment-meta{flex-direction:column;align-items:flex-start;gap:4px}.ct-comment-form-actions{flex-direction:column;align-items:stretch;gap:8px}}.ct-comm-page{flex-direction:column;gap:20px;padding:0;display:flex}.ct-comm-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.ct-comm-header-content{align-items:center;gap:12px;display:flex}.ct-comm-header-content svg{color:var(--color-primary);flex-shrink:0}.ct-comm-header-content h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.ct-comm-header-content p{color:#64748b;margin:4px 0 0;font-size:13px}.ct-comm-student-list{flex-direction:column;gap:8px;display:flex}.ct-comm-student-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.ct-comm-student-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb14}.ct-comm-student-card.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.ct-comm-student-avatar{background:color-mix(in srgb, var(--color-primary) 8%, white);width:40px;height:40px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ct-comm-student-info{flex:1;min-width:0}.ct-comm-student-name{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:600}.ct-comm-student-detail{color:#94a3b8;margin:0 0 6px;font-size:12px}.ct-comm-contact-info{flex-wrap:wrap;gap:12px;display:flex}.ct-comm-contact-item{color:#64748b;background:#f8fafc;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.ct-comm-student-action{color:#94a3b8;transition:color .15s}.ct-comm-student-card:hover .ct-comm-student-action{color:var(--color-primary)}.ct-comm-messages-view{flex-direction:column;gap:16px;height:100%;display:flex}.ct-comm-messages-header{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.ct-comm-messages-student{align-items:center;gap:12px;display:flex}.ct-comm-messages-list{flex-direction:column;flex:1;gap:10px;max-height:400px;padding:4px;display:flex;overflow-y:auto}.ct-comm-message-item{border-radius:10px;flex-direction:column;gap:6px;max-width:80%;padding:12px 16px;display:flex}.ct-comm-message-item.sent{background:var(--color-primary);color:#fff;align-self:flex-end}.ct-comm-message-item.received{color:#1e293b;background:#f1f5f9;align-self:flex-start}.ct-comm-message-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ct-comm-message-sender{opacity:.85;font-size:12px;font-weight:600}.ct-comm-message-date{opacity:.7;align-items:center;gap:3px;font-size:11px;display:flex}.ct-comm-message-text{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.ct-comm-message-meta{opacity:.7;font-size:11px}.ct-comm-message-input{border-top:1px solid #e2e8f0;align-items:flex-end;gap:10px;padding-top:12px;display:flex}.ct-comm-textarea{color:#1e293b;resize:none;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.ct-comm-textarea:focus{border-color:var(--color-primary)}.ct-comm-empty{text-align:center;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.ct-comm-empty p{color:#64748b;margin:0;font-size:15px}.ct-comm-empty span{font-size:13px}.ct-search-wrap{align-items:center;display:flex;position:relative}.ct-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.ct-search-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 32px;font-size:13px}.ct-search-input:focus{border-color:var(--color-primary)}.ct-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.ct-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.ct-btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.ct-btn-secondary{color:#374151;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.ct-btn-secondary:hover{background:#e2e8f0}.ct-text-muted{color:#94a3b8;font-size:13px}@media (width<=640px){.ct-comm-message-input{flex-direction:column;align-items:stretch}.ct-comm-message-item{max-width:100%}.ct-comm-contact-info{flex-direction:column;gap:4px}}.ct-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.ct-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.ct-sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:28px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.ct-sidebar-logo{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.ct-sidebar-user{background:#1e293b;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.ct-user-avatar{background:var(--color-secondary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.ct-user-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.ct-user-role{color:#94a3b8;margin:2px 0 0;font-size:11px}.ct-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.ct-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.ct-nav-item:hover{color:#f1f5f9;background:#1e293b}.ct-nav-item.active{background:var(--color-primary);color:#fff}.ct-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ct-sidebar{padding:14px 10px}.ct-sidebar-brand{margin-bottom:12px;padding:0 10px;font-size:14px}.ct-sidebar-logo{border-radius:7px;width:28px;height:28px;font-size:11px}.ct-sidebar-user{border-radius:8px;margin-bottom:14px;padding:8px 10px}.ct-user-avatar{width:28px;height:28px;font-size:11px}.ct-user-name{font-size:11.5px}.ct-user-role{font-size:10px}.ct-sidebar-nav{gap:1px}.ct-nav-item{border-radius:7px;padding:8px 12px;font-size:13px;font-weight:500}.ct-logout-btn{padding:8px 12px;font-size:13px}.ct-sidebar-footer{border-top:1px solid #1e293b;padding-top:16px}.ct-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.ct-logout-btn:hover{background:#1e293b}.ct-main{flex-direction:column;flex:1;gap:24px;min-width:0;margin-left:240px;padding:32px;display:flex}.ct-header{justify-content:space-between;align-items:center;display:flex}.ct-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.ct-header p{color:#64748b;margin:4px 0 0;font-size:13px}.ct-header-actions{align-items:center;gap:12px;display:flex}.ct-avatar{background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.ct-welcome-banner{background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 80%, black));color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.ct-welcome-banner h2{margin:0 0 4px;font-size:20px;font-weight:700}.ct-welcome-banner p{opacity:.85;margin:0;font-size:14px}.ct-avatar-large{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.ct-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ct-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.ct-stat-icon{align-items:center;margin-bottom:12px;display:flex}.ct-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.ct-stat-value{white-space:nowrap;margin:0 0 6px;font-size:28px;font-weight:700}.ct-stat-suffix{color:#94a3b8;margin:0;font-size:12px}.ct-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ct-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.ct-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ct-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.ct-quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ct-quick-action-btn{cursor:pointer;color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ct-quick-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.ct-info-list{flex-direction:column;gap:12px;display:flex}.ct-info-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.ct-info-item:last-child{border-bottom:none;padding-bottom:0}.ct-info-label{color:#64748b;font-size:13px}.ct-info-value{color:#0f172a;font-size:13px;font-weight:600}.ct-loading-state,.ct-empty-state{text-align:center;color:#94a3b8;padding:60px;font-size:14px}.ct-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.ct-mobile-overlay{z-index:190;background:#00000080;animation:.2s ctFadeIn;display:none;position:fixed;inset:0}.ct-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.ct-mobile-close:hover{color:#fff;background:#fff3}@keyframes ctFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.ct-stats-grid{grid-template-columns:repeat(2,1fr)}.ct-grid{grid-template-columns:1fr}}.ct-desktop-dashboard{display:block}.ct-mobile-home{display:none}.ctm-welcome{padding:4px 2px 8px}.ctm-welcome h2{color:#0f172a;margin:0 0 2px;font-size:18px;font-weight:700}.ctm-welcome p{color:#64748b;margin:0;font-size:13px}.ctm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.ctm-card-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0 0 12px;font-size:12px;font-weight:700}.ctm-today-rows{flex-direction:column;display:flex}.ctm-today-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.ctm-today-row:last-child{border-bottom:none}.ctm-today-row span{color:#64748b;font-size:13px}.ctm-today-row strong{color:#0f172a;font-size:15px;font-weight:700}.ctm-today-row strong small{color:#94a3b8;font-size:12px;font-weight:500}.ctm-footer{padding:0 2px 4px}.ctm-footer p{color:#94a3b8;margin:0;font-size:12px}.ct-app-home{display:none}@media (width<=768px){.ct-root.ct-ctah-active .ct-app-home{min-width:0;padding:calc(64px + env(safe-area-inset-top,0px)) 0 calc(96px + env(safe-area-inset-bottom,0px));flex:1;display:block}.ct-root.ct-ctah-active .ct-main,.ct-root.ct-ctah-active .ct-mobile-toggle{display:none!important}}@media (width<=480px){.ct-root.ct-ctah-active .ct-app-home{padding:calc(64px + env(safe-area-inset-top,0px)) 0 calc(96px + env(safe-area-inset-bottom,0px))}}@media (width<=768px){.ct-mobile-toggle,.ct-mobile-overlay,.ct-desktop-dashboard,.ct-sidebar{display:none}.ct-main{padding:calc(58px + env(safe-area-inset-top,0px) + 16px) 16px calc(96px + env(safe-area-inset-bottom,0px));margin-left:0}.ct-header{flex-direction:column;align-items:flex-start;gap:4px}.ct-header h1{font-size:18px}.ct-header p{font-size:12px}.ct-header-actions,.ct-main .ct-header-hide-mobile{display:none}.ct-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ct-quick-actions{grid-template-columns:1fr}.ct-header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.ct-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ct-stat-card{padding:14px}.ct-stat-value{font-size:22px}.ct-header-actions .ct-avatar{display:none}}@media (width>=769px){.ct-desktop-dashboard{flex-direction:column;gap:20px;width:100%;max-width:1280px;margin:0 auto;display:flex}.ct-welcome-banner{padding:24px 28px}.ct-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}.ct-stat-card{flex-direction:column;height:100%;min-height:128px;display:flex}.ct-stat-card .ct-stat-icon{margin-bottom:auto}.ct-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}.ct-grid>.ct-card{flex-direction:column;min-width:0;max-width:100%;display:flex}.ct-quick-actions{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px}.ct-quick-action-btn{min-height:92px;padding:18px 12px}.ct-info-list{gap:0}.ct-info-item{gap:16px;padding:14px 0}.ct-info-item:last-child{border-bottom:none;padding-bottom:0}.ct-info-label{flex-shrink:0;min-width:180px}.ct-info-value{text-align:right;overflow-wrap:break-word;flex:1;min-width:0}}@media (width>=769px) and (width<=1100px){.ct-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=769px) and (width<=920px){.ct-grid{grid-template-columns:1fr}.ct-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}.sp-root{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.sp-sidebar{z-index:100;background:#0f172a;flex-direction:column;width:260px;height:100vh;transition:transform .2s;display:flex;position:fixed;overflow-y:auto}.sp-sidebar::-webkit-scrollbar{width:4px}.sp-sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.sp-sidebar-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.sp-sidebar-brand{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.sp-sidebar-logo-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:34px;height:34px}.sp-sidebar-logo-letter{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.sp-sidebar-school-name{font-size:15px}.sp-sidebar-close{display:none}.sp-sidebar-profile{background:#1e293b;border-radius:10px;align-items:center;gap:12px;margin:8px 16px 20px;padding:14px;display:flex}.sp-sidebar-avatar{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.sp-sidebar-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.sp-sidebar-info{color:#94a3b8;margin:2px 0 0;font-size:11px}.sp-sidebar-nav{flex:1;padding:0 12px;overflow-y:auto}.sp-nav-group{margin-bottom:8px}.sp-nav-group-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:7px 8px;transition:background .15s;display:flex}.sp-nav-group-toggle:hover{background:#1e293b}.sp-nav-group-toggle.open{background:#1d4ed81f}.sp-nav-group-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0;padding:0;font-size:10px;font-weight:600}.sp-nav-group-toggle.open .sp-nav-group-label{color:#93c5fd}.sp-nav-chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.sp-nav-group-toggle.open .sp-nav-chevron{color:#93c5fd;transform:rotate(90deg)}.sp-nav-sub{margin-top:4px;padding-left:4px;animation:.18s spNavExpand}@keyframes spNavExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;transition:all .15s;display:flex;position:relative}.sp-nav-item:hover{color:#f1f5f9;background:#1e293b}.sp-nav-item.active{background:var(--color-primary);color:#fff}.sp-nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.sp-nav-item-label{font-size:13px}.sp-nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:99px;min-width:18px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:600}.sp-sidebar-footer{border-top:1px solid #1e293b;padding:12px 16px}.sp-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.sp-logout-btn:hover{background:#1e293b}.sp-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.sp-topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.sp-topbar-left{align-items:center;gap:12px;display:flex}.sp-mobile-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sp-topbar-brand{align-items:center;gap:10px;display:flex}.sp-topbar-logo{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:28px;height:28px}.sp-topbar-logo-letter{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.sp-topbar-title{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.2}.sp-topbar-subtitle{color:#94a3b8;margin:0;font-size:11px}.sp-topbar-right{align-items:center;gap:8px;display:flex}.sp-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:240px;padding:7px 12px;display:flex}.sp-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.sp-search-box input::placeholder{color:#94a3b8}.sp-topbar-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.sp-topbar-icon-btn:hover{color:#0f172a;background:#f1f5f9}.sp-topbar-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.sp-topbar-divider{background:#e2e8f0;width:1px;height:28px;margin:0 4px}.sp-topbar-user{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.sp-topbar-user:hover{background:#f1f5f9}.sp-topbar-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.sp-topbar-username{color:#0f172a;font-size:13px;font-weight:500}.sp-topbar-logout{color:#94a3b8}.sp-topbar-logout:hover{color:#ef4444!important}.sp-content{flex:1;padding:24px 32px 40px}.sp-dashboard{flex-direction:column;gap:28px;display:flex}.sp-section{flex-direction:column;gap:16px;display:flex}.sp-section-header{align-items:center;gap:8px;display:flex}.sp-section-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.sp-quick-actions{grid-template-columns:repeat(8,1fr);gap:12px;display:grid}.sp-quick-action-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.sp-quick-action-btn:hover{border-color:var(--action-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sp-quick-action-icon{background:var(--action-bg);width:44px;height:44px;color:var(--action-color);border-radius:12px;justify-content:center;align-items:center;display:flex}.sp-quick-action-label{color:#475569;text-align:center;font-size:11px;font-weight:500}.sp-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex;position:relative}.sp-stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.sp-stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sp-stat-content{flex:1}.sp-stat-value{margin:0;font-size:22px;font-weight:700;line-height:1.2}.sp-stat-label{color:#64748b;margin:2px 0;font-size:12px}.sp-stat-sub{color:#94a3b8;margin:0;font-size:11px}.sp-stat-trend{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px}.sp-stat-trend.up{color:#16a34a;background:#dcfce7}.sp-stat-trend.down{color:#dc2626;background:#fef2f2}.sp-stat-trend.neutral{color:#94a3b8;background:#f1f5f9}.sp-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}.sp-card-wide{grid-column:span 1}.sp-card-header{justify-content:space-between;align-items:center;display:flex}.sp-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.sp-card-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:auto;padding:0;font-size:12px;font-weight:500;display:flex}.sp-card-link:hover{color:color-mix(in srgb, var(--color-primary) 80%, black)}.sp-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.sp-badge-danger{color:#dc2626;background:#fef2f2}.sp-badge-success{color:#16a34a;background:#dcfce7}.sp-empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.sp-empty-state-sm{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.sp-loading-container{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px;display:flex}.sp-loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.6s linear infinite spin}.sp-timetable-list{flex-direction:column;gap:8px;display:flex}.sp-timetable-row{background:#f8fafc;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.sp-timetable-row:hover{background:#f1f5f9}.sp-timetable-time{color:#64748b;align-items:center;gap:6px;min-width:120px;font-size:12px;display:flex}.sp-timetable-info{flex:1}.sp-timetable-subject{color:#0f172a;margin:0;font-size:14px;font-weight:600}.sp-timetable-room{color:#94a3b8;margin:2px 0 0;font-size:12px}.sp-timetable-badge{flex-shrink:0}.sp-assignments-mini,.sp-messages-mini,.sp-notices-mini,.sp-events-mini{flex-direction:column;gap:8px;display:flex}.sp-assignment-mini{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.sp-assignment-mini.overdue{background:#fef2f2}.sp-assignment-mini-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-assignment-mini-icon.overdue{color:#dc2626;background:#fef2f2}.sp-assignment-mini-info{flex:1;min-width:0}.sp-assignment-mini-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;overflow:hidden}.sp-assignment-mini-date{color:#94a3b8;margin:2px 0 0;font-size:11px}.sp-performance-chart{flex-direction:column;gap:16px;display:flex}.sp-chart-bars{align-items:flex-end;gap:8px;height:120px;padding:8px 0;display:flex}.sp-chart-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.sp-chart-bar-track{background:#f1f5f9;border-radius:4px;flex:1;align-items:flex-end;width:100%;display:flex;position:relative}.sp-chart-bar-fill{border-radius:4px;width:100%;min-height:4px;transition:height .5s}.sp-chart-bar-label{color:#94a3b8;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:40px;font-size:9px;overflow:hidden}.sp-performance-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sp-perf-stat{text-align:center;background:#f8fafc;border-radius:8px;padding:8px}.sp-perf-stat-label{color:#94a3b8;margin:0 0 4px;font-size:11px}.sp-perf-stat-value{margin:0;font-size:16px;font-weight:700}.sp-attendance-display{align-items:center;gap:20px;padding:8px 0;display:flex}.sp-circular-progress{flex-shrink:0}.sp-attendance-stats{flex-direction:column;flex:1;gap:6px;display:flex}.sp-att-stat{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.sp-att-stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sp-fee-display{flex-direction:column;gap:12px;display:flex}.sp-fee-progress{background:#f1f5f9;border-radius:99px;width:100%;height:10px;overflow:hidden}.sp-fee-progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:99px;height:100%;transition:width .5s}.sp-fee-details{flex-direction:column;gap:6px;display:flex}.sp-fee-row{color:#475569;justify-content:space-between;font-size:13px;display:flex}.sp-fee-row.sp-fee-total{color:#0f172a;border-top:1px solid #f1f5f9;padding-top:6px;font-size:14px;font-weight:600}.sp-fee-paid{color:#16a34a}.sp-fee-cleared{color:#16a34a;background:#dcfce7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:500;display:flex}.sp-message-mini{border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.sp-message-mini:hover{background:#f8fafc}.sp-message-mini.unread{background:color-mix(in srgb, var(--color-primary) 8%, white)}.sp-message-mini-avatar{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.sp-message-mini-content{flex:1;min-width:0}.sp-message-mini-sender{color:#0f172a;margin:0;font-size:12px;font-weight:600}.sp-message-mini-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.sp-notice-mini{border-radius:8px;align-items:flex-start;gap:10px;padding:10px;transition:background .15s;display:flex}.sp-notice-mini:hover{background:#f8fafc}.sp-notice-mini-icon{background:#f5f3ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sp-notice-mini-content{flex:1;min-width:0}.sp-notice-mini-title{color:#0f172a;margin:0;font-size:13px;font-weight:500}.sp-notice-mini-date{color:#94a3b8;margin:2px 0 0;font-size:11px}.sp-event-mini{border-radius:8px;gap:12px;padding:10px;transition:background .15s;display:flex}.sp-event-mini:hover{background:#f8fafc}.sp-event-mini-date{background:color-mix(in srgb, var(--color-primary) 8%, white);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sp-event-mini-day{color:var(--color-primary);font-size:16px;font-weight:700;line-height:1}.sp-event-mini-month{color:#64748b;text-transform:uppercase;font-size:9px}.sp-event-mini-content{flex:1;min-width:0}.sp-event-mini-title{color:#0f172a;margin:0;font-size:13px;font-weight:500}.sp-event-mini-meta{color:#94a3b8;margin:2px 0 0;font-size:11px}.sp-self-service-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.sp-service-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.sp-service-btn:hover{border-color:var(--srv-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sp-service-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sp-service-label{color:#475569;text-align:center;font-size:11px;font-weight:500}.sp-quick-links{flex-wrap:wrap;gap:12px;display:flex}.sp-quick-link{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;transition:all .2s;display:flex}.sp-quick-link:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.sp-performance-overview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}.sp-perf-overview-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sp-perf-subject-card{background:#f8fafc;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.sp-perf-subject-header{justify-content:space-between;align-items:center;display:flex}.sp-perf-subject-name{color:#0f172a;margin:0;font-size:13px;font-weight:600}.sp-perf-subject-grade{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.sp-perf-subject-bar{align-items:center;gap:10px;display:flex}.sp-perf-subject-bar-track{background:#e2e8f0;border-radius:99px;flex:1;height:8px;overflow:hidden}.sp-perf-subject-bar-fill{border-radius:99px;height:100%;transition:width .5s}.sp-perf-subject-score{text-align:right;min-width:40px;font-size:14px;font-weight:700}.sp-perf-subject-details{color:#94a3b8;gap:16px;font-size:11px;display:flex}.sp-library-widget{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}.sp-library-mini-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sp-library-mini-card{text-align:center;background:#f8fafc;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.sp-library-mini-cover{background:color-mix(in srgb, var(--color-primary) 15%, white);width:48px;height:48px;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.sp-library-mini-title{color:#0f172a;margin:0;font-size:12px;font-weight:600}.sp-library-mini-author{color:#94a3b8;margin:0;font-size:11px}.sp-book-status{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.sp-book-status.available{color:#16a34a;background:#dcfce7}.sp-book-status.borrowed{color:#dc2626;background:#fef2f2}.sp-downloads-widget{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.sp-download-item{cursor:pointer;color:#475569;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;font-size:13px;transition:background .15s;display:flex}.sp-download-item:hover{background:#f8fafc}.sp-download-item span{flex:1}.sp-notif-panel{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:320px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f}.sp-topbar-notif-wrapper{position:relative}.sp-notif-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sp-notif-header h4{color:#0f172a;margin:0;font-size:14px;font-weight:600}.sp-notif-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.sp-notif-close:hover{background:#f1f5f9}.sp-notif-list{max-height:280px;overflow-y:auto}.sp-notif-item{border-bottom:1px solid #f8fafc;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.sp-notif-item:hover{background:#f8fafc}.sp-notif-icon{width:28px;height:28px;color:var(--color-secondary);background:#f5f3ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-notif-content{flex:1;min-width:0}.sp-notif-title{color:#0f172a;margin:0;font-size:13px;font-weight:500}.sp-notif-time{color:#94a3b8;margin:2px 0 0;font-size:11px}.sp-notif-empty{text-align:center;color:#94a3b8;padding:24px;font-size:13px}.sp-notif-footer{border-top:1px solid #e2e8f0;padding:10px 16px}.sp-notif-view-all{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px;font-size:12px;font-weight:500;display:flex}.sp-notif-view-all:hover{background:#f8fafc}.sp-profile-page{max-width:800px}.sp-profile-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sp-profile-field{flex-direction:column;gap:4px;display:flex}.sp-profile-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.sp-profile-field span{color:#0f172a;font-size:14px;font-weight:500}.sp-mono{font-family:JetBrains Mono,monospace;font-size:13px!important}.sp-capitalize{text-transform:capitalize}.sp-status-badge{color:#64748b;background:#f1f5f9;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.sp-status-badge.active{color:#16a34a;background:#dcfce7}.sp-assignments-list{flex-direction:column;gap:8px;display:flex}.sp-assignment-card{border-left:3px solid var(--color-primary);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;transition:background .15s;display:flex}.sp-assignment-card:hover{background:#f1f5f9}.sp-assignment-card.overdue{border-left-color:#dc2626}.sp-assignment-left{flex:1;align-items:flex-start;gap:12px;display:flex}.sp-assignment-icon{background:color-mix(in srgb, var(--color-primary) 8%, white);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-assignment-icon.overdue{color:#dc2626;background:#fef2f2}.sp-assignment-info{flex:1;min-width:0}.sp-assignment-title{color:#0f172a;margin:0;font-size:14px;font-weight:600}.sp-assignment-subject{color:#64748b;margin:2px 0;font-size:12px}.sp-assignment-desc{color:#94a3b8;margin:4px 0 0;font-size:12px}.sp-assignment-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.sp-assignment-date{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.sp-assignment-date.overdue{color:#dc2626}.sp-messages-list{flex-direction:column;gap:2px;display:flex}.sp-message-row{cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex}.sp-message-row:hover{background:#f8fafc}.sp-message-row.unread{background:color-mix(in srgb, var(--color-primary) 8%, white)}.sp-message-avatar{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.sp-message-content{flex:1;min-width:0}.sp-message-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sp-message-sender{color:#0f172a;font-size:13px;font-weight:600}.sp-message-time{color:#94a3b8;font-size:11px}.sp-message-subject{color:#475569;margin:0 0 2px;font-size:13px}.sp-message-preview{color:#94a3b8;margin:0;font-size:12px}.sp-unread-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.sp-events-list{flex-direction:column;gap:10px;display:flex}.sp-event-card{background:#f8fafc;border-radius:10px;gap:14px;padding:14px;transition:background .15s;display:flex}.sp-event-card:hover{background:#f1f5f9}.sp-event-date-box{background:color-mix(in srgb, var(--color-primary) 8%, white);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sp-event-day{color:var(--color-primary);font-size:20px;font-weight:700;line-height:1}.sp-event-month{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:10px}.sp-event-content{flex:1;min-width:0}.sp-event-title{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:600}.sp-event-meta{color:#64748b;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.sp-event-desc{color:#94a3b8;margin:4px 0 0;font-size:12px}.sp-library-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sp-book-card{background:#f8fafc;border-radius:10px;gap:12px;padding:14px;transition:background .15s;display:flex}.sp-book-card:hover{background:#f1f5f9}.sp-book-cover{background:color-mix(in srgb, var(--color-primary) 15%, white);width:48px;height:56px;color:var(--color-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-book-info{flex:1;min-width:0}.sp-book-title{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:600}.sp-book-author{color:#64748b;margin:0 0 6px;font-size:12px}.sp-downloads-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sp-download-btn{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:14px;font-size:13px;transition:all .2s;display:flex}.sp-download-btn:hover{border-color:var(--btn-color);background:#f1f5f9}.sp-download-btn span{text-align:left;flex:1}.sp-desktop-dashboard{display:block}.sp-mobile-home,.spm-title{display:none}.spm-welcome{padding:4px 2px 8px}.spm-welcome h2{color:#0f172a;margin:0 0 2px;font-size:18px;font-weight:700}.spm-welcome p{color:#64748b;margin:0;font-size:13px}.spm-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.spm-action{min-height:84px;color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.spm-action:active{background:#f8fafc}.spm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.spm-card-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0 0 8px;font-size:12px;font-weight:700}.spm-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.spm-row:last-child{border-bottom:none}.spm-row span{color:#64748b;font-size:13px}.spm-row strong{color:#0f172a;font-size:15px;font-weight:700}@media (width<=1200px){.sp-quick-actions,.sp-self-service-grid{grid-template-columns:repeat(4,1fr)}.sp-dashboard-grid{grid-template-columns:repeat(2,1fr)}.sp-perf-overview-grid{grid-template-columns:1fr}.sp-library-mini-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sp-stats-grid,.sp-library-grid,.sp-downloads-grid{grid-template-columns:repeat(2,1fr)}.sp-profile-grid{grid-template-columns:1fr}}@media (width<=768px){.sp-topbar,.sp-mobile-menu-btn{display:none}.sp-sidebar{display:flex;transform:translate(-100%)}.sp-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sp-sidebar-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.sp-main{margin-left:0}.sp-topbar{padding:12px 16px}.sp-mobile-menu-btn{display:flex}.sp-topbar-username,.sp-topbar-subtitle{display:none}.sp-content{padding:calc(58px + env(safe-area-inset-top,0px) + 16px) 16px calc(80px + env(safe-area-inset-bottom,0px))}.sp-desktop-dashboard{display:none}.sp-mobile-home{flex-direction:column;gap:14px;display:flex}.spm-title{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.spm-title h1{color:#0f172a;margin:0;font-size:20px;font-weight:700}.spm-title p{color:#64748b;margin:0;font-size:12px}.spm-title--home{display:none}.sp-quick-actions{grid-template-columns:repeat(2,1fr);gap:8px}.sp-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sp-stat-card{gap:10px;padding:14px}.sp-stat-value{font-size:20px}.sp-dashboard-grid{grid-template-columns:1fr}.sp-self-service-grid{grid-template-columns:repeat(2,1fr)}.sp-search-box{width:160px}.sp-library-grid,.sp-downloads-grid{grid-template-columns:1fr}.sp-library-mini-grid,.sp-performance-stats{grid-template-columns:repeat(2,1fr)}.sp-section-card{padding:16px}.sp-section-header h3{font-size:14px}.sp-table th,.sp-table td{padding:10px 8px;font-size:13px}.sp-page{gap:14px}}@media (width<=480px){.sp-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sp-stat-card{padding:12px}.sp-stat-value{font-size:18px}.sp-stat-icon-wrap{width:36px;height:36px}.sp-quick-actions,.sp-self-service-grid{grid-template-columns:repeat(2,1fr)}.sp-quick-links{flex-direction:column}.sp-section-card{border-radius:10px;padding:14px}.sp-table{font-size:12px}.sp-table th,.sp-table td{padding:8px 6px}}.sp-page{flex-direction:column;gap:16px;display:flex}.sp-page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-page-heading h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.sp-page-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.sp-toolbar-left,.sp-toolbar-right{align-items:center;gap:8px;display:flex}.sp-select{appearance:none;color:#334155;cursor:pointer;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:150px;padding:8px 32px 8px 12px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.sp-select:hover{border-color:#cbd5e1}.sp-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sp-btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.sp-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.sp-btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.sp-table-wrap{overflow-x:auto}.sp-table{border-collapse:collapse;width:100%;font-size:13px}.sp-table th{color:#64748b;text-transform:uppercase;letter-spacing:.4px;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:600}.sp-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.sp-table tbody tr{transition:background .12s}.sp-table tbody tr:hover{background:#f8fafc}.sp-table tbody tr.sp-row-current{background:color-mix(in srgb, var(--color-primary) 8%, white)}.sp-table .sp-table-total{background:#f8fafc;border-top:2px solid #e2e8f0;font-weight:700}.sp-table .sp-table-total td{color:#0f172a}.sp-grade-badge{letter-spacing:.3px;border-radius:8px;justify-content:center;align-items:center;min-width:34px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.sp-status-badge{text-transform:capitalize;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.sp-status-badge.present{color:#16a34a;background:#dcfce7}.sp-status-badge.absent{color:#dc2626;background:#fef2f2}.sp-status-badge.late{color:#ca8a04;background:#fefce8}.sp-trend{flex-shrink:0}.sp-trend.up{color:#16a34a}.sp-trend.down{color:#dc2626}.sp-trend.flat{color:#94a3b8}.sp-chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.sp-chip{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);white-space:nowrap;border-radius:99px;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.sp-icon-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:inline-flex}.sp-icon-btn:hover{color:#0f172a;background:#f1f5f9}.sp-date-nav{align-items:center;gap:8px;display:flex}.sp-date-input{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.sp-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sp-date-label{color:#64748b;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.sp-date-label .sp-badge{margin-left:4px}.sp-notice-list{flex-direction:column;gap:10px;display:flex}.sp-notice-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.sp-notice-card:hover{border-color:color-mix(in srgb, var(--color-primary) 20%, white);box-shadow:0 2px 8px #3b82f614}.sp-notice-card.unread{border-left:3px solid #3b82f6}.sp-notice-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-notice-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.sp-notice-title-wrap svg{color:#3b82f6;flex-shrink:0}.sp-notice-title-wrap h4{color:#0f172a;margin:0;font-size:14px;font-weight:600}.sp-notice-body{color:#475569;white-space:pre-line;margin:8px 0 0;font-size:13px;line-height:1.6}.sp-notice-meta{color:#94a3b8;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.sp-notice-meta span{align-items:center;gap:5px;display:inline-flex}.sp-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sp-tt-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.sp-tt-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sp-tt-day{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#0f172a;padding:8px 4px;font-size:12px;font-weight:600}.sp-tt-empty{text-align:center;color:#94a3b8;padding:20px 8px;font-size:12px}.sp-tt-lesson{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;border-radius:8px;margin:8px;padding:10px}.sp-tt-lesson:nth-child(odd){border-left-color:var(--color-secondary)}.sp-tt-time{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.sp-tt-subject{color:#0f172a;margin:6px 0 4px;font-size:13px;font-weight:600}.sp-tt-room{color:#94a3b8;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}@media (width<=1024px){.sp-tt-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sp-toolbar{flex-direction:column;align-items:stretch}.sp-toolbar-left,.sp-toolbar-right{width:100%}.sp-select{flex:1}.sp-tt-grid{grid-template-columns:repeat(2,1fr)}.sp-page-heading{flex-direction:column;align-items:flex-start}}@media (width<=480px){.sp-tt-grid{grid-template-columns:1fr}}.tr-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tr-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:94vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000002e}.tr-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.tr-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tr-toolbar-left h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.tr-toolbar-right{align-items:center;gap:10px;display:flex}.tr-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.tr-close:hover{color:#0f172a;background:#e2e8f0}.tr-scroll{background:#eef1f5;padding:20px;overflow-y:auto}.tr-spin{animation:.9s linear infinite spSpin}@keyframes spSpin{to{transform:rotate(360deg)}}.st-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.st-grid-scroll{overflow-x:auto}.st-print-area{min-width:780px;padding:20px}.st-print-school-name{text-align:center;color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:13px;font-weight:700}.st-print-heading{text-align:center;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;font-size:15px;font-weight:900;text-decoration:underline}.st-print-table{border-collapse:collapse;border:2px solid #1e293b;width:100%}.st-th,.st-td{text-align:center;vertical-align:middle;border:1.5px solid #cbd5e1;padding:4px 3px}.st-th{color:#475569;white-space:nowrap;background:#f8fafc;font-size:9px;font-weight:700}.st-th-day{background:#f1f5f9;width:46px;font-size:10px}.st-th-break{background:#f8fafc;width:28px}.st-th-lesson{min-width:70px}.st-time-label{font-size:9px;font-weight:700;display:block}.st-break-time{color:#94a3b8;font-size:8px;display:block}.st-row:nth-child(2n){background:#fafbfc}.st-td-day{color:#0f172a;letter-spacing:.04em;background:#f1f5f9;font-size:12px;font-weight:900}.st-td-lesson{height:58px;padding:0}.st-td-break{background:#f8fafc;width:28px;padding:0}.st-break-label{writing-mode:vertical-rl;color:#64748b;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:9px;font-weight:900;transform:rotate(180deg)}.st-cell{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;padding:4px;display:flex}.st-cell-empty{opacity:.3;background:0 0}.st-cell-code{color:#0f172a;letter-spacing:.02em;font-size:12px;font-style:italic;font-weight:800}.st-cell-teacher{color:#475569;letter-spacing:.05em;background:#ffffffd9;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.st-cell-dash{color:#cbd5e1;font-size:14px}.st-print-footer{color:#475569;justify-content:space-between;margin-top:24px;font-size:11px;display:flex}@media (width<=768px){.st-grid-wrapper{border-radius:10px}.st-print-area{padding:12px}.st-print-school-name{font-size:12px}.st-print-heading{margin-bottom:12px;font-size:13px}.st-th{padding:3px 2px;font-size:8px}.st-td{padding:3px 2px}.st-cell-subj{font-size:10px}.st-cell-class{font-size:7px}.st-cell-teacher{font-size:8px}.st-td-lesson{height:50px}}@media (width<=480px){.st-print-area{padding:8px}.st-th{font-size:7px}.st-cell-subj{font-size:9px}.st-cell-class{display:none}.st-td-lesson{height:44px}}.parent-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.parent-sidebar{background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.sidebar-logo{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.parent-profile{background:#1e293b;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.parent-avatar{color:#fff;background:#ca8a04;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.parent-name{color:#f1f5f9;margin:0;font-size:13px;font-weight:600}.parent-role{color:#94a3b8;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.parent-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.parent-header{justify-content:space-between;align-items:center;display:flex}.parent-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.parent-header p{color:#64748b;margin:4px 0 0;font-size:13px}.header-actions{gap:12px;display:flex}.child-selector{align-items:center;gap:10px;display:flex}.child-selector-label{color:#64748b;margin:0;font-size:14px}.child-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:7px 18px;font-size:14px;transition:all .15s}.child-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.parent-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.p-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.p-stat-icon{align-items:center;margin-bottom:10px;display:flex}.p-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.p-stat-value{margin:0 0 4px;font-size:24px;font-weight:700}.p-stat-sub{color:#94a3b8;margin:0;font-size:12px}.parent-grid{grid-template-columns:1fr 300px;gap:24px;display:grid}.parent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:24px}.parent-side .parent-card:last-child{margin-bottom:0}.parent-grades-table{border-collapse:collapse;width:100%}.parent-grades-table th{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px;font-weight:500}.parent-grades-table td{color:#374151;border-bottom:1px solid #f8fafc;padding:12px;font-size:14px}.fee-items{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.fee-item{color:#374151;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:14px;display:flex}.fee-item-right{align-items:center;gap:8px;display:flex}.fee-balance-row{color:#374151;justify-content:space-between;padding-top:4px;font-size:14px;font-weight:600;display:flex}.pay-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.pay-btn:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.notices-list{flex-direction:column;gap:10px;display:flex}.notice-row{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;padding:12px}.notice-row.urgent{background:#fef2f2;border-left-color:#ef4444}.notice-title{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:500}.notice-date{color:#94a3b8;margin:0;font-size:12px}.empty-state{text-align:center;color:#94a3b8;padding:30px;font-size:14px}.sidebar-section{margin-bottom:20px;padding:0 8px}.sidebar-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px}.sidebar-child-selector{cursor:pointer;background:#1e293b;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex;position:relative}.sidebar-child-selector:hover{background:#334155}.sidebar-child-name{color:#f1f5f9;font-size:13px;font-weight:500}.sidebar-child-single{background:#1e293b;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sidebar-child-dropdown{z-index:50;background:#1e293b;border:1px solid #334155;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.sidebar-child-option{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.sidebar-child-option:hover{background:#334155}.sidebar-child-option.active{background:var(--color-primary);color:#fff}.child-option-avatar{color:#94a3b8;background:#334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:flex}.sidebar-child-option.active .child-option-avatar{color:#fff;background:#fff3}.child-option-class{color:#64748b;margin-left:auto;font-size:11px}.sidebar-child-name+.child-option-class{color:#64748b;margin-left:auto}.nav-badge{color:#fff;background:#ef4444;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.notice-unread{border-left:3px solid var(--color-primary);background:#f0f7ff}.notice-unread-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.input-field{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.input-field:focus{border-color:var(--color-primary)}.overview-container{flex-direction:column;gap:24px;display:flex}.parent-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.parent-mobile-overlay{z-index:190;background:#00000080;animation:.2s parentFadeIn;display:none;position:fixed;inset:0}.parent-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.parent-mobile-close:hover{color:#fff;background:#fff3}@keyframes parentFadeIn{0%{opacity:0}to{opacity:1}}.parent-desktop-dashboard{display:block}.parent-mobile-home,.ptm-title{display:none}.ptm-child{align-items:center;gap:12px;padding:4px 2px 8px;display:flex}.ptm-child-avatar{background:color-mix(in srgb, var(--color-primary) 12%, white);width:46px;height:46px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.ptm-child-name{color:#0f172a;margin:0;font-size:17px;font-weight:700}.ptm-child-class{color:#64748b;margin:2px 0 0;font-size:12px}.ptm-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ptm-action{min-height:84px;color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.ptm-action:active{background:#f8fafc}.ptm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.ptm-card-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0 0 10px;font-size:12px;font-weight:700}.ptm-contact{color:var(--color-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ptm-empty{color:#94a3b8;margin:0;font-size:13px}@media (width<=1024px){.parent-stats{grid-template-columns:repeat(2,1fr)}.parent-grid{grid-template-columns:1fr}}@media (width<=768px){.parent-mobile-toggle,.parent-mobile-overlay,.parent-sidebar{display:none}.parent-main{padding:calc(58px + env(safe-area-inset-top,0px) + 16px) 16px calc(80px + env(safe-area-inset-bottom,0px));margin-left:0}.parent-header,.parent-desktop-dashboard{display:none}.parent-mobile-home{flex-direction:column;gap:16px;display:flex}.ptm-title{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.ptm-title h1{color:#0f172a;margin:0;font-size:20px;font-weight:700}.ptm-title p{color:#64748b;margin:0;font-size:12px}.ptm-title--home{display:none}.parent-stats{grid-template-columns:repeat(2,1fr);gap:12px}.parent-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{flex-wrap:wrap;gap:8px;width:100%}.parent-card{padding:16px}.parent-grades-table th,.parent-grades-table td{padding:10px 8px;font-size:13px}.fee-item{font-size:13px}.card-header{margin-bottom:14px}.card-header h3{font-size:14px}.p-stat-card{padding:14px}.p-stat-value{font-size:22px}}@media (width<=480px){.parent-stats{grid-template-columns:1fr 1fr;gap:10px}.p-stat-card{padding:12px}.p-stat-value{font-size:20px}.header-actions .btn-secondary{display:none}.header-actions .btn-primary{flex:1;justify-content:center;min-height:44px}.parent-card{border-radius:10px;padding:14px}.parent-grades-table{font-size:12px}.fee-item{padding-bottom:10px;font-size:12px}.parent-page{gap:14px}}.parent-main,.parent-main *,.parent-main :before,.parent-main :after{box-sizing:border-box}@media (width<=768px){.parent-root{overflow-x:hidden}.parent-main{max-width:100%;overflow-x:hidden}.parent-main .attendance-page,.parent-main .grades-page-view,.parent-main .fees-page-view,.parent-main .notices-page{width:100%;max-width:100%;overflow-x:hidden}.parent-main .att-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%}.parent-main .att-sum-card{flex-wrap:wrap;gap:8px;min-width:0;padding:12px;overflow:hidden}.parent-main .att-sum-card>svg{flex-shrink:0}.parent-main .att-sum-card>div{flex:1;min-width:0}.parent-main .asc-label{font-size:11px;line-height:1.3}.parent-main .asc-value{word-break:break-word;overflow-wrap:anywhere;font-size:17px;line-height:1.15}.parent-main .section-card{width:100%;min-width:0;overflow:hidden}.parent-main .card-header{flex-wrap:wrap;gap:6px}.parent-main .card-header h3{overflow-wrap:anywhere}.parent-main .att-table-wrap{width:100%;max-width:100%}.parent-main .att-table{width:100%}.parent-main .fee-item,.parent-main .fee-balance-row{overflow-wrap:anywhere;flex-wrap:wrap;min-width:0}.parent-main .att-toolbar,.parent-main .date-nav{max-width:100%}.parent-main .notice-card-full{overflow-wrap:anywhere;width:100%;min-width:0}}.parent-main .receipt-dl-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.parent-main .receipt-dl-btn:hover{background:#dbeafe}.parent-main .reportcard-dl-btn{color:#7c3aed;cursor:pointer;white-space:nowrap;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.parent-main .reportcard-dl-btn:hover{background:#ede9fe}.parent-main .modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.parent-main .modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.parent-main .modal-xl{max-width:820px}.parent-main .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.parent-main .modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.parent-main .modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.parent-main .modal-close:hover{color:#0f172a;background:#f1f5f9}.grades-page-view{flex-direction:column;gap:20px;padding:0;display:flex}.att-sum-card.purple svg{color:var(--color-secondary)}.grade-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.grade-badge.a{color:#16a34a;background:#dcfce7}.grade-badge.b{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.grade-badge.c{color:#ca8a04;background:#fef9c3}.trend{align-items:center;display:flex}.trend.up{color:#16a34a}.trend.down{color:#ef4444}.trend.flat{color:#94a3b8}@media (width<=1024px){.att-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.att-summary{gap:10px}.att-sum-card{gap:10px;padding:14px}.asc-value{font-size:20px}.section-card{padding:16px}.card-header{margin-bottom:14px}.card-header h3{font-size:14px}.att-table th,.att-table td{padding:10px 12px;font-size:13px}.att-table{font-size:13px}}@media (width<=480px){.att-summary{grid-template-columns:1fr 1fr;gap:8px}.att-sum-card{gap:8px;padding:12px}.asc-value{font-size:18px}.section-card{padding:12px}.grades-page-view{gap:14px}}.attendance-page{flex-direction:column;gap:20px;padding:0;display:flex}.att-rate-track{background:#f1f5f9;height:4px;position:absolute;bottom:0;left:0;right:0}.att-rate-fill{background:var(--color-primary);height:100%;transition:width .4s}.att-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-nav{align-items:center;gap:4px;display:flex}.date-nav-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.date-nav-btn:hover{color:#1e293b;background:#f1f5f9}.date-input{color:#1e293b;cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.date-input:focus{border-color:var(--color-primary)}.att-date-label{color:#64748b;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.att-today-badge{color:#16a34a;background:#dcfce7;border-radius:20px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.att-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.att-badge.present{color:#16a34a;background:#dcfce7}.att-badge.absent{color:#dc2626;background:#fee2e2}.att-badge.late{color:#ca8a04;background:#fef9c3}.text-muted{color:#94a3b8;font-size:13px}.student-name-cell{align-items:center;gap:10px;display:flex}.student-avatar-sm{background:color-mix(in srgb, var(--color-primary) 8%, white);width:32px;height:32px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}@media (width<=1024px){.att-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.att-summary{gap:10px}.att-sum-card{gap:10px;padding:14px}.att-sum-card svg{width:18px;height:18px}.asc-value{font-size:20px}.att-toolbar{flex-direction:column;align-items:stretch}.date-nav,.att-date-label{justify-content:center}.att-table th,.att-table td{padding:10px 12px;font-size:13px}.att-table{font-size:13px}.attendance-page{gap:14px}}@media (width<=480px){.att-summary{grid-template-columns:1fr 1fr;gap:8px}.att-sum-card{gap:8px;padding:12px}.asc-value{font-size:18px}.date-nav{gap:2px}}.fees-page-view{flex-direction:column;gap:20px;padding:0;display:flex}.att-summary{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.att-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.att-sum-card.green svg{color:#16a34a}.att-sum-card.red svg{color:#dc2626}.att-sum-card.amber svg{color:#ca8a04}.att-sum-card.blue svg{color:var(--color-primary)}.asc-label{color:#64748b;margin:0 0 4px;font-size:12px}.asc-value{color:#0f172a;margin:0;font-size:22px;font-weight:700}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.att-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.att-table{border-collapse:collapse;width:100%;font-size:14px}.att-table thead{background:#f8fafc}.att-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.att-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:12px 16px}.att-table tbody tr:hover{background:#f8fafc}.att-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.adm-no{color:#64748b;font-family:monospace;font-size:13px}@media (width<=1024px){.att-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.att-summary{gap:10px}.att-sum-card{gap:10px;padding:14px}.asc-value{font-size:20px}.section-card{padding:16px}.card-header{margin-bottom:14px}.card-header h3{font-size:14px}.att-table th,.att-table td{padding:10px 12px;font-size:13px}.att-table{font-size:13px}}@media (width<=480px){.att-summary{grid-template-columns:1fr 1fr;gap:8px}.att-sum-card{gap:8px;padding:12px}.asc-value{font-size:18px}.section-card{padding:12px}.fees-page-view{gap:14px}}.notices-page{flex-direction:column;gap:20px;padding:0;display:flex}.notices-list-full{flex-direction:column;gap:12px;display:flex}.notice-card-full{border:1px solid #e2e8f0;border-left:4px solid var(--color-primary);background:#fff;border-radius:12px;padding:20px 24px}.notice-card-full.urgent{background:#fef2f2;border-left-color:#dc2626}.notice-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.notice-title-row{align-items:center;gap:8px;display:flex}.notice-title-row h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.urgent-icon{color:#dc2626;flex-shrink:0}.notice-priority{text-transform:capitalize;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.notice-priority.normal{color:#64748b;background:#f1f5f9}.notice-priority.urgent{color:#dc2626;background:#fee2e2}.notice-content{color:#475569;white-space:pre-wrap;margin:0 0 12px;font-size:14px;line-height:1.6}.notice-meta{color:#94a3b8;gap:16px;font-size:12px;display:flex}.notice-meta span{align-items:center;gap:4px;display:flex}.empty-att{text-align:center;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:12px;padding:60px 20px}.empty-att p{color:#64748b;margin:12px 0 6px;font-size:15px}.empty-att span{font-size:13px}.loading-state{text-align:center;color:#94a3b8;padding:60px;font-size:14px}@media (width<=768px){.notice-card-full{border-radius:10px!important;padding:14px 16px!important}.notice-card-header{flex-direction:column;align-items:flex-start;gap:8px}.notice-title-row h3{font-size:14px}.notice-content{font-size:13px}.notice-meta{flex-wrap:wrap;gap:10px}.notices-page{gap:14px}}@media (width<=480px){.notice-card-full{padding:12px!important}.notices-list-full{gap:10px}}.super-root{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.super-sidebar{background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.sidebar-brand{color:#fff;align-items:center;gap:10px;margin-bottom:16px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.sidebar-logo{background:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.sidebar-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.super-badge{background:var(--color-secondary);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.nav-item:hover{color:#f1f5f9;background:#1e293b}.nav-item.active{background:var(--color-primary);color:#fff}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.super-sidebar{padding:14px 10px}.sidebar-brand{margin-bottom:12px;padding:0 10px;font-size:14px}.sidebar-logo{border-radius:7px;width:28px;height:28px;font-size:11px}.super-badge{margin-bottom:14px;padding:5px 10px;font-size:11px}.sidebar-nav{gap:1px}.nav-item{border-radius:7px;padding:8px 12px;font-size:13px;font-weight:500}.logout-btn{padding:8px 12px;font-size:13px}.sidebar-user-section{background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;margin:8px 0;padding:12px;display:flex}.sidebar-user-section .sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:#94a3b8;margin:0;font-size:11px}.sidebar-footer{border-top:1px solid #1e293b;padding-top:16px}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.logout-btn:hover{background:#1e293b}.super-main{flex-direction:column;flex:1;gap:24px;margin-left:240px;padding:32px;display:flex}.super-header{justify-content:space-between;align-items:center;display:flex}.super-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.super-header p{color:#64748b;margin:4px 0 0;font-size:13px}.header-actions{align-items:center;gap:12px;display:flex}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 80%, black)}.btn-primary.small{padding:6px 14px;font-size:13px}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;transition:background .15s;display:flex}.btn-secondary:hover{background:#f8fafc}.super-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.su-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.su-stat-icon{align-items:center;display:flex}.stat-trend{border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.stat-trend.up{color:#16a34a;background:#dcfce7}.stat-trend.down{color:#ef4444;background:#fef2f2}.charts-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chart-card .card-header{margin-bottom:12px}.chart-card .card-header h3{align-items:center;gap:8px;display:flex}.pie-wrap{flex-direction:column;align-items:center;display:flex}.pie-legend{color:#64748b;gap:16px;margin-top:8px;font-size:12px;display:flex}.pie-legend .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.pie-legend .dot.basic{background:#16a34a}.pie-legend .dot.pro{background:var(--color-primary)}.pie-legend .dot.enterprise{background:#ca8a04}.su-stat-label{color:#64748b;margin:0 0 6px;font-size:13px}.su-stat-value{margin:0 0 4px;font-size:26px;font-weight:700}.su-stat-sub{color:#94a3b8;margin:0;font-size:12px}.super-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.search-wrap{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;position:absolute;left:10px}.search-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;padding:8px 14px 8px 32px;font-size:13px;transition:border .15s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.schools-table{border-collapse:collapse;width:100%}.schools-table th{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px;font-weight:500}.schools-table td{color:#374151;border-bottom:1px solid #f8fafc;padding:14px 12px;font-size:14px}.school-name-cell{color:#0f172a;align-items:center;gap:10px;font-weight:500;display:flex}.school-icon{background:color-mix(in srgb, var(--color-primary) 15%, white);width:30px;height:30px;color:var(--color-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.plan-badge{text-transform:capitalize;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.plan-badge.basic{color:#475569;background:#f1f5f9}.plan-badge.pro{background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary)}.plan-badge.enterprise{color:#ca8a04;background:#fef9c3}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.active{background:#16a34a}.status-dot.trial{background:#ca8a04}.status-dot.suspended{background:#ef4444}.action-btns{gap:6px;display:flex}.action-btn{cursor:pointer;color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:all .15s;display:flex}.action-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.action-btn.danger{color:#ef4444}.action-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.super-bottom-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.revenue-bars{flex-direction:column;gap:20px;display:flex}.revenue-bar-row{flex-direction:column;gap:8px;display:flex}.revenue-bar-label{color:#374151;justify-content:space-between;font-size:14px;display:flex}.revenue-bar-track{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden}.revenue-bar-fill{border-radius:99px;height:100%;transition:width .4s}.signups-list{flex-direction:column;gap:14px;display:flex}.signup-row{align-items:center;gap:12px;display:flex}.signup-icon{width:36px;height:36px;color:var(--color-secondary);background:#ede9fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.signup-info{flex:1}.signup-name{color:#0f172a;margin:0;font-size:14px;font-weight:500}.signup-county{color:#94a3b8;margin:0;font-size:12px}.loading-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:60px;font-size:14px;display:flex}.empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:30px;font-size:14px;display:flex}.page-placeholder{justify-content:center;align-items:center;min-height:400px;display:flex}.placeholder-inner{text-align:center;color:#94a3b8}.placeholder-icon{opacity:.4;margin-bottom:12px}.placeholder-inner h2{color:#64748b;margin:0 0 6px;font-size:18px;font-weight:600}.placeholder-inner p{margin:0;font-size:14px}.onboard-toast{color:#fff;z-index:1100;background:#16a34a;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #16a34a4d}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.school-detail-modal{max-width:520px}.super-sidebar::-webkit-scrollbar{width:4px}.sc-detail-body::-webkit-scrollbar{width:4px}.super-sidebar::-webkit-scrollbar-track{background:0 0}.sc-detail-body::-webkit-scrollbar-track{background:0 0}.super-sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:99px}.sc-detail-body::-webkit-scrollbar-thumb{background:#334155;border-radius:99px}.sc-detail-body::-webkit-scrollbar-thumb{background:#cbd5e1}.super-mobile-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.super-mobile-overlay{z-index:190;background:#00000080;animation:.2s superFadeIn;display:none;position:fixed;inset:0}.super-mobile-close{color:#94a3b8;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.super-mobile-close:hover{color:#fff;background:#fff3}@keyframes superFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1200px){.super-stats{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.super-stats{grid-template-columns:repeat(2,1fr)}.charts-grid,.super-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.super-mobile-toggle{display:flex}.super-mobile-overlay{display:block}.super-sidebar{width:260px;transition:transform .25s;top:0;left:0;transform:translate(-100%)}.super-sidebar.open{transform:translate(0)}.super-main{margin-left:0;padding:56px 16px 16px}.super-stats{grid-template-columns:repeat(2,1fr);gap:12px}.super-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{flex-wrap:wrap;gap:8px;width:100%}}@media (width<=480px){.super-stats{grid-template-columns:repeat(2,1fr);gap:10px}.su-stat-card{padding:14px}.su-stat-value{font-size:22px}.header-actions .btn-secondary{display:none}}.school-admin-picker{position:relative}.school-admin-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:240px;max-height:280px;margin-top:4px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.school-admin-option{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:13px;display:flex}.school-admin-option:hover{color:var(--color-primary,#2563eb);background:#f8fafc}.dash-content{flex-direction:column;gap:20px;display:flex}.dash-kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-kpi{background:#fff;border:1px solid #e4e7ec;border-radius:10px;flex-direction:column;gap:6px;padding:20px;display:flex;box-shadow:0 1px 2px #1018280a}.dash-kpi--primary{border-top:3px solid var(--color-primary)}.dash-kpi--revenue{border-top:3px solid var(--color-secondary)}.dash-kpi-label{text-transform:uppercase;letter-spacing:.35px;color:#64748b;font-size:12px;font-weight:600}.dash-kpi-value{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.dash-kpi--revenue .dash-kpi-value{color:#15803d}.dash-kpi-sub{color:#94a3b8;font-size:12px}.dash-plans{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;margin-top:10px;padding-top:12px;display:flex}.dash-plan{grid-template-columns:62px 1fr 24px;align-items:center;gap:10px;display:grid}.dash-plan-label{color:#64748b;text-transform:capitalize;font-size:11px}.dash-plan-track{background:#f1f5f9;border-radius:99px;height:6px;overflow:hidden}.dash-plan-fill{border-radius:99px;height:100%;transition:width .4s}.dash-plan-count{color:#64748b;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.dash-insights{background:#fff;border:1px solid #e4e7ec;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;box-shadow:0 1px 2px #1018280a}.dash-insight{flex-direction:column;gap:4px;min-width:0;padding:16px 20px;display:flex}.dash-insight+.dash-insight{border-left:1px solid #eef2f7}.dash-insight-label{text-transform:uppercase;letter-spacing:.35px;color:#94a3b8;font-size:11px;font-weight:600}.dash-insight-value{letter-spacing:-.01em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.dash-insight-sub{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:flex}.dash-insight-sub.up{color:#16a34a}.dash-insight-sub.down{color:#ef4444}.dash-charts,.dash-activity{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-card{padding:20px 20px 16px}.dash-card-header{margin-bottom:12px}.dash-card-sub{color:#94a3b8;margin:2px 0 0;font-size:12px}.dash-tag{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.dash-tag.up{color:#15803d;background:#dcfce7}.dash-tag.down{color:#dc2626;background:#fef2f2}.dash-list{flex-direction:column;display:flex}.dash-list-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 2px;display:flex}.dash-list-row:last-child{border-bottom:none}.dash-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.dash-avatar--pay{background:color-mix(in srgb, var(--color-secondary) 12%, white);color:var(--color-secondary)}.dash-list-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash-list-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.dash-list-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dash-list-amount{color:#15803d;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}@media (width<=1100px){.dash-kpis,.dash-insights{grid-template-columns:repeat(2,1fr)}.dash-insight:nth-child(3){border-left:none}.dash-insight:nth-child(n+3){border-top:1px solid #eef2f7}}@media (width<=900px){.dash-charts,.dash-activity{grid-template-columns:1fr}}@media (width<=640px){.dash-kpis,.dash-insights{grid-template-columns:1fr}.dash-insight+.dash-insight{border-top:1px solid #eef2f7;border-left:none}}.onboard-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboard-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.25s onboardSlideUp;display:flex;box-shadow:0 20px 60px #00000026}@keyframes onboardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboard-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.onboard-header-left{color:#0f172a;align-items:center;gap:10px;display:flex}.onboard-header-left h2{margin:0;font-size:18px;font-weight:600}.onboard-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.onboard-close:hover{color:#475569;background:#f1f5f9}.onboard-progress{justify-content:center;align-items:center;gap:0;padding:24px 24px 0;display:flex}.progress-step{align-items:center;gap:8px;display:flex;position:relative}.progress-step+.progress-step{margin-left:40px}.progress-step+.progress-step:before{content:"";background:#e2e8f0;width:40px;height:2px;position:absolute;top:50%;left:-40px;transform:translateY(-50%)}.progress-step.done+.progress-step:before{background:var(--color-primary)}.step-indicator{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.progress-step.active .step-indicator{background:var(--color-primary);color:#fff}.progress-step.done .step-indicator{color:#fff;background:#16a34a}.step-label{color:#94a3b8;font-size:13px;font-weight:500;display:none}.progress-step.active .step-label,.progress-step.done .step-label{color:#0f172a;display:inline}.onboard-body{flex:1;padding:24px;overflow-y:auto}.onboard-error{color:#ef4444;background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.onboard-step h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.step-hint{color:#64748b;margin:0 0 20px;font-size:13px}.form-grid{gap:16px;display:grid}.form-grid.two-col{grid-template-columns:1fr 1fr}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.full-width{grid-column:1/-1}.form-field label{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.form-field label svg{color:#94a3b8}.form-field input,.form-field select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border .15s}.form-field input:focus,.form-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.password-field{align-items:center;display:flex;position:relative}.password-field input{box-sizing:border-box;width:100%;padding-right:38px}.password-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:8px}.password-toggle:hover{color:#475569}.plan-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.plan-card{cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .15s;position:relative}.plan-card:hover{border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.plan-card.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white)}.plan-card.recommended{border-color:#ca8a04}.plan-badge-rec{color:#fff;white-space:nowrap;background:#ca8a04;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-card h4{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:600}.plan-price{color:#0f172a;margin-bottom:4px;font-size:22px;font-weight:700}.plan-annual{color:#2563eb;margin-bottom:12px;font-size:12px;font-weight:500}.plan-price span{color:#94a3b8;font-size:12px;font-weight:400}.plan-card ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plan-card li{color:#475569;align-items:center;gap:6px;font-size:12px;display:flex}.plan-card li svg{color:#16a34a;flex-shrink:0}.color-picker-wrap{align-items:center;gap:10px;display:flex}.color-picker-wrap input[type=color]{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px;padding:2px}.color-picker-wrap span{color:#64748b;font-family:monospace;font-size:13px}.review-grid{flex-direction:column;gap:20px;display:flex}.review-section h4{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.negotiated-deal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:16px}.negotiated-toggle-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.negotiated-toggle-row strong{color:#0f172a;font-size:14px}.negotiated-fields{border-top:1px dashed #e2e8f0;margin-top:16px;padding-top:16px}.standard-price-display{color:#475569;font-weight:600;background:#f1f5f9!important}.discount-hint{color:#059669;margin-top:4px;font-size:12px;display:block}.negoti-price{color:#059669;font-weight:600}.negoti-price em{color:#059669;margin-left:4px;font-size:12px;font-style:normal}.switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;background:#cbd5e1;border-radius:22px;transition:all .2s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background:#2563eb}.switch input:checked+.slider:before{transform:translate(18px)}.review-section h4 svg{color:var(--color-primary)}.review-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.review-row span:first-child{color:#64748b}.review-row span:last-child{color:#0f172a;text-align:right;font-weight:500}.plan-tag{text-transform:capitalize;background:color-mix(in srgb, var(--color-primary) 15%, white);color:var(--color-primary);border-radius:99px;padding:2px 10px;font-size:12px}.color-dots{gap:6px;display:flex}.color-dots .dot{border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #e2e8f0}.onboard-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.onboard-footer-right{align-items:center;gap:10px;margin-left:auto;display:flex}.btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:9px 16px;font-size:14px;display:flex}.btn-ghost:hover{color:#0f172a;background:#f1f5f9}.onboard-success .onboard-success-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 40px;display:flex}.success-icon-wrap{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.onboard-success h2{color:#0f172a;margin:0;font-size:22px;font-weight:700}.success-sub{color:#64748b;max-width:360px;margin:0;font-size:14px}.success-creds{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-width:360px;padding:16px 20px}.cred-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.cred-row span:first-child{color:#64748b}.cred-value{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px;font-weight:600}.success-note{color:#94a3b8;max-width:360px;margin:0;font-size:12px}@media (width<=640px){.onboard-modal{border-radius:0;max-height:100vh}.form-grid.two-col,.plan-cards{grid-template-columns:1fr}.step-label{display:none!important}.progress-step+.progress-step{margin-left:24px}.progress-step+.progress-step:before{width:24px;left:-24px}}.sc-detail-modal{max-height:85vh;max-width:720px!important}.sc-detail-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.sc-detail-tabs{background:#fafbfc;border-bottom:1px solid #e2e8f0;gap:0;padding:0 24px;display:flex}.sc-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s}.sc-tab:hover{color:#374151}.sc-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sc-detail-body{max-height:calc(85vh - 120px);overflow-y:auto}.sc-detail-section{margin-bottom:24px}.sc-detail-section h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.sc-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sc-info-item{background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.sc-info-label{color:#94a3b8;min-width:80px}.sc-info-value{color:#374151;font-weight:500}.sc-stats-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.sc-stat-box{background:#f8fafc;border-left:3px solid;border-radius:8px;padding:12px}.sc-stat-box-value{margin:4px 0 2px;font-size:20px;font-weight:700}.sc-stat-box-label{color:#94a3b8;font-size:12px}.sc-usage-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sc-usage-item{background:#f8fafc;border-radius:8px;padding:12px}.sc-usage-header{color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.sc-usage-bar{background:#e2e8f0;border-radius:99px;height:6px;margin-bottom:6px;overflow:hidden}.sc-usage-fill{background:var(--color-primary);border-radius:99px;height:100%;transition:width .3s}.sc-usage-label{color:#94a3b8;font-size:11px}.sc-usage-value{color:#374151;font-size:18px;font-weight:700}.sc-modules-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sc-module-item{border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.sc-module-item.enabled{background:#f0fdf4}.sc-module-item.disabled{background:#f8fafc}.sc-module-badge{border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.sc-module-item.enabled .sc-module-badge{color:#16a34a;background:#dcfce7}.sc-module-item.disabled .sc-module-badge{color:#94a3b8;background:#f1f5f9}.sc-inner-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #f1f5f9;padding:6px 10px;font-size:11px;font-weight:500}.sc-inner-table tr:last-child td{border-bottom:none}.sc-activity-item:last-child{border-bottom:none}.sc-activity-action{color:#374151;font-size:13px;font-weight:500}.sc-detail-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.sc-status-badge{text-transform:capitalize;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sc-status-badge.active{color:#16a34a;background:#dcfce7}.sc-status-badge.trial{color:#2563eb;background:#dbeafe}.sc-status-badge.suspended{color:#dc2626;background:#fef2f2}.sc-status-badge.grace_period{color:#92400e;background:#fef3c7}.sc-plan-options{flex-wrap:wrap;gap:8px;display:flex}.sc-plan-option{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:12px 20px;transition:all .15s;display:flex}.sc-plan-option:hover:not(:disabled){border-color:var(--color-primary,#2563eb)}.sc-plan-option.current{border-color:var(--color-primary,#2563eb);background:#eff6ff}.sc-plan-option:disabled{opacity:.6;cursor:not-allowed}.sc-plan-option-name{color:#0f172a;font-size:14px;font-weight:600}.sc-plan-option-price{color:#64748b;font-size:12px}.sc-sub-section h5{color:#334155;margin:0 0 10px;font-size:13px;font-weight:600}.sc-feature-tags{flex-wrap:wrap;gap:6px;display:flex}.sc-feature-tag{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.sc-feature-tag.enabled{color:#166534;background:#dcfce7}.sc-feature-tag.disabled{color:#94a3b8;background:#f1f5f9}.sc-feature-module{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;overflow:hidden}.sc-feature-module-title{text-transform:uppercase;letter-spacing:.03em;color:#475569;background:#f8fafc;padding:8px 14px;font-size:12px;font-weight:700}.sc-feature-module-list{flex-direction:column;display:flex}.sc-feature-toggle-item{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 14px;transition:background .15s;display:flex}.sc-feature-toggle-item:hover{background:#f8fafc}.sc-feature-toggle-item.enabled .sc-feature-toggle-label{font-weight:500}.sc-feature-toggle-item.overridden{background:#fefce8}.sc-feature-toggle-info{flex-direction:column;gap:1px;display:flex}.sc-feature-toggle-label{color:#0f172a;font-size:13px}.sc-feature-toggle-meta{color:#94a3b8;font-size:10px}.sc-feature-toggle-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.sc-feature-toggle-btn.on{color:#16a34a}.sc-feature-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.sc-toast{border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.sc-toast.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.sc-toast.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sc-inner-table{border-collapse:collapse;width:100%;font-size:13px}.sc-inner-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-size:11px;font-weight:600}.sc-inner-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px}.sc-mini-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.sc-mini-btn:hover{background:#f8fafc;border-color:#cbd5e1}.sc-mini-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.sc-activity-list{flex-direction:column;gap:8px;display:flex}.sc-activity-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:8px;padding:8px 0;display:flex}.sc-activity-content{flex-direction:column;gap:2px;display:flex}.sc-activity-action{color:#334155;font-family:monospace;font-size:13px}.sc-activity-time{color:#94a3b8;font-size:11px}.legal-accept-check{cursor:pointer;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.legal-accept-check input[type=checkbox]{accent-color:#3b82f6;flex-shrink:0;width:16px;height:16px;margin-top:3px}.legal-accept-check a{color:#1d4ed8;text-decoration:underline}.legal-accept-check a:hover{color:#1e40af}@media (width<=768px){.sc-info-grid,.sc-stats-grid,.sc-usage-grid,.sc-modules-grid{grid-template-columns:1fr}.sc-stats-grid{grid-template-columns:repeat(2,1fr)}}.sc-negoti-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.sc-negoti-row{color:#475569;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;font-size:13px;display:flex}.sc-negoti-row.highlight span:last-child{color:#059669;font-size:15px;font-weight:700}.sc-negoti-notes{color:#64748b;background:#f1f5f9;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:12px;font-style:italic}.sc-negoti-form{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;margin-top:12px;padding:14px}.schools-page{flex-direction:column;gap:16px;display:flex}.schools-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.schools-top-actions{flex-wrap:wrap;gap:8px;display:flex}.schools-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.schools-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:6px;max-width:280px;padding:6px 12px;display:flex}.schools-search input{border:none;outline:none;flex:1;font-size:13px}.schools-filter-group{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.schools-filter-group select{color:#374151;background:0 0;border:none;outline:none;font-size:13px}.schools-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sc-table{border-collapse:collapse;width:100%}.sc-table th{text-align:left;color:#64748b;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:12px;font-weight:500}.sc-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:14px;font-size:13px}.sc-table tr:last-child td{border-bottom:none}.sc-table tr:hover{background:#fafbfc}.sc-school-cell{align-items:center;gap:10px;display:flex}.sc-school-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sc-school-name{color:#0f172a;font-size:14px;font-weight:600}.sc-school-code{color:#94a3b8;font-family:monospace;font-size:11px}.sc-stat-cell{font-size:14px;font-weight:600}.sc-sub-cell{align-items:center;gap:6px;display:flex}.sc-sub-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.sc-sub-badge.active{color:#16a34a;background:#dcfce7}.sc-sub-badge.expiring{color:#ef4444;background:#fef2f2}.sc-sub-badge.trial{color:#ca8a04;background:#fef9c3}.sc-status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.sc-status-dot.active{background:#16a34a}.sc-status-dot.trial{background:#ca8a04}.sc-status-dot.suspended{background:#ef4444}.sc-status-label{text-transform:capitalize;font-size:13px}.sc-date-cell{color:#64748b;white-space:nowrap;font-size:12px}.sc-actions-cell{align-items:center;gap:4px;display:flex}.sc-action-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.sc-action-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white);color:var(--color-primary)}.sc-action-menu-wrap{position:relative}.sc-action-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:200px;margin-top:4px;padding:6px;animation:.12s menuIn;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000001f}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sc-action-menu button{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.sc-action-menu button:hover{background:#f8fafc}.sc-action-menu button.danger{color:#ef4444}.sc-action-menu button.danger:hover{background:#fef2f2}.sc-action-menu-divider{background:#f1f5f9;height:1px;margin:4px 0}.sc-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sc-admin-popup{background:#fff;border-radius:14px;width:420px;max-width:90vw;animation:.15s popIn;box-shadow:0 16px 48px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sc-admin-popup-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.sc-admin-popup-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.sc-admin-popup-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sc-popup-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px;display:flex}.sc-popup-close:hover{color:#64748b;background:#f1f5f9}.sc-admin-popup-body{flex-direction:column;gap:8px;max-height:300px;padding:12px 24px;display:flex;overflow-y:auto}.sc-admin-card{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.sc-admin-card-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.sc-admin-card-info{flex:1;min-width:0}.sc-admin-card-name{color:#1e293b;font-size:13px;font-weight:600}.sc-admin-card-email{color:#64748b;font-size:12px}.sc-admin-card-phone{color:#94a3b8;font-size:12px}.sc-admin-card-actions{flex-shrink:0;gap:4px;display:flex}.sc-admin-copy-btn,.sc-admin-link-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:6px;transition:all .15s;display:flex}.sc-admin-copy-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white);color:var(--color-primary)}.sc-admin-link-btn:hover{color:#ca8a04;background:#fefce8;border-color:#fde68a}.sc-admin-link-btn:disabled{opacity:.5;cursor:not-allowed}.sc-admin-popup-footer{text-align:center;border-top:1px solid #f1f5f9;padding:12px 24px 16px;font-size:12px}.sc-admin-link-result{text-align:left;flex-direction:column;gap:6px;display:flex}.sc-admin-link-label{color:#16a34a;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.sc-admin-link-row{align-items:center;gap:6px;display:flex}.sc-admin-link-input{color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:monospace;font-size:11px}@media (width<=1024px){.schools-filters{flex-wrap:wrap}}.billing-page{flex-direction:column;gap:24px;display:flex}.billing-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.billing-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.billing-stats{grid-template-columns:1fr}}.billing-negoti-badge{letter-spacing:.4px;text-transform:uppercase;color:#166534;background:#dcfce7;border-radius:8px;margin-left:8px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.users-page{flex-direction:column;gap:16px;display:flex}.users-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.users-filter-group{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.users-filter-group select{color:#374151;background:0 0;border:none;outline:none;font-size:13px}.users-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:6px;max-width:320px;padding:6px 12px;display:flex}.users-search input{border:none;outline:none;flex:1;font-size:13px}.users-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;color:#64748b;background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:12px;font-weight:500}.users-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:12px 14px;font-size:13px}.users-table tr:last-child td{border-bottom:none}.users-table tr.row-disabled td{opacity:.55}.user-cell{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-name{color:#0f172a;font-weight:500}.user-email{color:#64748b;font-size:12px}.user-role-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.user-school{color:#374151;align-items:center;gap:5px;display:flex}.user-status-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.user-status-dot.active{background:#16a34a}.user-status-dot.locked{background:#ef4444}.user-joined{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.users-action-btns{gap:4px;display:flex}.users-action-btn{cursor:pointer;color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;transition:all .15s;display:flex}.users-action-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white)}.users-action-btn.warning{color:#ca8a04}.users-action-btn.warning:hover{background:#fef9c3;border-color:#fde68a}.users-action-btn.danger{color:#ef4444}.users-action-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.users-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.users-modal{background:#fff;border-radius:12px;width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 60px #00000026}.users-modal h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.analytics-page{flex-direction:column;gap:24px;display:flex}.analytics-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.analytics-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.analytics-stats{grid-template-columns:1fr}}.ps-root{align-items:flex-start;gap:24px;min-height:calc(100vh - 160px);display:flex}.ps-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:240px;position:sticky;top:24px;overflow:hidden}.ps-sidebar-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.ps-nav{flex-direction:column;padding:6px;display:flex}.ps-nav-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;transition:all .12s;display:flex}.ps-nav-item:hover{color:#1e293b;background:#f8fafc}.ps-nav-item.active{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);font-weight:500}.ps-nav-icon{flex-shrink:0;display:flex}.ps-nav-label{flex:1}.ps-nav-chevron{opacity:.3;margin-left:auto}.ps-nav-item.active .ps-nav-chevron{opacity:.7}.ps-content{flex:1;min-width:0}.ps-content-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ps-content-header h2{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:600}.ps-content-actions{flex-shrink:0;gap:8px;display:flex}.ps-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:24px;display:flex}.ps-field{border-bottom:1px solid #f8fafc;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.ps-field:last-child{border-bottom:none}.ps-field-label{flex-shrink:0;width:220px;padding-top:4px}.ps-field-label>span:first-child{color:#1e293b;font-size:13px;font-weight:500}.ps-field-desc{color:#94a3b8;margin-top:2px;font-size:11px;line-height:1.4;display:block}.ps-field-control{flex:1;min-width:0}.ps-input{color:#1e293b;box-sizing:border-box;background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;max-width:420px;padding:8px 12px;font-size:13px;transition:border-color .15s}.ps-input:focus{border-color:var(--color-primary);background:#fff}.ps-input::placeholder{color:#cbd5e1}.ps-select{color:#1e293b;appearance:none;cursor:pointer;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;max-width:420px;padding:8px 12px;font-size:13px}.ps-select:focus{border-color:var(--color-primary);background-color:#fff}.ps-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;max-width:420px;padding:8px 12px;font-family:inherit;font-size:13px}.ps-textarea:focus{border-color:var(--color-primary);background:#fff}.ps-password-wrap{max-width:420px;position:relative}.ps-password-wrap .ps-input{max-width:100%;padding-right:36px}.ps-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:6px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ps-password-toggle:hover{color:#64748b}.ps-toggle{cursor:pointer;color:#cbd5e1;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:inline-flex}.ps-toggle.on{color:var(--color-primary)}.ps-toggle:hover{opacity:.8}.ps-color-row{align-items:center;gap:8px;max-width:420px;display:flex}.ps-color-input{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:2px}.ps-color-row .ps-input{max-width:100%}.ps-subsection{color:#64748b;border-bottom:1px solid #f1f5f9;margin:16px 0 8px;padding-bottom:6px;font-size:13px;font-weight:600}.ps-modules-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.ps-module-item{cursor:pointer;color:#374151;background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .12s;display:flex}.ps-module-item:hover{background:#f1f5f9}.ps-tag-wrap{max-width:420px}.ps-tag-list{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ps-tag{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.ps-tag button{color:var(--color-primary);cursor:pointer;opacity:.5;background:0 0;border:none;padding:0;display:inline-flex}.ps-tag button:hover{opacity:1}.ps-tag-input-row{gap:6px;display:flex}.ps-tag-input-row .ps-input{flex:1;max-width:100%}.ps-tag-add{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:8px;display:flex}.ps-tag-add:hover{background:color-mix(in srgb, var(--color-primary) 8%, white);border-color:color-mix(in srgb, var(--color-primary) 20%, white);color:var(--color-primary)}@media (width<=900px){.ps-root{flex-direction:column}.ps-sidebar{width:100%;position:static}.ps-nav{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;display:grid}.ps-field{flex-direction:column;gap:8px}.ps-field-label{width:100%}.ps-content-header{flex-direction:column}}.audit-page{flex-direction:column;gap:16px;display:flex}.audit-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.audit-filter-group{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.audit-filter-group select{color:#374151;background:0 0;border:none;outline:none;font-size:13px}.audit-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:6px;max-width:320px;padding:6px 12px;display:flex}.audit-search input{border:none;outline:none;flex:1;font-size:13px}.audit-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.audit-table{border-collapse:collapse;width:100%}.audit-table th{text-align:left;color:#64748b;background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:12px;font-weight:500}.audit-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:12px 14px;font-size:13px}.audit-table tr:last-child td{border-bottom:none}.audit-time{white-space:nowrap;color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.audit-school{align-items:center;gap:6px;font-weight:500;display:flex}.audit-admin{align-items:center;gap:6px;display:flex}.audit-details code{color:#475569;word-break:break-all;background:#f8fafc;border-radius:4px;padding:2px 6px;font-size:11px}.audit-action-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.text-muted{color:#94a3b8}.support-page{flex-direction:column;gap:16px;display:flex}.support-top-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.support-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.support-tab:hover{color:#1e293b;background:#f8fafc}.support-tab.active{background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary)}.ticket-count{color:#475569;background:#e2e8f0;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.support-tab.active .ticket-count{background:color-mix(in srgb, var(--color-primary) 20%, white);color:color-mix(in srgb, var(--color-primary) 80%, black)}.su-support-stats{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.su-support-stats .su-stat-card{padding:16px}@media (width<=1200px){.su-support-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.su-support-stats{grid-template-columns:repeat(2,1fr)}}.support-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-filter-group{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.support-filter-group select{color:#374151;background:0 0;border:none;outline:none;max-width:140px;font-size:12px}.support-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:180px;max-width:260px;padding:6px 10px;display:flex}.support-search input{border:none;outline:none;flex:1;font-size:12px}.support-inbox-toolbar{justify-content:space-between;align-items:center;display:flex}.support-inbox-toolbar h2{color:#0f172a;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.support-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.support-table{border-collapse:collapse;width:100%}.support-table th{text-align:left;color:#64748b;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:11px;font-weight:500}.support-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:10px 12px;font-size:13px}.support-table tr:last-child td{border-bottom:none}.support-row-clickable{cursor:pointer;transition:background .1s}.support-row-clickable:hover{background:#f8fafc}.ticket-id{color:#64748b;font-family:monospace;font-size:12px;font-weight:500}.ticket-id.large{color:var(--color-primary);font-size:14px}.ticket-subject{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:500;overflow:hidden}.ticket-school{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.ticket-category{color:#64748b;font-size:12px}.ticket-assigned{white-space:nowrap;font-size:12px}.ticket-time{color:#94a3b8;white-space:nowrap;font-size:11px}.ticket-team-badge{color:#64748b;background:#f1f5f9;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.ticket-status-badge{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.ticket-priority-badge{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.ticket-category-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.support-detail{flex-direction:column;gap:12px;display:flex}.support-detail-topbar{justify-content:space-between;align-items:center;display:flex}.support-detail-main{align-items:flex-start;gap:20px;display:flex}.support-detail-left{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.support-detail-right{flex-direction:column;flex-shrink:0;gap:12px;width:280px;display:flex;position:sticky;top:24px}.support-detail-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.support-detail-header h2{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:600}.support-detail-meta{color:#64748b;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.support-meta-item{align-items:center;gap:4px;display:flex}.support-detail-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.support-detail-description{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.support-detail-description p{color:#374151;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.support-conversation{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.support-conversation h4{color:#0f172a;margin:0 0 12px;font-size:13px;font-weight:600}.support-messages{flex-direction:column;gap:10px;max-height:400px;margin-bottom:16px;display:flex;overflow-y:auto}.support-msg{gap:10px;max-width:85%;display:flex}.support-msg.from-school{align-self:flex-start}.support-msg.from-support{flex-direction:row-reverse;align-self:flex-end}.support-msg-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.support-msg.from-support .support-msg-avatar{background:var(--color-secondary)}.support-msg-body{background:#f8fafc;border-radius:10px 10px 10px 4px;min-width:0;padding:10px 14px}.support-msg.from-support .support-msg-body{background:color-mix(in srgb, var(--color-primary) 8%, white);border-bottom-right-radius:4px;border-bottom-left-radius:10px}.support-msg-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.support-msg-header strong{color:#1e293b;font-size:12px}.support-msg-header span{color:#94a3b8;font-size:10px}.support-msg-body p{color:#374151;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.support-reply-box{align-items:flex-end;gap:8px;display:flex}.support-reply-box textarea{resize:none;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;min-height:44px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.4}.support-reply-box textarea:focus{border-color:var(--color-primary)}.support-reply-box .btn-primary{white-space:nowrap;align-items:center;gap:6px;padding:10px 18px;display:flex}.support-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.support-action-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;margin:0 0 10px;font-size:11px;font-weight:600;display:flex}.support-status-flow{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.status-flow-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:500;transition:all .12s}.status-flow-btn:hover{background:#f8fafc}.status-flow-btn.active{color:#fff;border-color:#0000}.status-flow-btn.escalate{text-align:center;color:#dc2626;border-color:#fecaca;width:100%;margin-top:4px}.status-flow-btn.escalate:hover{background:#fef2f2}.status-flow-btn.escalate.active{color:#fff;background:#dc2626;border-color:#0000}.support-select{color:#374151;background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;margin-bottom:6px;padding:7px 10px;font-size:12px}.support-select:focus{border-color:var(--color-primary)}.support-priority-select{flex-wrap:wrap;gap:4px;display:flex}.priority-btn{cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .12s}.internal-notes textarea{resize:vertical;color:#713f12;box-sizing:border-box;background:#fefce8;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;min-height:80px;padding:8px 10px;font-family:inherit;font-size:12px}.internal-notes textarea:focus{background:#fefce8;border-color:#ca8a04}.form-label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500;display:block}@media (width<=1024px){.support-detail-main{flex-direction:column}.support-detail-right{width:100%;position:static}}@media (width<=768px){.support-top-nav{justify-content:center;width:100%}.support-filters{flex-direction:column;align-items:stretch}.support-search{max-width:none}.support-table-wrap{overflow-x:auto}}.sa-categories{max-width:640px;padding:24px}.sa-categories-header{margin-bottom:20px}.sa-categories-header h2{color:var(--text);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.sa-categories-desc{color:var(--text-secondary,#64748b);margin-top:4px;font-size:.85rem}.sa-categories-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.sa-categories-add{gap:8px;margin-bottom:20px;display:flex}.sa-categories-add input{border:1px solid var(--border,#e2e8f0);background:var(--bg,#fff);color:var(--text);border-radius:8px;flex:1;padding:10px 14px;font-size:.9rem}.sa-categories-add input:focus{border-color:var(--color-primary,#2563eb);outline:none}.sa-categories-loading,.sa-categories-empty{color:var(--text-secondary,#64748b);justify-content:center;align-items:center;gap:8px;padding:32px;font-size:.9rem;display:flex}.sa-categories-list{flex-direction:column;gap:4px;display:flex}.sa-categories-row{background:var(--card-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .15s;display:flex}.sa-categories-row:hover{border-color:var(--color-primary,#2563eb)}.sa-categories-name{color:var(--text);font-size:.9rem;font-weight:500}.sa-categories-edit-input{border:1px solid var(--color-primary,#2563eb);background:var(--bg,#fff);color:var(--text);border-radius:6px;flex:1;padding:6px 10px;font-size:.9rem}.sa-categories-edit-input:focus{outline:none}.sa-categories-row-actions{gap:4px;display:flex}.sa-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-btn--primary{background:var(--color-primary,#2563eb);color:#fff}.sa-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.sa-btn-icon{width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sa-btn-icon:hover{background:var(--border,#e2e8f0);color:var(--text)}.sa-btn-icon--green:hover{color:#16a34a;background:#dcfce7}.sa-btn-icon--red:hover{color:#dc2626;background:#fef2f2}.sa-btn-icon--gray:hover{color:#64748b;background:#f1f5f9}.plan-mgmt-page{padding:0}.plan-mgmt-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.plan-mgmt-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.plan-mgmt-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.plan-cards-grid{flex-direction:column;gap:16px;display:flex}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.plan-card.expanded{box-shadow:0 2px 8px #0000000f}.plan-card-header{padding:20px 24px}.plan-card-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.plan-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.plan-card-title-row h3{font-size:18px;font-weight:700}.plan-badge-rec{color:#92400e;background:#fef3c7;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.plan-card-price{margin-bottom:8px}.plan-price-text{color:#0f172a;font-size:22px;font-weight:700}.plan-price-annual{color:#64748b;margin-left:4px;font-size:13px;font-weight:400}.plan-price-edit{align-items:center;gap:6px;display:flex}.plan-price-slash{color:#94a3b8;font-weight:300}.plan-card-stats{gap:16px;margin-bottom:12px;display:flex}.plan-stat{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.plan-card-actions{gap:8px;display:flex}.plan-card-features{border-top:1px solid #e2e8f0;padding:16px 24px 24px}.plan-features-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.plan-module-group{border:1px solid #f1f5f9;border-radius:8px;margin-bottom:8px;overflow:hidden}.plan-module-header{cursor:pointer;color:#334155;text-align:left;background:#f8fafc;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.plan-module-toggle{color:#94a3b8;align-items:center;display:flex}.plan-module-name{flex:1}.plan-module-count{color:#94a3b8;background:#f1f5f9;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.plan-module-check{cursor:pointer;align-items:center;display:flex}.plan-module-partial{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:2px solid;border-radius:3px;width:14px;height:14px}.plan-feature-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px;padding:4px 14px 10px;display:grid}.plan-feature-item{cursor:pointer;color:#475569;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.plan-feature-item:hover{background:#f1f5f9}.plan-feature-item.enabled{color:#0f172a;font-weight:500}.plan-feature-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary,#2563eb);cursor:pointer}.plan-feature-label{flex:1}.plan-feature-status.beta{color:#92400e;background:#fef3c7;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.plan-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.plan-input:focus{border-color:var(--color-primary,#2563eb)}.plan-input-sm{width:auto;padding:4px 8px;font-size:12px}.plan-textarea{resize:vertical;min-height:60px}.plan-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.plan-btn:disabled{opacity:.5;cursor:not-allowed}.plan-btn-sm{padding:5px 10px;font-size:12px}.plan-btn-primary{background:var(--color-primary,#2563eb);color:#fff}.plan-btn-primary:hover:not(:disabled){opacity:.9}.plan-btn-outline{color:#475569;background:#fff;border-color:#e2e8f0}.plan-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.plan-btn-ghost{color:#64748b;background:0 0}.plan-btn-ghost:hover:not(:disabled){background:#f1f5f9}.plan-btn-success{color:#fff;background:#16a34a}.plan-btn-success:hover:not(:disabled){background:#15803d}.plan-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.plan-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.plan-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.plan-modal-header h3{margin:0;font-size:16px;font-weight:700}.plan-modal-body{padding:20px 24px}.plan-form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.plan-form-group{margin-bottom:12px}.plan-form-group label{color:#475569;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.plan-color-row{align-items:center;gap:8px;display:flex}.plan-color-row input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;padding:2px}.plan-checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.plan-error{color:#dc2626;margin:0 0 12px;font-size:12px}.plan-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.plan-toast{z-index:2000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:.3s planToastIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #0000001a}.plan-toast.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.plan-toast.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@keyframes planToastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.legal-docs-page{justify-content:center;padding:0 24px 40px;display:flex}.legal-docs-container{width:100%;max-width:720px}.legal-docs-intro{margin-bottom:24px}.legal-docs-intro p{color:#64748b;text-align:center;margin:0;font-size:14px;line-height:1.6}.legal-docs-loading{color:#94a3b8;justify-content:center;align-items:center;gap:8px;padding:40px;font-size:14px;display:flex}.legal-docs-grid{flex-direction:column;gap:16px;display:flex}.legal-docs-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;transition:box-shadow .2s,border-color .2s}.legal-docs-card:hover{box-shadow:0 4px 16px #0000000f}.legal-docs-card.has-upload{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#bbf7d0}.legal-docs-card-top{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.legal-docs-card-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.legal-docs-card.has-upload .legal-docs-card-icon{color:#16a34a;background:#dcfce7}.legal-docs-card-info{flex:1;min-width:0}.legal-docs-card-info h3{color:#0f172a;margin:0 0 3px;font-size:15px;font-weight:600;line-height:1.3}.legal-docs-card-meta{color:#94a3b8;margin:0;font-size:12px}.legal-docs-badge{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.legal-docs-card-actions{flex-wrap:wrap;gap:8px;display:flex}.legal-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.legal-btn:disabled{opacity:.5;cursor:not-allowed}.legal-btn-primary{color:#fff;background:#3b82f6}.legal-btn-primary:hover:not(:disabled){background:#2563eb}.legal-btn-upload{color:#475569;background:#f8fafc;border-color:#e2e8f0}.legal-btn-upload:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.legal-btn-danger{color:#dc2626;background:#fff;border-color:#fecaca}.legal-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.legal-btn-ghost{color:#64748b;background:0 0;border-color:#0000}.legal-btn-ghost:hover{color:#334155;background:#f1f5f9}.legal-docs-file-input{display:none}.legal-docs-preview{border-top:1px solid #f1f5f9;max-height:420px;margin-top:18px;padding-top:18px;overflow-y:auto}.legal-docs-preview-section{margin-bottom:16px}.legal-docs-preview-section h4{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:0 0 6px;padding-bottom:4px;font-size:13px;font-weight:600}.legal-docs-preview-section p{color:#475569;white-space:pre-line;margin:0 0 6px;font-size:12.5px;line-height:1.65}.legal-docs-preview-section ul{margin:4px 0 0 16px;padding:0}.legal-docs-preview-section li{color:#475569;margin-bottom:2px;font-size:12px;line-height:1.6}.legal-docs-table-wrap{border:1px solid #e2e8f0;border-radius:8px;margin-top:6px;overflow-x:auto}.legal-docs-table-wrap table{border-collapse:collapse;width:100%;font-size:11.5px}.legal-docs-table-wrap th{text-align:left;color:#334155;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:600}.legal-docs-table-wrap td{color:#475569;border-bottom:1px solid #f8fafc;padding:6px 10px}.legal-docs-table-wrap tr:last-child td{border-bottom:none}.legal-docs-section-footer{color:#94a3b8;margin-top:4px;font-size:11.5px;font-style:italic}.spin{animation:1s linear infinite spin}