@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap";*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.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-10{height:2.5rem}.h-14{height:3.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[350px\]{height:350px}.min-h-screen{min-height:100vh}.w-9{width:2.25rem}.w-full{width:100%}.max-w-\[500px\]{max-width:500px}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-\[\#051A29\]{--tw-bg-opacity: 1;background-color:rgb(5 26 41 / var(--tw-bg-opacity, 1))}.bg-\[\#0B3C5D\]{--tw-bg-opacity: 1;background-color:rgb(11 60 93 / var(--tw-bg-opacity, 1))}.bg-\[\#F0F4F8\]{--tw-bg-opacity: 1;background-color:rgb(240 244 248 / var(--tw-bg-opacity, 1))}.bg-gray-100\/50{background-color:#f3f4f680}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-12{padding-left:3rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.text-center{text-align:center}.text-right{text-align:right}.text-3xl{font-size:1.875rem;line-height:2.25rem}.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-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.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}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#0B3C5D\]{--tw-text-opacity: 1;color:rgb(11 60 93 / var(--tw-text-opacity, 1))}.text-\[\#1CA7A6\]{--tw-text-opacity: 1;color:rgb(28 167 166 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / 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}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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 rgb(0 0 0 / .05);--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 rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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)}.shadow-blue-900\/20{--tw-shadow-color: rgb(30 58 138 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--primary: #0B3C5D;--primary-light: #1A5276;--primary-dark: #072A42;--accent: #1CA7A6;--accent-hover: #178F8E;--accent-light: rgba(28, 167, 166, .1);--warning: #E67E22;--warning-light: rgba(230, 126, 34, .1);--success: #27AE60;--success-light: rgba(39, 174, 96, .1);--danger: #E74C3C;--danger-light: rgba(231, 76, 60, .1);--info: #3498DB;--info-light: rgba(52, 152, 219, .1);--bg: #F0F2F5;--bg-dark: #E4E7EB;--card-bg: #FFFFFF;--text: #333333;--text-light: #666666;--text-muted: #999999;--border: #E0E0E0;--border-light: #F0F0F0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--shadow-xl: 0 12px 40px rgba(0,0,0,.15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--sidebar-width: 260px;--header-height: 64px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-moz-selection{background-color:var(--primary-light);color:#fff}::selection{background-color:var(--primary-light);color:#fff}select option:checked,select option:hover,select option:focus{background-color:var(--primary-light)!important;color:#fff!important}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}h1{font-size:1.75rem;font-weight:700;line-height:1.3}h2{font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1.1rem;font-weight:600;line-height:1.4}h5{font-size:1rem;font-weight:600;line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:var(--transition);white-space:nowrap;min-height:42px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1ca7a64d}.btn-secondary{background:var(--primary);color:#fff}.btn-secondary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #0b3c5d4d}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#d35400;transform:translateY(-1px)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-light);transition:var(--transition-fast)}.btn-icon:hover{background:var(--bg);color:var(--text)}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:50px;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.form-group{position:relative}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:6px}.form-label .required{color:var(--danger);margin-left:2px}.form-input,.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font-size:.9rem;transition:var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--danger)}.form-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font-size:.9rem;resize:vertical;min-height:100px;transition:var(--transition-fast)}.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.radio-group,.checkbox-group{display:flex;gap:20px;flex-wrap:wrap}.radio-item,.checkbox-item,.radio-label,.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}input[type=radio],input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;cursor:pointer;margin-top:0;margin-right:6px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:var(--bg);padding:12px 16px;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);border-bottom:2px solid var(--border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:.9rem}.data-table tr:hover td{background:var(--bg)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;margin-left:var(--sidebar-width);padding-top:var(--header-height);min-height:100vh;transition:margin-left .3s ease}.page-content{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{color:var(--primary)}.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-light);margin-bottom:4px}.page-breadcrumb a{color:var(--accent);transition:var(--transition-fast)}.page-breadcrumb a:hover{color:var(--accent-hover)}.page-breadcrumb .separator{color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-light)}.empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-state h3{margin-bottom:8px;color:var(--text)}.empty-state p{font-size:.9rem;max-width:400px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-up{animation:slideInUp .4s ease forwards}@media(min-width:1025px){.sidebar-collapsed .main-content{margin-left:0}}@media(max-width:1024px){.main-content{margin-left:0}}@media(max-width:768px){.page-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start}h1{font-size:1.4rem}h2{font-size:1.25rem}[class*=form-row],[class*=form-grid],[class*=-dashboard-grid],[class*=-kpi-grid],.radio-group,.checkbox-group{grid-template-columns:1fr!important}[class*=-grid]:not(.stats-grid):not(.pp-calendar):not(.pp-summary-grid){grid-template-columns:1fr!important}[class*=form-row]>*,[class*=form-grid]>*{grid-column:span 1!important}.form-actions{flex-direction:column;width:100%;align-items:stretch}.form-actions .btn{width:100%}.data-table th,.data-table td{white-space:nowrap}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.hover\:gap-2:hover{gap:.5rem}.hover\:bg-\[\#051A29\]:hover{--tw-bg-opacity: 1;background-color:rgb(5 26 41 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#0B3C5D\]:hover{--tw-text-opacity: 1;color:rgb(11 60 93 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-\[\#0B3C5D\]:focus{--tw-border-opacity: 1;border-color:rgb(11 60 93 / var(--tw-border-opacity, 1))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#0B3C5D\]\/20:focus{--tw-ring-color: rgb(11 60 93 / .2)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}@media(min-width:768px){.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--card-bg);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:900;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--border-light)}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-logo{font-size:1.8rem}.sidebar-brand h2{font-size:1rem;font-weight:700;color:var(--primary);line-height:1.2}.sidebar-brand span{font-size:.72rem;color:var(--text-muted);font-weight:400}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 12px 10px}.nav-item-group{margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-light);font-size:.875rem;font-weight:500;transition:var(--transition-fast);background:transparent;border:none;cursor:pointer;text-align:left}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{flex-shrink:0;color:var(--text-muted);transition:color .15s}.nav-label{flex:1}.nav-chevron{color:var(--text-muted);transition:transform .2s}.nav-sub-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;overflow:hidden}.nav-sub-container.expanded{grid-template-rows:1fr}.nav-sub-items{overflow:hidden;padding-left:20px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.nav-sub-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-light);font-size:.85rem;font-weight:500;transition:all .2s ease;text-decoration:none}.nav-sub-item:hover{background:var(--bg);color:var(--text);transform:translate(4px)}.nav-sub-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-sub-icon{color:var(--text-muted)}.nav-sub-item.active .nav-sub-icon{color:var(--accent)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-light)}.sidebar-footer-info{display:flex;justify-content:space-between;align-items:center}.footer-version{font-size:.7rem;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:50px}.footer-text{font-size:.7rem;color:var(--text-muted)}@media(min-width:1025px){.sidebar-collapsed .sidebar{transform:translate(-100%)}}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;top:var(--header-height);background:#0006;z-index:899;animation:fadeIn .2s ease}}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--primary);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;box-shadow:0 2px 8px #00000026}.header-left{display:flex;align-items:center;gap:16px}.header-menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;transition:var(--transition-fast)}.header-menu-btn:hover{background:#fff3}.header-brand{display:flex;align-items:center;gap:12px}.header-logo .logo-icon{font-size:1.6rem}.header-title h1{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.5px;line-height:1.2}.header-subtitle{font-size:.7rem;color:#fff9;font-weight:400;letter-spacing:.3px}.header-center{flex:1;max-width:420px;margin:0 24px}.header-search{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff80}.search-input{width:100%;padding:9px 14px 9px 40px;border-radius:50px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.85rem;transition:var(--transition-fast)}.search-input::-moz-placeholder{color:#ffffff80}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#ffffff26;border-color:#fff6}.search-results-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:8px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);overflow:hidden;z-index:1050;max-height:400px;overflow-y:auto}.search-results-header{padding:10px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border-light);text-align:left;transition:var(--transition-fast);cursor:pointer}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background:var(--bg)}.search-result-info{display:flex;flex-direction:column}.search-result-name{font-size:.9rem;font-weight:500;color:var(--text);line-height:1.3}.search-result-category{font-size:.75rem;color:var(--text-muted);margin-top:2px}.search-result-icon{color:var(--text-light);opacity:0;transform:translate(-5px);transition:var(--transition-fast)}.search-result-item:hover .search-result-icon{opacity:1;transform:translate(0)}.search-no-results{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:.9rem;display:flex;flex-direction:column;align-items:center}.header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:#fffc;transition:var(--transition-fast)}.header-icon-btn:hover{background:#ffffff26;color:#fff}.notification-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--primary)}.header-profile{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);margin-left:8px}.header-profile:hover{background:#ffffff1a}.profile-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:.85rem;font-weight:600;color:#fff;line-height:1.2}.profile-role{font-size:.7rem;color:#fff9}.logout-btn{margin-left:4px;border-left:1px solid rgba(255,255,255,.15);padding-left:8px;border-radius:var(--radius-sm)}.logout-btn:hover{background:#e74c3c40!important;color:#ff6b6b!important}@media(max-width:768px){.header-center,.profile-info{display:none}.header-title h1{font-size:.9rem}.header-subtitle{display:none}}.global-dialog-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.global-dialog-modal{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:420px;box-shadow:0 10px 25px #0000001a;position:relative;text-align:center}.global-dialog-close{position:absolute;top:14px;right:14px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.global-dialog-close:hover{background-color:var(--background);color:var(--danger)}.global-dialog-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px}.global-dialog-header h3{margin:0;font-size:1.25rem;color:var(--text-dark);font-weight:600}.global-dialog-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.global-dialog-icon.confirm{background-color:var(--warning-light);color:var(--warning)}.global-dialog-icon.alert{background-color:var(--info-light);color:var(--primary)}.global-dialog-body{margin-bottom:30px}.global-dialog-body p{margin:0;color:var(--text-light);font-size:.95rem;line-height:1.5}.global-dialog-footer{display:flex;gap:12px;justify-content:center}.global-dialog-footer .btn{min-width:120px;justify-content:center}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.global-dialog-modal{animation:dialogSlideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}.login-new-wrapper{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.login-new-wrapper .form-input{background:#f8fafc;border:1px solid #E2E8F0;transition:all .2s ease}.login-new-wrapper .form-input:focus{border-color:#0b3c5d;background:#fff;box-shadow:0 0 0 4px #0b3c5d0d}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}input[type=checkbox],input[type=radio]{accent-color:#0B3C5D}@media(max-width:640px){.login-new-wrapper{padding:20px;align-items:flex-start}.login-new-wrapper .absolute.top-0{height:250px}}:root{--mz-blue-dark: #051A29;--mz-blue: #0B3C5D;--mz-teal: #1CA7A6;--mz-text: #333333;--mz-white: #FFFFFF;--mz-grey: #64748b;--mz-border: #E2E8F0;--header-height: 80px}.landing-page{font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--mz-text);background:var(--mz-white);overflow-x:hidden}.landing-top-bar{background:var(--mz-blue-dark);color:#fff;padding:10px 0;font-size:.8rem}.top-bar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.top-left-socials{display:flex;gap:15px}.social-icon{color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.social-icon:hover{opacity:.7}.top-contact-info{display:flex;gap:25px}.top-info-item{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-weight:500}.top-right-links{display:flex;align-items:center;gap:15px}.top-link{color:#ffffffe6;cursor:pointer;font-weight:600;font-size:.75rem;text-transform:uppercase;display:flex;align-items:center;gap:5px;text-decoration:none;transition:opacity .3s}.top-link:hover{opacity:.7}.top-login-link{color:#ffffffe6}.top-search-box{display:flex;align-items:center;background:#ffffff26;padding:5px 14px;border-radius:20px;margin-left:10px;gap:6px}.top-search-box input{background:none;border:none;outline:none;font-size:.75rem;width:80px;color:#fff}.top-search-box input::-moz-placeholder{color:#fff9}.top-search-box input::placeholder{color:#fff9}.search-icon-small{color:#ffffffb3}.landing-header{background:#fff;border-bottom:1px solid var(--mz-border);position:sticky;top:0;z-index:1000}.header-inner{max-width:1400px;margin:0 auto;height:90px;display:flex;justify-content:flex-end;align-items:center;padding:0 40px}.school-logo{display:flex;align-items:center;gap:12px}.school-logo img{height:60px}.school-logo-text h2{font-size:1.15rem;font-weight:900;color:var(--mz-blue-dark);line-height:1.2}.landing-nav{display:flex;height:100%;align-items:center;gap:40px}.nav-link{font-weight:700;color:var(--mz-blue-dark);font-size:.85rem;text-transform:uppercase;transition:color .3s;position:relative;padding:0;display:flex;align-items:center}.nav-link:hover,.nav-link.active{color:var(--mz-teal)}.nav-item-dropdown{position:relative;display:flex;align-items:center;height:100%}.nav-chevron{margin-left:2px;vertical-align:middle}.dropdown-content{display:none;position:absolute;top:60px;left:-20px;background-color:#fff;min-width:220px;box-shadow:0 8px 16px #00000014;z-index:1001;border-radius:8px;padding:10px 0;border:1px solid #f1f5f9}.nav-item-dropdown:hover .dropdown-content{display:block}.dropdown-item{color:#475569;padding:12px 20px;text-decoration:none;display:block;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s}.dropdown-item:hover{background-color:#f8fafc;color:var(--mz-teal)}.nav-divider{width:0;border-left:1px solid #12161A;height:28px}.nav-badge{margin-left:6px;background:#fbbf24;color:#1e293b;font-size:.65rem;padding:2px 6px;border-radius:12px;font-weight:800}.mobile-menu-btn{display:none;background:none;border:none;color:var(--mz-blue-dark);cursor:pointer;padding:8px}@media(max-width:1024px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.news-ticker-bar{background:#faf7ef;display:flex;align-items:center;padding:8px 0}.ticker-scroll-content{flex:1;overflow:hidden}.ticker-track{display:flex;width:-moz-max-content;width:max-content;animation:tickerScroll 40s linear infinite}.ticker-item{padding:0 40px;font-weight:600;font-size:.85rem;color:var(--mz-blue)}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-hero{height:calc(100vh - 170px);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:#00000080}.hero-content{position:relative;max-width:1400px;margin:0 auto;padding:0 100px;width:100%}.hero-heading{font-family:Poppins,sans-serif;font-size:4rem;font-weight:900;max-width:800px;line-height:1;margin-bottom:24px;text-shadow:0 4px 10px rgba(0,0,0,.3)}.hero-description{font-size:1.25rem;max-width:600px;opacity:.9;line-height:1.6;margin-bottom:40px}.hero-announcement-strip{position:absolute;bottom:0;left:0;right:0;background:#002549;padding:15px 0}.section-container{max-width:1320px;margin:0 auto;padding:0 50px}.strip-inner{max-width:1400px;margin:0 auto;padding:0 100px;display:flex;align-items:center;gap:15px}.strip-heading{font-weight:800;font-size:1rem;color:#fff;letter-spacing:1px}.strip-divider{width:2px;height:24px;background:#ffffff3d;margin:0 5px}.pulse-dot{width:10px;height:10px;background:#ff4757;border-radius:50%;box-shadow:0 0 #ff475766;animation:pulse 2s infinite}.strip-text{font-weight:500;font-size:.95rem;color:#fff;opacity:.95}.strip-inline-link{color:#fff;text-decoration:underline;font-weight:700;margin-left:4px}.strip-inline-link:hover{color:var(--mz-teal)}@keyframes pulse{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.facilities-section{padding:80px 0;background:#fff;overflow:hidden}.facilities-section .section-container{max-width:1400px;padding-right:0}.section-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;color:var(--mz-blue-dark);margin-bottom:30px;padding-left:20px}.facilities-carousel-wrapper{position:relative;padding:0 40px}.facilities-track-container{overflow:hidden;padding:10px 0}.facilities-track{display:flex}.facility-card-item{flex:0 0 330px;padding:0 12px;min-width:0}.facility-card{height:520px;background-size:cover;background-position:center;border-radius:0;position:relative;overflow:hidden;box-shadow:0 2px 15px #0000001a;transition:all .3s ease}.facility-overlay{position:absolute;bottom:25px;left:25px;right:25px;background:#564477cc;padding:18px 25px;color:#fff}.facility-overlay h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.facility-overlay p{font-size:.9rem;opacity:.9}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s;z-index:20}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-arrow:hover{background:#f8fafc;transform:translateY(-50%) scale(1.1)}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}.dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;border:none;cursor:pointer;transition:all .3s}.dot.active{background:#475569;width:8px;height:8px}@media(max-width:1280px){.facility-card-item{flex:0 0 31.25%}}@media(max-width:1024px){.facility-card-item{flex:0 0 45.45%}}@media(max-width:640px){.facility-card-item{flex:0 0 83.33%}.carousel-arrow{width:36px;height:36px}.facilities-carousel-wrapper{padding:0 10px}}.landing-gallery{padding:100px 0;background:#fff}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.gallery-header .section-title{margin-bottom:0;padding-left:0;font-size:2rem}.view-more-btn{display:flex;align-items:center;gap:15px;color:#64748b;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s}.view-more-btn:hover{color:var(--mz-blue-dark)}.arrow-circle{width:44px;height:44px;border:1.5px solid #0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f172a}.gallery-bento{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:1fr 1fr;gap:20px;height:620px}.gallery-cell{position:relative;overflow:hidden;border-radius:0}.gallery-cell img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.gallery-cell:hover img{transform:scale(1.05)}.gallery-cell-1{grid-column:1;grid-row:1}.gallery-cell-2{grid-column:1;grid-row:2}.gallery-cell-3{grid-column:2;grid-row:1 / 3}.gallery-cell-4{grid-column:3;grid-row:1}.gallery-cell-5{grid-column:3;grid-row:2}.gallery-label{position:absolute;bottom:16px;left:16px;background:#c8102e;color:#fff;padding:6px 18px;font-size:.85rem;font-weight:600;border-radius:2px;letter-spacing:.3px}@media(max-width:1024px){.gallery-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;height:auto}.gallery-cell-1{grid-column:1;grid-row:1;height:250px}.gallery-cell-2{grid-column:1;grid-row:2;height:250px}.gallery-cell-3{grid-column:2;grid-row:1 / 3}.gallery-cell-4{grid-column:1;grid-row:3;height:250px}.gallery-cell-5{grid-column:2;grid-row:3;height:250px}}@media(max-width:640px){.gallery-bento{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:15px}.gallery-cell{height:220px!important}.gallery-cell-1,.gallery-cell-2,.gallery-cell-3,.gallery-cell-4,.gallery-cell-5{grid-column:1;grid-row:auto}.gallery-header .section-title{font-size:1.5rem}.view-more-btn span{display:none}}.landing-about{padding:60px 0;background:#fff}.about-content-wrapper{display:flex;gap:60px;align-items:flex-start}.about-text-side{flex:1.2}.about-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.about-header-row .section-title{margin-bottom:0;padding-left:0;font-size:2.2rem}.about-subheading{font-size:1.25rem;color:#475569;font-weight:700;margin-bottom:3px}.about-label{font-size:.75rem;color:#94a3b8;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}.about-description{color:#1e293b;line-height:1.5;font-size:.88rem;display:flex;flex-direction:column;gap:5px;text-align:justify}.about-description p{margin:0}.about-description strong{color:#0f172a;font-weight:800}.about-social-row{display:flex;align-items:center;gap:20px;margin-top:16px}.visit-text{font-size:1rem;color:#94a3b8;font-weight:500}.social-pill-container{display:flex;gap:15px}.social-pill{width:38px;height:38px;background:#ffedd5;color:#9a3412;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-pill:hover{transform:translateY(-5px);background:#fdba74}.about-image-side{flex:1}.principal-image-box{border-radius:0;overflow:hidden}.principal-image-box img{width:100%;height:auto;display:block}@media(max-width:1200px){.about-content-wrapper{gap:40px}.about-header-row .section-title{font-size:2.5rem}}@media(max-width:1024px){.about-content-wrapper{flex-direction:column}.about-image-side{position:static;width:100%;max-width:600px;margin:40px auto 0}}@media(max-width:640px){.about-description{font-size:.9rem}.about-social-row{flex-direction:column;align-items:flex-start;gap:15px}}.landing-news{padding:100px 0;background:#fff}.news-card{background:#fff;border:1px solid #e2e8f0;border-radius:0;overflow:hidden;transition:transform .3s ease}.news-card:hover{transform:translateY(-5px)}.news-card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.news-card-content{padding:20px}.news-date{font-size:.85rem;color:#64748b;margin-bottom:8px}.news-title{font-size:1.25rem;color:#0f172a;font-weight:700;margin-bottom:12px}.text-center{text-align:center;width:100%}.news-carousel-wrapper{position:relative;max-width:1200px;margin:40px auto 0;padding:0 60px}.news-content-container{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 4px 20px #00000014}.news-image-container img{border-radius:0!important}.news-slide img{width:100%;height:auto;display:block}.news-carousel-wrapper .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:10}.news-carousel-wrapper .carousel-arrow.prev{left:10px}.news-carousel-wrapper .carousel-arrow.next{right:10px}@media(max-width:768px){.news-carousel-wrapper{padding:0 20px}.news-carousel-wrapper .carousel-arrow{width:36px;height:36px}.news-carousel-wrapper .carousel-arrow.prev{left:-5px}.news-carousel-wrapper .carousel-arrow.next{right:-5px}}.landing-achievements{padding:100px 0;background:#fff}.achievement-card{height:520px!important;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000d!important}.achievement-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a!important}.landing-testimonials{padding:100px 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.testimonial-card-main{background:#fdfaf5;border-radius:12px;padding:60px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.testimonial-quote{font-size:1.3rem;line-height:1.8;color:#1e293b;font-weight:500;margin-bottom:40px}.testimonial-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:40px}.testimonial-author{display:flex;align-items:center;gap:15px}.testimonial-author img{width:60px;height:60px;border-radius:0;-o-object-fit:cover;object-fit:cover}.author-info h4{font-size:1.1rem;color:#0f172a;font-weight:700;margin-bottom:2px}.author-info p{font-size:.85rem;color:#64748b}.testimonial-nav{display:flex;gap:12px}.nav-arrow{width:44px;height:44px;background:#cbd5e1;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s}.nav-arrow:hover{background:#94a3b8}.cta-box-red{background:#d31d2a;border-radius:12px;padding:10px}.cta-inner-border{height:100%;border:1px solid rgba(255,255,255,.25);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px}.cta-inner-border h3{color:#fff;font-size:1.8rem;font-weight:800;line-height:1.3;margin-bottom:30px;text-transform:uppercase}.apply-now-btn{background:#fff;color:#d31d2a;padding:14px 35px;border-radius:6px;font-weight:700;text-decoration:none;transition:all .3s}.apply-now-btn:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0003}@media(max-width:1024px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card-main{padding:40px;min-height:auto}}.landing-connect{padding:80px 0;background:#fff}.connect-grid{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#001f3f;color:#fff;padding:50px 60px;border-radius:0;max-width:1050px;margin:0 auto}.connect-text-side{flex:1.2}.connect-heading{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:25px}.gold-text{color:#ffb800}.connect-subtext{font-size:1.1rem;color:#fff9;line-height:1.6;margin-bottom:40px;max-width:550px}.connect-features-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:18px}.connect-features-list li{display:flex;align-items:center;gap:15px;font-size:1rem;color:#fffc;font-weight:500}.gold-check{color:#ffb800}.connect-form-side{flex:1;display:flex;justify-content:flex-end}.portal-login-card{background:#fff;width:100%;max-width:450px;aspect-ratio:1 / 1;padding:30px 40px;border-radius:4px;color:#1e293b;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;justify-content:center}.portal-header{text-align:center;margin-bottom:20px}.portal-header h3{font-size:1.75rem;color:#001f3f;font-weight:800;margin-bottom:4px}.portal-header p{font-size:.9rem;color:#94a3b8}.portal-tabs{display:flex;margin-bottom:20px}.portal-tab{flex:1;padding:12px;border:none;font-weight:700;font-size:.85rem;cursor:pointer;background:#f1f5f9;color:#64748b;transition:all .3s}.portal-tab:first-child{border-radius:4px 0 0 4px}.portal-tab:last-child{border-radius:0 4px 4px 0}.portal-tab.active{background:#1e293b;color:#fff}.portal-form{display:flex;flex-direction:column;gap:15px}.form-group label{display:block;font-size:.8rem;font-weight:700;color:#64748b;margin-bottom:10px}.form-group input{width:100%;padding:12px 15px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;background:#fff}.portal-login-btn{background:#1e293b;color:#fff;padding:15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;margin-top:10px}.forgot-pass{text-align:center;font-size:.85rem;color:#64748b;text-decoration:none;margin-top:15px;display:block}@media(max-width:1100px){.connect-grid{flex-direction:column;text-align:center;gap:60px}.connect-subtext{margin-left:auto;margin-right:auto}.connect-features-list{align-items:flex-start;max-width:350px;margin:0 auto}.connect-form-side{justify-content:center;width:100%}}@media(max-width:640px){.connect-heading{font-size:2rem}.portal-login-card{padding:30px}}.features-preview{padding:80px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-item{text-align:center}.feature-icon-box{width:60px;height:60px;background:var(--mz-teal);color:#fff;border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.feature-item h4{color:var(--mz-blue-dark);font-size:1.25rem;margin-bottom:12px;font-weight:800}.feature-item p{color:var(--mz-grey);font-size:.95rem;line-height:1.6}@media(max-width:1200px){.hero-heading{font-size:3rem}.header-inner,.top-bar-content,.hero-content,.strip-inner{padding:0 30px}}@media(max-width:1024px){.landing-nav,.top-contact-info.hide-tablet{display:none}.features-grid{grid-template-columns:1fr}}@media(max-width:768px){.top-contact-info{display:none}.hero-heading{font-size:2.5rem}.hero-description{font-size:1rem}.strip-text{font-size:.8rem}}.mobile-nav-overlay{position:fixed;inset:0;background:var(--mz-blue-dark);z-index:2000;display:flex;flex-direction:column;padding:50px}.mobile-nav-content{display:flex;flex-direction:column;gap:30px}.mobile-nav-content a,.mobile-nav-content span{color:#fff;font-size:1.5rem;font-weight:700}.close-btn{align-self:flex-end;background:none;border:none;color:#fff;margin-bottom:40px}.main-footer{background:#001f3f;color:#fff}.footer-top-cta{padding:80px 0}.footer-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-cta-inner h2{font-size:2.5rem;font-weight:800;max-width:750px;line-height:1.2}.apply-btn-footer{background:#fff;color:#001f3f;padding:15px 35px;border-radius:4px;font-weight:700;text-decoration:none;transition:all .3s;white-space:nowrap}.apply-btn-footer:hover{transform:translateY(-3px);box-shadow:0 4px 15px #fff3}.footer-main-content{padding:80px 0;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:60px}.footer-logo{display:flex;align-items:center;gap:15px;margin-bottom:25px}.footer-logo img{height:44px}.footer-logo-text h3{font-size:1.25rem;font-weight:800;line-height:1.2}.footer-social-circles{display:flex;gap:12px}.social-circle{width:32px;height:32px;background:#d31d2a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s;text-decoration:none}.social-circle:hover{transform:scale(1.15)}.footer-col h4{font-size:1rem;font-weight:500;margin-bottom:25px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fff;text-decoration:none;font-size:.95rem;transition:color .3s}.footer-links a:hover{color:#94a3b8}.footer-address p{font-size:1rem;margin-bottom:6px;line-height:1.5}.map-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;margin-top:20px;font-size:.95rem}.footer-bottom{padding:40px 0;border-top:1px solid rgba(255,255,255,.05)}.bottom-inner{display:flex;justify-content:space-between;align-items:center}.copyright{font-size:.85rem;color:#94a3b8}.bottom-links{display:flex;gap:20px;align-items:center}.bottom-links a{color:#94a3b8;text-decoration:none;font-size:.85rem}.separator{color:#ffffff1a}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-cta-inner{flex-direction:column;text-align:center;gap:30px}.footer-cta-inner h2{font-size:1.8rem}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr}.bottom-inner{flex-direction:column;gap:20px;text-align:center}}.landing-top-bar,.landing-topbar,.landing-header,.news-ticker-bar,.landing-nav .nav-link,.landing-nav .dropdown-item{font-family:Roboto,system-ui,-apple-system,sans-serif!important}.landing-nav>.nav-item-dropdown:last-child .dropdown-content{left:auto;right:0}.about-hero{height:420px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:#fff}.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#051a298c,#051a29d9)}.about-hero-content{position:relative;max-width:1320px;margin:0 auto;padding:0 50px 60px;width:100%}.about-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;opacity:.8}.about-breadcrumb a{color:#fff;text-decoration:none;transition:opacity .3s}.about-breadcrumb a:hover{opacity:.7}.about-breadcrumb span{color:#ffb800;font-weight:600}.about-hero-content h1{font-family:Poppins,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1;margin-bottom:12px;max-width:700px}.about-hero-content p{font-size:1.15rem;opacity:.85;max-width:550px;line-height:1.6}.about-stats-strip{background:#0b3c5d;padding:40px 0;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-item{text-align:center;color:#fff;padding:10px 0;position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:#ffffff26}.stat-number{display:block;font-size:2.8rem;font-weight:900;color:#ffb800;line-height:1.1;margin-bottom:6px}.stat-label{font-size:.9rem;color:#ffffffbf;font-weight:500;letter-spacing:.5px}.about-intro-section{padding:100px 0;background:#fff}.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-intro-image{position:relative}.about-intro-image img{width:100%;height:auto;border-radius:8px;display:block;box-shadow:0 20px 50px #0000001f;position:relative;z-index:2}.image-accent-border{position:absolute;inset:20px -20px -20px 20px;border:3px solid #1CA7A6;border-radius:8px;z-index:1}.about-section-tag{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:2.5px;color:#1ca7a6;text-transform:uppercase;margin-bottom:12px;padding:6px 14px;background:#1ca7a614;border-radius:4px}.about-intro-text h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29;margin-bottom:20px;line-height:1.2}.about-intro-text p{font-size:1rem;color:#475569;line-height:1.75;margin-bottom:16px}.intro-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.intro-highlight-item{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:#1e293b}.highlight-icon{color:#1ca7a6;flex-shrink:0}.about-mv-section{padding:100px 0;background:#f8fafc}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mv-card{padding:50px 45px;border-radius:12px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.mv-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.mission-card{background:linear-gradient(135deg,#051a29,#0b3c5d);color:#fff}.vision-card{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.mv-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.mission-card .mv-icon-wrap{background:#ffb80026;color:#ffb800}.vision-card .mv-icon-wrap{background:#1ca7a61a;color:#1ca7a6}.mv-card h3{font-size:1.5rem;font-weight:800;margin-bottom:16px}.mv-card p{font-size:1rem;line-height:1.75;opacity:.9}.mission-card:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:#ffffff08}.mission-card:after{content:"";position:absolute;bottom:-40px;left:-40px;width:120px;height:120px;border-radius:50%;background:#ffffff08}.about-principal-section{padding:100px 0;background:#fff}.principal-grid{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:flex-start}.principal-photo-frame{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000001f}.principal-photo-frame img{width:100%;height:auto;display:block}.principal-name-card{background:#051a29;color:#fff;padding:20px 28px;border-radius:8px;margin-top:-30px;position:relative;z-index:2;margin-left:20px;margin-right:20px;text-align:center}.principal-name-card h4{font-size:1.15rem;font-weight:800;margin-bottom:2px}.principal-name-card span{font-size:.75rem;color:#ffb800;font-weight:700;letter-spacing:2px}.principal-message-side h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29;margin-bottom:24px;line-height:1.2}.principal-msg-content{color:#475569;line-height:1.8;font-size:.95rem}.principal-msg-content p{margin-bottom:16px}.principal-msg-content strong{color:#0f172a;font-weight:800}.about-values-section{padding:100px 0;background:#f8fafc}.values-header{text-align:center;margin-bottom:60px}.values-header h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.value-card{background:#fff;padding:40px 30px;border-radius:12px;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1ca7a6,#0b3c5d);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000014}.value-icon-circle{width:64px;height:64px;background:#1ca7a61a;color:#1ca7a6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .3s}.value-card:hover .value-icon-circle{background:#1ca7a6;color:#fff}.value-card h4{font-size:1.1rem;font-weight:800;color:#051a29;margin-bottom:12px}.value-card p{font-size:.9rem;color:#64748b;line-height:1.7}.about-timeline-section{padding:100px 0;background:#fff}.timeline-header{text-align:center;margin-bottom:70px}.timeline-header h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29}.timeline-track{position:relative;display:flex;justify-content:space-between;align-items:center;padding:80px 0;max-width:1100px;margin:0 auto}.timeline-line{position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,#1ca7a6,#0b3c5d);z-index:0}.timeline-item{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:20px;height:20px;border-radius:50%;background:#1ca7a6;border:4px solid white;box-shadow:0 0 0 3px #1ca7a6;z-index:2;position:relative}.timeline-year{font-size:1.1rem;font-weight:900;color:#ffb800;background:#051a29;padding:6px 16px;border-radius:20px;margin-bottom:16px}.timeline-content{background:#fff;padding:20px 24px;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000f;margin-top:16px;max-width:220px;text-align:center}.timeline-content h4{font-size:1rem;font-weight:800;color:#051a29;margin-bottom:6px}.timeline-content p{font-size:.82rem;color:#64748b;line-height:1.6}.about-cta-section{padding:100px 0;background:linear-gradient(135deg,#051a29,#0b3c5d)}.about-cta-inner{text-align:center;color:#fff}.about-cta-inner h2{font-size:2.5rem;font-weight:900;margin-bottom:16px}.about-cta-inner p{font-size:1.15rem;opacity:.8;margin-bottom:35px}.about-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#1ca7a6;color:#fff;padding:16px 40px;border-radius:6px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .3s}.about-cta-btn:hover{background:#178f8e;transform:translateY(-3px);box-shadow:0 8px 25px #1ca7a659}@media(max-width:1200px){.about-hero-content h1{font-size:2.5rem}.principal-grid,.about-intro-grid{gap:50px}}@media(max-width:1024px){.about-hero{height:350px}.about-hero-content{padding:0 30px 50px}.about-hero-content h1{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-item:nth-child(2):after{display:none}.stat-number{font-size:2.2rem}.about-intro-grid{grid-template-columns:1fr;gap:50px}.about-intro-image{max-width:500px;margin:0 auto}.mv-grid{grid-template-columns:1fr}.principal-grid{grid-template-columns:1fr;gap:50px}.principal-photo-side{max-width:350px;margin:0 auto}.values-grid{grid-template-columns:repeat(2,1fr)}.timeline-track{flex-direction:column;gap:40px;padding:40px 0}.timeline-line{inset:0 auto 0 50%;width:3px;height:100%}}@media(max-width:768px){.about-hero{height:300px}.about-hero-content h1{font-size:1.8rem}.about-hero-content p{font-size:1rem}.about-breadcrumb{font-size:.78rem}.stat-number{font-size:2rem}.about-intro-text h2,.principal-message-side h2,.values-header h2,.timeline-header h2,.about-cta-inner h2{font-size:1.8rem}.about-cta-inner p{font-size:1rem}.about-cta-btn{padding:14px 30px}}@media(max-width:640px){.about-hero{height:280px}.about-hero-content{padding:0 20px 40px}.about-hero-content h1{font-size:1.6rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-item:after{display:none}.intro-highlights,.values-grid{grid-template-columns:1fr}.about-intro-section,.about-mv-section,.about-principal-section,.about-values-section,.about-timeline-section,.about-cta-section{padding:60px 0}.mv-card{padding:35px 25px}.timeline-track{align-items:flex-start;padding-left:40px}.timeline-item{flex-direction:row;align-items:flex-start;gap:16px}.timeline-content{text-align:left;max-width:100%}.timeline-year{margin-bottom:0;white-space:nowrap}.about-cta-inner h2{font-size:1.5rem}}.about-rules-section{padding:100px 0;background:#fff}.rules-content-wrapper{display:flex;gap:60px;align-items:flex-start}.rules-text-side{flex:1.2}.rules-image-side{flex:1}.rules-image-box img{width:100%;height:auto;display:block;border-radius:12px}@media(max-width:1024px){.rules-content-wrapper{flex-direction:column}.rules-image-side{width:100%;max-width:600px;margin:40px auto 0}}.news-viewport{overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #00000014}.news-image-container img{width:100%;height:auto;display:block}.adm-hero{height:420px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:#fff}.adm-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#051a2980,#051a29d9)}.adm-hero-content{position:relative;max-width:1320px;margin:0 auto;padding:0 50px 60px;width:100%}.adm-hero-content h1{font-family:Poppins,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1;margin-bottom:12px;max-width:700px}.adm-hero-content>p{font-size:1.15rem;opacity:.85;max-width:550px;line-height:1.6;margin-bottom:20px}.adm-open-badge{display:inline-flex;align-items:center;gap:10px;background:#1ca7a633;border:1px solid rgba(28,167,166,.5);padding:10px 22px;border-radius:30px;font-size:.9rem;font-weight:700;color:#5dfdcb;letter-spacing:.5px}.adm-pulse{width:10px;height:10px;background:#1ca7a6;border-radius:50%;animation:admPulse 2s infinite}@keyframes admPulse{0%{box-shadow:0 0 #1ca7a680}70%{box-shadow:0 0 0 10px #1ca7a600}to{box-shadow:0 0 #1ca7a600}}.adm-steps-section{padding:0;position:relative;z-index:2;margin-top:-50px}.adm-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.adm-step-card{background:#fff;padding:40px 30px;text-align:center;position:relative;border:1px solid #f1f5f9;transition:all .3s ease}.adm-step-card:first-child{border-radius:12px 0 0 12px}.adm-step-card:last-child{border-radius:0 12px 12px 0}.adm-step-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001a;z-index:3}.adm-step-number{font-size:2.5rem;font-weight:900;color:#0b3c5d0f;position:absolute;top:12px;right:20px;line-height:1}.adm-step-icon{width:60px;height:60px;background:#1ca7a61a;color:#1ca7a6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all .3s}.adm-step-card:hover .adm-step-icon{background:#1ca7a6;color:#fff}.adm-step-card h4{font-size:1rem;font-weight:800;color:#051a29;margin-bottom:8px}.adm-step-card p{font-size:.85rem;color:#64748b;line-height:1.6}.adm-section-tag{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:2.5px;color:#1ca7a6;text-transform:uppercase;margin-bottom:12px;padding:6px 14px;background:#1ca7a614;border-radius:4px}.adm-procedure-section{padding:100px 0;background:#fff}.adm-procedure-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.adm-procedure-left h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29;margin-bottom:30px;line-height:1.2}.adm-procedure-list{display:flex;flex-direction:column;gap:20px}.adm-procedure-item{display:flex;gap:16px;align-items:flex-start}.adm-bullet{width:12px;height:12px;min-width:12px;background:#0b3c5d;border-radius:50%;margin-top:5px}.adm-procedure-item p{font-size:1rem;color:#475569;line-height:1.7}.adm-procedure-image-wrap{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000001f;position:relative}.adm-procedure-image-wrap:after{content:"";position:absolute;inset:0;border:3px solid rgba(28,167,166,.3);border-radius:12px;pointer-events:none}.adm-procedure-image-wrap img{width:100%;height:auto;display:block}.adm-criteria-section{padding:100px 0;background:#f8fafc}.adm-criteria-header{text-align:center;margin-bottom:50px}.adm-criteria-header h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29}.adm-criteria-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.adm-criteria-item{display:flex;align-items:flex-start;gap:20px;background:#fff;padding:22px 28px;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s}.adm-criteria-item:hover{border-color:#1ca7a6;box-shadow:0 4px 15px #1ca7a614;transform:translate(5px)}.adm-criteria-num{font-size:1.1rem;font-weight:900;color:#1ca7a6;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1ca7a614;border-radius:8px}.adm-criteria-item p{font-size:.95rem;color:#475569;line-height:1.7;flex:1}.adm-classes-section{padding:80px 0;background:#fff}.adm-classes-header{text-align:center;margin-bottom:40px}.adm-classes-header h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29}.adm-classes-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;margin:0 auto}.adm-class-chip{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;font-size:.9rem;font-weight:600;color:#0b3c5d;transition:all .3s;cursor:default}.adm-class-chip:hover{background:#051a29;color:#fff;border-color:#051a29}.adm-class-chip:hover svg{color:#ffb800}.adm-class-chip svg{color:#1ca7a6;transition:color .3s}.adm-docs-section{padding:100px 0;background:#f8fafc}.adm-docs-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:flex-start}.adm-docs-left h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29;margin-bottom:12px}.adm-docs-intro{font-size:.95rem;color:#64748b;margin-bottom:30px;line-height:1.6}.adm-docs-list{display:flex;flex-direction:column;gap:14px}.adm-doc-item{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s}.adm-doc-item:hover{border-color:#1ca7a6;transform:translate(5px)}.adm-doc-icon{color:#1ca7a6;flex-shrink:0}.adm-doc-item span{font-size:.92rem;color:#334155;font-weight:500}.adm-fee-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:40px 35px;box-shadow:0 8px 30px #0000000f;position:sticky;top:120px}.adm-fee-icon{width:56px;height:56px;background:#ffb8001a;color:#ffb800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.adm-fee-card h3{font-size:1.3rem;font-weight:800;color:#051a29;margin-bottom:12px}.adm-fee-card>p{font-size:.92rem;color:#64748b;line-height:1.7}.adm-fee-divider{height:1px;background:#e2e8f0;margin:24px 0}.adm-important-note{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#fef3c7;border-radius:8px;border:1px solid #fde68a}.adm-important-note svg{color:#d97706;flex-shrink:0;margin-top:2px}.adm-important-note span{font-size:.82rem;color:#92400e;line-height:1.6;font-weight:500}.adm-contact-section{padding:100px 0;background:#fff}.adm-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.adm-contact-info h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29;margin-bottom:12px}.adm-contact-info>p{font-size:1rem;color:#64748b;margin-bottom:35px;line-height:1.6}.adm-contact-cards{display:flex;flex-direction:column;gap:16px}.adm-contact-card{display:flex;align-items:center;gap:18px;padding:20px 24px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s}.adm-contact-card:hover{border-color:#1ca7a6;background:#fff;box-shadow:0 4px 15px #0000000f}.adm-contact-card svg{color:#1ca7a6;flex-shrink:0}.adm-contact-label{display:block;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.adm-contact-card a,.adm-contact-card span:not(.adm-contact-label){font-size:.95rem;color:#1e293b;font-weight:600;text-decoration:none}.adm-contact-card a:hover{color:#1ca7a6}.adm-cta-box{background:linear-gradient(135deg,#051a29,#0b3c5d);border-radius:16px;padding:10px}.adm-cta-inner{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:50px 40px;text-align:center}.adm-cta-inner h3{font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:12px}.adm-cta-inner>p{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin-bottom:30px}.adm-cta-buttons{display:flex;flex-direction:column;gap:12px}.adm-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .3s}.adm-cta-btn.primary{background:#1ca7a6;color:#fff}.adm-cta-btn.primary:hover{background:#178f8e;transform:translateY(-2px);box-shadow:0 8px 20px #1ca7a64d}.adm-cta-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.adm-cta-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80}@media(max-width:1200px){.adm-hero-content h1{font-size:2.5rem}.adm-procedure-grid,.adm-docs-grid,.adm-contact-grid{gap:50px}}@media(max-width:1024px){.adm-hero{height:350px}.adm-hero-content{padding:0 30px 50px}.adm-hero-content h1{font-size:2.2rem}.adm-steps-grid{grid-template-columns:repeat(2,1fr)}.adm-step-card:first-child{border-radius:12px 0 0}.adm-step-card:nth-child(2){border-radius:0 12px 0 0}.adm-step-card:nth-child(3){border-radius:0 0 0 12px}.adm-step-card:last-child{border-radius:0 0 12px}.adm-procedure-grid,.adm-docs-grid,.adm-contact-grid{grid-template-columns:1fr}.adm-procedure-right{max-width:500px;margin:0 auto}.adm-fee-card{position:static}}@media(max-width:768px){.adm-hero{height:320px}.adm-hero-content h1{font-size:1.8rem}.adm-hero-content>p{font-size:1rem}.adm-procedure-left h2,.adm-criteria-header h2,.adm-classes-header h2,.adm-docs-left h2,.adm-contact-info h2{font-size:1.8rem}.adm-procedure-section,.adm-criteria-section,.adm-docs-section,.adm-contact-section{padding:70px 0}}@media(max-width:640px){.adm-hero{height:300px}.adm-hero-content{padding:0 20px 40px}.adm-hero-content h1{font-size:1.6rem}.adm-steps-grid{grid-template-columns:1fr;margin-top:0}.adm-steps-section{margin-top:-30px}.adm-step-card{border-radius:0!important}.adm-step-card:first-child{border-radius:12px 12px 0 0!important}.adm-step-card:last-child{border-radius:0 0 12px 12px!important}.adm-criteria-item{padding:16px 20px}.adm-cta-inner{padding:35px 25px}.adm-cta-inner h3{font-size:1.4rem}.adm-classes-section{padding:60px 0}}.curr-hero{height:380px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:#fff}.curr-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#051a2980,#051a29d9)}.curr-hero-content{position:relative;max-width:1320px;margin:0 auto;padding:0 50px 60px;width:100%}.curr-hero-content h1{font-family:Poppins,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1;margin-bottom:12px;max-width:700px}.curr-hero-content>p{font-size:1.15rem;opacity:.85;max-width:600px;line-height:1.6}.curr-levels-section{padding:80px 0 100px;background:#f8fafc;position:relative}.curr-levels-section:before{content:"";position:absolute;top:0;bottom:0;left:40%;width:25%;background:#1ca7a608;transform:skew(-20deg);pointer-events:none}.curr-masonry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:start}.curr-level-card{background:#fff;padding:35px 40px;border-radius:12px;box-shadow:0 10px 30px #0000000d;border:1px solid #f1f5f9;transition:transform .3s,box-shadow .3s}.curr-level-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000014}.curr-level-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid}.curr-level-number{font-size:1.6rem;font-weight:900;font-family:Inter,sans-serif;line-height:1.2}.curr-level-title-wrap h3{font-size:1.4rem;font-weight:800;margin-bottom:4px;line-height:1.2}.curr-level-subtitle{display:block;font-size:.95rem;color:#475569;font-weight:600}.curr-subjects-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.curr-subjects-list li{display:flex;align-items:center;gap:12px;font-size:1rem;color:#334155;font-weight:500}.curr-bullet{width:6px;height:6px;border-radius:50%;flex-shrink:0}.curr-streams-container{display:flex;flex-direction:column;gap:30px}.curr-stream-block{padding-left:10px}.curr-stream-name{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;margin-bottom:15px}.curr-diamond{width:10px;height:10px;transform:rotate(45deg);flex-shrink:0}.stream-list li{font-size:.95rem}@media(max-width:1024px){.curr-hero{height:320px}.curr-hero-content{padding:0 30px 40px}.curr-hero-content h1{font-size:2.5rem}.curr-masonry-grid{gap:30px}.curr-level-card{padding:30px}}@media(max-width:768px){.curr-masonry-grid{grid-template-columns:1fr}.curr-hero h1{font-size:2rem}.curr-hero-content>p{font-size:1rem}}@media(max-width:640px){.curr-hero{height:280px}.curr-hero-content{padding:0 20px 30px}.curr-hero h1{font-size:1.8rem}.curr-level-card{padding:25px 20px}.curr-level-header{gap:12px}.curr-level-title-wrap h3{font-size:1.25rem}}.gal-hero{height:380px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:#fff}.gal-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#051a2980,#051a29d9)}.gal-hero-content{position:relative;max-width:1320px;margin:0 auto;padding:0 50px 60px;width:100%}.gal-hero-content h1{font-family:Poppins,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1;margin-bottom:12px;max-width:700px}.gal-hero-content>p{font-size:1.15rem;opacity:.85;max-width:600px;line-height:1.6}.gal-main-section{padding:80px 0 100px;background:#f8fafc;min-height:500px}.gal-filter-wrap{margin-bottom:50px;display:flex;justify-content:center}.gal-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;background:#fff;padding:8px;border-radius:50px;box-shadow:0 4px 15px #0000000d}.gal-filter-btn{padding:10px 24px;border-radius:30px;border:none;background:transparent;font-size:.95rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.gal-filter-btn:hover{color:#051a29;background:#f1f5f9}.gal-filter-btn.active{background:#1ca7a6;color:#fff;box-shadow:0 4px 10px #1ca7a64d}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.gal-item{border-radius:12px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;box-shadow:0 10px 30px #00000014}.gal-item-inner{position:relative;width:100%;height:100%}.gal-item-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.gal-item:hover img{transform:scale(1.08)}.gal-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,#051a29e6,#051a2933,#051a2900);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:24px}.gal-item:hover .gal-item-overlay{opacity:1}.gal-item-info{transform:translateY(20px);transition:transform .3s ease}.gal-item:hover .gal-item-info{transform:translateY(0)}.gal-item-cat{display:inline-block;background:#ffb800;color:#051a29;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:4px;margin-bottom:8px}.gal-item-info h4{color:#fff;font-size:1.15rem;font-weight:700;margin:0}.gal-loading{text-align:center;padding:100px 0;font-size:1.2rem;color:#64748b;font-weight:600}.gal-empty{text-align:center;padding:80px 0;background:#fff;border-radius:12px;border:1px dashed #cbd5e1}.gal-empty-icon{color:#cbd5e1;margin-bottom:16px}.gal-empty h3{font-size:1.3rem;color:#334155;margin-bottom:8px}.gal-empty p{color:#64748b}.gal-lightbox{position:fixed;inset:0;background:#051a29f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px}.gal-lightbox-close{position:absolute;top:30px;right:30px;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .3s}.gal-lightbox-close:hover{opacity:1}.gal-lightbox-content{position:relative;max-width:1000px;width:100%;max-height:85vh;display:flex;flex-direction:column}.gal-lightbox-content img{width:100%;max-height:75vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #00000080}.gal-lightbox-caption{margin-top:20px;text-align:center;color:#fff}.gal-lightbox-caption h3{font-size:1.4rem;font-weight:700;margin-bottom:6px}.gal-lightbox-caption span{font-size:.9rem;color:#1ca7a6;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(max-width:1024px){.gal-hero{height:320px}.gal-hero-content{padding:0 30px 40px}.gal-hero-content h1{font-size:2.5rem}.gal-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.gal-filters{border-radius:12px;padding:12px}.gal-filter-btn{border-radius:8px}.gal-lightbox{padding:20px}.gal-lightbox-close{top:15px;right:15px}}@media(max-width:640px){.gal-hero{height:280px}.gal-hero-content{padding:0 20px 30px}.gal-hero h1{font-size:1.8rem}.gal-grid{grid-template-columns:1fr}}.cont-hero{height:380px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:#fff}.cont-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#051a2980,#051a29d9)}.cont-hero-content{position:relative;max-width:1320px;margin:0 auto;padding:0 50px 60px;width:100%}.cont-hero-content h1{font-family:Poppins,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1;margin-bottom:12px;max-width:700px}.cont-hero-content>p{font-size:1.15rem;opacity:.85;max-width:600px;line-height:1.6}.cont-main-section{padding:100px 0;background:#f8fafc;position:relative}.cont-main-section:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#051a29,#0b3c5d);z-index:0}.cont-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;position:relative;z-index:1}.cont-info-panel{background:#fff;padding:50px 40px;border-radius:12px;box-shadow:0 15px 40px #00000014}.cont-info-header{margin-bottom:40px}.cont-tag{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:2.5px;color:#1ca7a6;text-transform:uppercase;margin-bottom:12px;padding:6px 14px;background:#1ca7a614;border-radius:4px}.cont-info-header h2{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:900;color:#051a29;margin-bottom:12px}.cont-info-header p{color:#64748b;line-height:1.6}.cont-info-blocks{display:flex;flex-direction:column;gap:30px}.cont-info-block{display:flex;align-items:flex-start;gap:20px}.cont-icon-circle{width:50px;height:50px;border-radius:50%;background:#1ca7a61a;color:#1ca7a6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cont-block-text h4{font-size:1.1rem;font-weight:800;color:#051a29;margin-bottom:8px}.cont-block-text p{font-size:.95rem;color:#475569;line-height:1.6;margin:0}.cont-block-text a{color:#475569;text-decoration:none;transition:color .3s}.cont-block-text a:hover{color:#1ca7a6}.cont-holiday{color:#e11d48!important;font-weight:600;margin-top:6px!important}.cont-form-panel{align-self:center}.cont-form-inner{background:#fff;padding:50px 45px;border-radius:12px;box-shadow:0 15px 50px #00000026;border:1px solid #e2e8f0}.cont-form-inner h3{font-size:1.8rem;font-weight:800;color:#051a29;margin-bottom:10px}.cont-form-inner>p{color:#64748b;margin-bottom:30px}.cont-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;margin-bottom:25px;font-weight:500;font-size:.95rem}.cont-alert.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.cont-alert.success svg{color:#16a34a}.cont-alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.cont-alert.error svg{color:#dc2626}.cont-form{display:flex;flex-direction:column;gap:20px}.cont-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cont-input-group{display:flex;flex-direction:column;gap:8px}.cont-input-group label{font-size:.85rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.cont-input-group input,.cont-input-group textarea{padding:14px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;color:#0f172a;font-family:inherit;transition:all .3s;background:#f8fafc}.cont-input-group input:focus,.cont-input-group textarea:focus{outline:none;border-color:#1ca7a6;background:#fff;box-shadow:0 0 0 4px #1ca7a61a}.cont-input-group textarea{resize:vertical;min-height:120px}.cont-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1ca7a6;color:#fff;border:none;padding:16px;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.cont-submit-btn:hover:not(:disabled){background:#178f8e;transform:translateY(-2px);box-shadow:0 8px 25px #1ca7a64d}.cont-submit-btn:disabled{opacity:.7;cursor:not-allowed}.cont-map-section{width:100%;height:450px;background:#e2e8f0}.cont-map-wrapper{width:100%;height:100%}@media(max-width:1200px){.cont-grid{gap:40px}}@media(max-width:1024px){.cont-hero{height:320px}.cont-hero-content{padding:0 30px 40px}.cont-hero-content h1{font-size:2.5rem}.cont-grid{grid-template-columns:1fr}.cont-main-section:before{height:400px}.cont-info-panel{padding:40px 35px}}@media(max-width:768px){.cont-row{grid-template-columns:1fr}.cont-info-header h2{font-size:1.8rem}.cont-form-inner h3{font-size:1.6rem}.cont-form-inner{padding:40px 30px}}@media(max-width:640px){.cont-hero{height:280px}.cont-hero-content{padding:0 20px 30px}.cont-hero h1{font-size:1.8rem}.cont-info-panel,.cont-form-inner{padding:30px 20px}.cont-main-section{padding:60px 0}}.curriculum-list ul{margin:5px 0 10px}.curriculum-list li{margin-bottom:3px}.acad-img-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:20px;align-content:start}.acad-img-grid>div{border-radius:0;overflow:hidden}@media(max-width:768px){.acad-img-grid{grid-template-columns:1fr}.acad-img-grid>div{grid-column:1 / -1!important;grid-row:auto!important}.section-container>div{flex-direction:column}}.site-settings{display:flex;gap:30px;background:#fff;border-radius:12px;border:1px solid #eef2f6;overflow:hidden;min-height:500px}.settings-sidebar{width:240px;background:#f8fafc;border-right:1px solid #eef2f6;padding:20px 0}.settings-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 24px;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.settings-nav-item:hover{background:#f1f5f9;color:#1a202c}.settings-nav-item.active{background:#fff;color:var(--mz-teal, #1CA7A6);border-left:3px solid var(--mz-teal, #1CA7A6);box-shadow:0 4px 12px #00000008}.settings-content{flex:1;padding:30px;display:flex;flex-direction:column}.settings-form-section{animation:fadeIn .3s ease-out}.settings-form-section h3{font-size:1.1rem;color:#1e293b;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--mz-teal, #1CA7A6);box-shadow:0 0 0 3px #1ca7a61a}.help-text{display:block;font-size:.75rem;color:#94a3b8;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}.checkbox-label input{width:18px;height:18px;accent-color:var(--mz-teal, #1CA7A6)}.ticker-list{display:flex;flex-direction:column;gap:12px}.ticker-item-edit{display:flex;gap:10px;align-items:center}.remove-btn{width:30px;height:30px;border-radius:50%;border:none;background:#fee2e2;color:#ef4444;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-btn{align-self:flex-start;padding:8px 16px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;margin-top:10px}.settings-actions{margin-top:auto;padding-top:30px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.btn-lg{padding:14px 30px;font-size:1rem}.items-list{display:flex;flex-direction:column;gap:15px}.list-item-card{display:flex;gap:15px;align-items:center;background:#f8fafc;padding:15px;border-radius:10px;border:1px solid #e2e8f0}.list-item-card input{flex:1}.list-item-card textarea{width:100%;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-settings{flex-direction:column}.settings-sidebar{width:100%;display:flex;overflow-x:auto;padding:0}.settings-nav-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.settings-nav-item.active{border-bottom-color:var(--mz-teal, #1CA7A6)}.settings-grid{grid-template-columns:1fr}}.dashboard{max-width:1200px}.welcome-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);padding:30px 32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;border-radius:50%;background:#ffffff0d}.welcome-banner:after{content:"";position:absolute;bottom:-40%;right:10%;width:200px;height:200px;border-radius:50%;background:#ffffff0a}.welcome-content h1{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:4px}.welcome-school{color:var(--accent)}.welcome-content p{color:#ffffffb3;font-size:.9rem}.welcome-date{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.85rem;background:#ffffff1a;padding:8px 16px;border-radius:50px}.stat-card{padding:22px;animation:slideInUp .4s ease forwards;opacity:0}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon-wrap{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;padding:3px 8px;border-radius:50px}.trend-up{background:var(--success-light);color:var(--success)}.trend-down{background:var(--warning-light);color:var(--warning)}.stat-value{font-size:1.6rem;font-weight:800;color:var(--text);line-height:1.2;margin-bottom:4px}.stat-label{font-size:.82rem;color:var(--text-light);font-weight:500}.dashboard-section{margin-bottom:28px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{font-size:1.15rem;color:var(--primary)}.section-subtitle{font-size:.8rem;color:var(--text-muted);margin-left:12px}.section-link{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--accent);transition:var(--transition-fast)}.section-link:hover{color:var(--accent-hover);gap:10px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.quick-action-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center;cursor:pointer;position:relative}.quick-action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.quick-action-card:hover .qa-arrow{opacity:1;transform:translate(0)}.qa-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.qa-label{font-size:.875rem;font-weight:600;color:var(--text)}.qa-arrow{position:absolute;top:16px;right:16px;color:var(--text-muted);opacity:0;transform:translate(-5px);transition:var(--transition)}.payment-card{overflow:hidden}.payment-alert{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--danger-light);color:var(--danger);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--border-light)}.table-wrapper{overflow-x:auto}.td-bold{font-weight:600}@media(max-width:768px){.welcome-banner{padding:20px}.welcome-content h1{font-size:1.2rem}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:10px}.qa-icon{width:44px;height:44px}.qa-label{font-size:.78rem}}.dashboard-tabs{display:flex;gap:10px;margin-bottom:24px;background:#fff;padding:6px;border-radius:12px;border:1px solid #eef2f6;width:-moz-fit-content;width:fit-content}.d-tab-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.d-tab-btn.active{background:#051a29;color:#fff!important}.cms-wrapper{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.students-page{max-width:1200px}.filters-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background-color:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 4px 12px #00000008;border:1px solid #e9ecef;margin-bottom:24px}.search-wrapper{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8898aa}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #e9ecef;border-radius:8px;font-size:15px;color:#333;transition:all .3s ease;background-color:#f8fafc;box-sizing:border-box}.search-input:focus{outline:none;border-color:#1ca7a6;background-color:#fff;box-shadow:0 0 0 3px #1ca7a626}.filter-dropdowns{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-select{padding:12px 36px 12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:500;color:#495057;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238898aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:hover{border-color:#ced4da}.filter-select:focus{outline:none;border-color:#1ca7a6;box-shadow:0 0 0 3px #1ca7a626}.results-count{display:flex;align-items:center;gap:8px;font-size:14px;color:#1ca7a6;font-weight:600;background:#1ca7a61a;padding:8px 14px;border-radius:6px;margin-left:8px}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.student-card{padding:0;cursor:pointer;position:relative;animation:slideInUp .4s ease forwards;opacity:0;overflow:hidden;border-radius:12px;border:1px solid #e9ecef;transition:all .3s ease}.student-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:var(--accent)}.student-card-header{display:flex;align-items:center;gap:14px;padding:20px 20px 16px}.student-avatar{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:1px;overflow:hidden}.student-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.student-info{flex:1;min-width:0}.student-name{font-size:.95rem;font-weight:600;color:#1a1a2e;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-class{font-size:.8rem;color:#8898aa;font-weight:500}.student-card-body{padding:0 20px 16px}.student-meta{display:flex;align-items:center;gap:0;background:#f8fafc;border-radius:8px;padding:10px 0;margin-bottom:12px}.meta-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.meta-label{font-size:.7rem;color:#8898aa;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:.88rem;color:#1a1a2e;font-weight:700}.meta-divider{width:1px;height:28px;background:#dee2e6}.student-contact{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#495057;font-weight:500}.student-contact svg{color:#8898aa}.student-card-footer{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid #f0f0f5;background:#fafbfc}.student-badges{display:flex;gap:6px}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch;padding:16px}.search-wrapper{min-width:100%}.filter-dropdowns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-select{width:100%}.results-count{grid-column:span 2;justify-content:center;margin-left:0;margin-top:8px;width:auto}.students-grid{grid-template-columns:1fr}}.add-student-page{max-width:900px;padding:24px;margin:0 auto}.add-student-form{padding:40px}.form-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--primary);padding-bottom:10px;margin-bottom:20px;margin-top:8px;border-bottom:2px solid var(--bg)}.form-section-title:first-child{margin-top:0}.form-section{margin-bottom:32px;padding-bottom:8px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}.form-row.two-cols{grid-template-columns:repeat(2,1fr)}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}.form-error{display:block;font-size:.75rem;color:var(--danger);margin-top:4px}.form-actions{display:flex;gap:16px;margin-top:28px;padding-top:24px;border-top:2px solid var(--bg)}.btn-lg{padding:12px 28px;font-size:.95rem;min-height:48px}.success-banner{background:var(--success-light);color:var(--success);padding:14px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;margin-bottom:20px;border:1px solid var(--success)}@media(max-width:768px){.add-student-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.student-detail-page{max-width:1100px}.profile-card{padding:28px 32px;margin-bottom:24px}.profile-top{display:flex;align-items:center;gap:24px}.profile-avatar-lg{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;letter-spacing:2px;flex-shrink:0}.profile-main-info h2{font-size:1.4rem;color:var(--text);margin-bottom:4px}.profile-class{font-size:.9rem;color:var(--text-light);margin-bottom:10px;display:block}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-section{padding:24px}.detail-section-title{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--bg)}.detail-list{display:flex;flex-direction:column;gap:14px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-light)}.detail-value{font-size:.9rem;font-weight:500;color:var(--text)}.fee-overview{display:flex;flex-direction:column;gap:20px}.fee-progress-wrap{display:flex;flex-direction:column;gap:6px}.fee-progress-bar{height:10px;background:var(--bg);border-radius:50px;overflow:hidden}.fee-progress-fill{height:100%;border-radius:50px;transition:width 1s ease}.fee-progress-label{font-size:.78rem;color:var(--text-muted);text-align:right}.fee-amounts{display:flex;gap:20px;flex-wrap:wrap}.fee-amount-item{display:flex;flex-direction:column;gap:4px}.fee-amount-item span{font-size:.78rem;color:var(--text-muted)}.fee-amount-item strong{font-size:1rem}.attendance-overview{display:flex;align-items:center;gap:24px}.attendance-circle{position:relative;width:100px;height:100px;flex-shrink:0}.attendance-svg{width:100%;height:100%}.attendance-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:800;color:var(--text)}.attendance-info{display:flex;flex-direction:column;gap:8px}.attendance-info span:first-child{font-size:.85rem;color:var(--text-light)}.profile-tabs{display:flex;gap:4px;background:#fff;border-radius:var(--radius);padding:6px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f;overflow-x:auto}.profile-tab-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-light);cursor:pointer;border-radius:var(--radius);white-space:nowrap;transition:all .2s}.profile-tab-btn:hover{background:var(--bg)}.profile-tab-btn.active{background:var(--primary);color:#fff}.profile-tab-content{min-height:200px}.attendance-stats-grid{display:flex;gap:20px;flex-wrap:wrap}.att-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.att-stat-count{font-size:1.4rem;font-weight:700}.att-stat span:last-child{font-size:.78rem;color:var(--text-light)}@media(max-width:768px){.profile-top{flex-direction:column;text-align:center}.profile-badges{justify-content:center}.detail-grid{grid-template-columns:1fr}.profile-tabs{gap:2px;padding:4px}.profile-tab-btn{padding:8px 12px;font-size:.8rem}}.placeholder-page{max-width:700px;margin:0 auto}.placeholder-card{padding:60px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}.placeholder-icon{width:100px;height:100px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:var(--shadow-md)}.placeholder-card h2{font-size:1.5rem;color:var(--text);margin-bottom:12px}.placeholder-card p{font-size:.95rem;color:var(--text-light);max-width:450px;line-height:1.6;margin-bottom:24px}.placeholder-badge{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:50px;background:var(--warning-light);color:var(--warning);font-weight:600;font-size:.9rem;margin-bottom:32px}.placeholder-features{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.placeholder-feature{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-light)}.pf-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.academics-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.academics-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.academics-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.academics-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.academics-page .tabs-content{padding:24px}.academics-card{padding:0}.acad-two-col{display:flex;gap:24px;align-items:flex-start}.acad-form-panel{flex:0 0 400px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.acad-table-panel{flex:1;min-width:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.acad-form-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.acad-form .form-group{margin-bottom:14px}.acad-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.acad-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.acad-section-divider{font-size:.95rem;font-weight:600;color:var(--primary);margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:8px}.timetable-grid-wrapper{overflow-x:auto}.timetable-grid-wrapper .data-table td select{padding:4px 6px;font-size:.82rem;min-width:100px}.status-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-toggle-track{width:42px;height:22px;border-radius:11px;background:var(--border);position:relative;transition:var(--transition-fast)}.status-toggle-track.active{background:var(--accent)}.status-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:var(--transition-fast)}.status-toggle-track.active:after{left:22px}.syllabus-tree{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.syllabus-chapter{border-bottom:1px solid var(--border-light)}.syllabus-chapter:last-child{border-bottom:none}.syllabus-chapter-header{padding:14px 16px;background:var(--bg);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition-fast)}.syllabus-chapter-header:hover{background:var(--bg-dark)}.syllabus-topic{padding:10px 16px 10px 42px;font-size:.85rem;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:8px;color:var(--text-light)}.lesson-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.lesson-plan-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.lesson-plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lesson-plan-card h4{font-size:.95rem;margin-bottom:8px;color:var(--primary)}.lesson-plan-card .lp-meta{font-size:.82rem;color:var(--text-light);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.lesson-plan-card .lp-meta span{display:flex;align-items:center;gap:4px}.acad-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.acad-stat-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.acad-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.acad-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acad-stat-info h4{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.acad-stat-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.progress-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:6px}.progress-bar-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .5s ease}.acad-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.acad-empty svg{opacity:.3;margin-bottom:12px}.acad-empty p{font-size:.9rem;max-width:300px}.promotion-student-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.promotion-student-row:last-child{border-bottom:none}.acad-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.acad-settings-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.acad-settings-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.acad-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.acad-setting-item:last-child{border-bottom:none}.acad-setting-item label{font-weight:500;font-size:.88rem}.acad-setting-item .setting-value{font-size:.85rem;color:var(--text-light);font-weight:500}.acad-rbac-table{width:100%;border-collapse:collapse;font-size:.85rem}.acad-rbac-table th,.acad-rbac-table td{padding:10px 12px;border:1px solid var(--border-light);text-align:center}.acad-rbac-table th{background:var(--bg);font-weight:600;color:var(--primary)}.acad-rbac-table td:first-child{text-align:left;font-weight:500}@media(max-width:1024px){.acad-two-col{flex-direction:column}.acad-form-panel{flex:1;width:100%}.acad-settings-grid,.lesson-plan-grid{grid-template-columns:1fr}}@media(max-width:768px){.academics-page .tabs-header{gap:0}.academics-page .tab-btn{padding:8px;font-size:.72rem}.academics-page .tabs-content{padding:16px}.acad-form .form-row,.acad-stats-row{grid-template-columns:1fr}}.custom-multi-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);transition:var(--transition-fast)}.custom-multi-select:hover{border-color:var(--accent)}.multi-select-tag{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.tag-close{cursor:pointer;background:#fff3;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:var(--transition-fast)}.tag-close:hover{background:#fff6}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-top:4px;max-height:200px;overflow-y:auto;padding:6px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:var(--transition-fast);font-size:.85rem}.dropdown-item:hover{background:var(--bg)}.dropdown-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.row-editing{background:var(--accent-light)!important}.row-editing td{color:var(--accent)!important;font-weight:600}.acad-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.acad-modal{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:30px}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admission-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.admission-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.admission-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.admission-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.admission-page .tabs-content{padding:24px}.admission-card{padding:0}.adm-two-col{display:flex;gap:24px;align-items:flex-start}.adm-form-panel{flex:0 0 420px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.adm-table-panel{flex:1;min-width:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.adm-form-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.adm-form .form-group{margin-bottom:14px}.adm-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adm-form .form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.adm-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.adm-section-divider{font-size:.95rem;font-weight:600;color:var(--primary);margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:8px}.adm-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.adm-stat-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.adm-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.adm-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-stat-info h4{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.adm-stat-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.adm-steps{display:flex;gap:4px;margin-bottom:24px;overflow-x:auto}.adm-step{flex:1;min-width:120px;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm);text-align:center;font-size:.82rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:var(--transition-fast);border:2px solid transparent}.adm-step.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent);font-weight:600}.adm-step.completed{background:var(--success-light);color:var(--success)}.id-card-preview{background:#fff;border:2px solid var(--primary);border-radius:var(--radius-md);padding:32px;max-width:400px;margin:0 auto;text-align:center}.id-card-preview .id-header{border-bottom:2px solid var(--primary);padding-bottom:12px;margin-bottom:16px}.id-card-preview .id-header h3{color:var(--primary);font-size:1.1rem}.id-card-preview .id-header p{font-size:.75rem;color:var(--text-light)}.id-card-preview .id-photo{width:80px;height:100px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted)}.id-card-preview .id-details{text-align:left;font-size:.85rem}.id-card-preview .id-details div{padding:4px 0;border-bottom:1px solid var(--border-light)}.adm-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.adm-settings-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.adm-settings-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.adm-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.adm-setting-item:last-child{border-bottom:none}.adm-setting-item label{font-weight:500;font-size:.88rem}.adm-setting-item .setting-value{font-size:.85rem;color:var(--text-light);font-weight:500}.adm-rbac-table{width:100%;border-collapse:collapse;font-size:.85rem}.adm-rbac-table th,.adm-rbac-table td{padding:10px 12px;border:1px solid var(--border-light);text-align:center}.adm-rbac-table th{background:var(--bg);font-weight:600;color:var(--primary)}.adm-rbac-table td:first-child{text-align:left;font-weight:500}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.adm-empty svg{opacity:.3;margin-bottom:12px}.adm-empty p{font-size:.9rem;max-width:300px}@media(max-width:1024px){.adm-two-col{flex-direction:column}.adm-form-panel{flex:1;width:100%}.adm-settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.admission-page .tabs-header{gap:0}.admission-page .tab-btn{padding:8px;font-size:.72rem}.admission-page .tabs-content{padding:16px}.adm-form .form-row,.adm-form .form-row-3,.adm-stats-row{grid-template-columns:1fr}.adm-steps{flex-wrap:wrap}.idcard-grid{grid-template-columns:1fr}}.idcard-tab-container{width:100%}.idcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:16px}.idcard-student-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px 20px 0;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 4px 12px #0000000d;transition:transform .2s,box-shadow .2s;overflow:hidden}.idcard-student-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.idcard-header-bar{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,var(--primary-light),#ffffff);opacity:.3;z-index:0}.idcard-avatar{width:90px;height:90px;border-radius:50%;background:var(--bg);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px;z-index:1;border:3px solid #fff;box-shadow:0 4px 10px #0000001a;overflow:hidden}.idcard-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.idcard-name{color:var(--primary);font-weight:700;font-size:1.1rem;text-transform:uppercase;margin-bottom:12px;text-align:center;z-index:1}.idcard-info{width:100%;margin-bottom:16px;font-size:.85rem;z-index:1}.idcard-info div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border-light)}.idcard-info div:last-child{border-bottom:none}.idcard-label{color:var(--text-muted);font-weight:500}.idcard-value{color:var(--text);font-weight:600}.idcard-badges{display:flex;gap:8px;margin-bottom:20px;z-index:1}.idcard-badges span{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-class{background:#ffe4e6;color:#e11d48}.badge-section{background:#e0f2fe;color:#0284c7}.idcard-actions{display:flex;width:100%;border-top:1px solid var(--border-light);margin-top:auto}.idcard-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;background:transparent;border:none;cursor:pointer;transition:background .2s,color .2s;border-right:1px solid var(--border-light)}.idcard-action-btn:last-child{border-right:none}.edit-btn{color:var(--accent)}.edit-btn:hover{background:var(--accent-light)}.download-btn{color:var(--text-light)}.download-btn:hover{background:var(--bg);color:var(--primary)}.delete-btn{color:var(--danger)}.delete-btn:hover{background:var(--danger-light)}.addons-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.addons-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.addons-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.addons-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.addons-page .tabs-content{padding:24px}.addons-card{padding:0}.ado-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.ado-stat-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.ado-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ado-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ado-stat-info h4{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.ado-stat-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.ado-form-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px;margin-bottom:24px}.ado-form-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.ado-form .form-group{margin-bottom:14px}.ado-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ado-form .form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.ado-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.ado-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.ado-modal{background:var(--card-bg);border-radius:var(--radius-md);padding:24px;width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.ado-modal h3{margin-bottom:16px;color:var(--primary);display:flex;align-items:center;justify-content:space-between}.ado-modal .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.ado-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ado-gallery-item{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);position:relative}.ado-gallery-img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.ado-gallery-info{padding:12px}.ado-gallery-info h5{font-size:.9rem;margin-bottom:4px}.ado-gallery-info p{font-size:.75rem;color:var(--text-light)}.ado-gallery-action{position:absolute;top:8px;right:8px;background:#ffffffe6;border-radius:50%;padding:4px;cursor:pointer}.ado-form-builder{display:flex;gap:24px}.ado-fb-sidebar{width:200px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.ado-fb-main{flex:1;padding:24px;border:1px dashed var(--border);border-radius:var(--radius-sm);min-height:300px}.ado-fb-field{padding:12px;background:var(--card-bg);border:1px solid var(--border-light);margin-bottom:8px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:move}.ado-toggles-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ado-toggle-card{border:1px solid var(--border-light);padding:16px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center}.ado-toggle-info h4{font-size:.95rem;margin-bottom:4px}.ado-toggle-info p{font-size:.8rem;color:var(--text-light)}.ado-switch{position:relative;display:inline-block;width:44px;height:24px}.ado-switch input{opacity:0;width:0;height:0}.ado-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.4s;border-radius:24px}.ado-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.ado-slider{background-color:var(--accent)}input:checked+.ado-slider:before{transform:translate(20px)}@media(max-width:1024px){.ado-form-builder{flex-direction:column}.ado-fb-sidebar{width:100%;display:flex;overflow-x:auto;gap:8px}.ado-toggles-list{grid-template-columns:1fr}}@media(max-width:768px){.addons-page .tabs-header{gap:0}.addons-page .tab-btn{padding:8px;font-size:.72rem}.addons-page .tabs-content{padding:16px}.ado-form .form-row,.ado-form .form-row-3,.ado-stats-row{grid-template-columns:1fr}}.finance-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.finance-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.finance-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.finance-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.finance-page .tabs-content{padding:24px}.finance-card{padding:0}.fin-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.fin-kpi-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.fin-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.fin-kpi-info h4{color:var(--text-light);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.fin-kpi-info p{color:var(--text);font-size:1.6rem;font-weight:700;line-height:1}.fin-kpi-info p.success{color:var(--success)}.fin-kpi-info p.danger{color:var(--danger)}.fin-kpi-info p.warning{color:var(--warning)}.fin-kpi-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fin-form-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px;margin-bottom:24px}.fin-form-panel h3{margin-bottom:20px;font-size:1.1rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:12px;display:flex;align-items:center;gap:8px}.fin-form .form-group{margin-bottom:16px}.fin-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fin-form .form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.fin-form .form-row-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.fin-form .form-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.fin-doc-preview{border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;background:#fff;max-width:800px;margin:0 auto 24px;box-shadow:var(--shadow-sm)}.fin-doc-header{display:flex;justify-content:space-between;border-bottom:2px solid #eee;padding-bottom:24px;margin-bottom:24px}.fin-doc-title{font-size:1.5rem;color:var(--primary);font-weight:700;margin-bottom:8px}.fin-doc-meta p{font-size:.85rem;color:var(--text-light);margin-bottom:4px}.fin-doc-table{width:100%;border-collapse:collapse;margin-bottom:24px}.fin-doc-table th{background:var(--bg);color:var(--text);padding:12px;text-align:left;font-size:.85rem;font-weight:600;border-bottom:2px solid var(--border)}.fin-doc-table td{padding:12px;font-size:.9rem;border-bottom:1px solid #eee;color:var(--text)}.fin-doc-total-row td{font-weight:700;font-size:1rem;border-top:2px solid var(--border)}.fin-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.fin-quick-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);padding:12px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;color:var(--text);cursor:pointer;transition:all .2s}.fin-quick-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ledger-debit{color:var(--danger);font-family:monospace;font-size:.95rem}.ledger-credit{color:var(--success);font-family:monospace;font-size:.95rem}@media(max-width:1024px){.finance-page .tabs-header{padding:2px}.finance-page .tab-btn{padding:8px 10px;font-size:.75rem}}@media(max-width:768px){.fin-dashboard-grid,.fin-form .form-row,.fin-form .form-row-3,.fin-form .form-row-4{grid-template-columns:1fr}}.hr-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.hr-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.hr-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.hr-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.hr-page .tabs-content{padding:24px}.hr-card{padding:0}.hr-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.hr-kpi-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.hr-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.hr-kpi-info h4{color:var(--text-light);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.hr-kpi-info p{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1}.hr-kpi-info p.success{color:var(--success)}.hr-kpi-info p.danger{color:var(--danger)}.hr-kpi-info p.warning{color:var(--warning)}.hr-kpi-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hr-form-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px;margin-bottom:24px}.hr-form-panel h3{margin-bottom:20px;font-size:1.1rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:12px;display:flex;align-items:center;gap:8px}.hr-attendance-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1px;background:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.hr-attendance-grid .att-header{background:var(--bg);padding:12px;font-weight:600;font-size:.85rem;color:var(--text)}.hr-attendance-grid .att-cell{background:var(--card-bg);padding:10px 12px;font-size:.9rem;display:flex;align-items:center;gap:8px}.hr-payslip-preview{border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;background:#fff;max-width:800px;margin:0 auto 24px;box-shadow:var(--shadow-sm)}.hr-payslip-header{display:flex;justify-content:space-between;border-bottom:2px solid #eee;padding-bottom:24px;margin-bottom:24px}.hr-payslip-title{font-size:1.4rem;color:var(--primary);font-weight:700;margin-bottom:8px}.hr-pipeline{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px}.hr-pipeline-col{min-width:220px;flex:1;background:var(--bg);border-radius:var(--radius-sm);padding:16px}.hr-pipeline-col h4{font-size:.85rem;text-transform:uppercase;color:var(--text-light);margin-bottom:12px;letter-spacing:.5px}.hr-pipeline-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px;margin-bottom:8px}.hr-pipeline-card h5{font-size:.9rem;margin-bottom:4px}.hr-pipeline-card p{font-size:.8rem;color:var(--text-light)}.hr-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.hr-quick-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);padding:12px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;color:var(--text);cursor:pointer;transition:all .2s}.hr-quick-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:1024px){.hr-page .tabs-header{padding:2px}.hr-page .tab-btn{padding:8px 10px;font-size:.75rem}}@media(max-width:768px){.hr-dashboard-grid{grid-template-columns:1fr 1fr}.hr-attendance-grid{grid-template-columns:1fr}.hr-pipeline{flex-direction:column}}.parent-portal-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.parent-portal-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.parent-portal-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.parent-portal-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.parent-portal-page .tabs-content{padding:24px}.pp-card{padding:0}.pp-child-selector{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--primary),#1a6b8a);border-radius:var(--radius-md);margin-bottom:24px;color:#fff}.pp-child-selector label{font-weight:500;font-size:.9rem}.pp-child-selector select{padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:.9rem;min-width:250px}.pp-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.pp-summary-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.pp-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pp-summary-info h4{color:var(--text-light);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pp-summary-info p{font-size:1.4rem;font-weight:700;line-height:1}.pp-summary-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pp-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pp-profile-card{display:flex;gap:32px;align-items:flex-start;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.pp-profile-photo{width:150px;height:150px;border-radius:var(--radius-md);background:var(--bg);display:flex;align-items:center;justify-content:center;border:3px solid var(--border-light);flex-shrink:0}.pp-profile-details{flex:1}.pp-profile-details h2{font-size:1.4rem;color:var(--primary);margin-bottom:20px}.pp-detail-row{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.pp-detail-label{color:var(--text-light);font-weight:500;font-size:.9rem}.pp-detail-value{color:var(--text);font-weight:600;font-size:.9rem}.pp-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:24px}.pp-cal-header{text-align:center;font-weight:600;font-size:.8rem;color:var(--text-light);padding:8px;text-transform:uppercase}.pp-cal-day{text-align:center;padding:10px 4px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:default;transition:var(--transition-fast)}.pp-cal-day.present{background:#e8f5e9;color:#2e7d32}.pp-cal-day.absent{background:#ffebee;color:#c62828}.pp-cal-day.late{background:#fff3e0;color:#e65100}.pp-cal-day.empty{background:transparent}.pp-cal-day.holiday{background:#e3f2fd;color:#1565c0}.pp-att-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.pp-att-stat{text-align:center;padding:16px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.pp-att-stat h4{font-size:.75rem;color:var(--text-light);text-transform:uppercase;margin-bottom:6px}.pp-att-stat p{font-size:1.3rem;font-weight:700}.pp-announcement{padding:16px 20px;border-left:4px solid #ccc;background:var(--card-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:12px;transition:var(--transition-fast)}.pp-announcement:hover{box-shadow:var(--shadow-sm)}.pp-announcement.holiday{border-left-color:#4caf50}.pp-announcement.exam{border-left-color:#f44336}.pp-announcement.fee{border-left-color:#ff9800}.pp-announcement.event{border-left-color:#2196f3}.pp-announcement.urgent{border-left-color:#b71c1c}.pp-announcement.general{border-left-color:#9e9e9e}.pp-announcement h4{font-size:.95rem;margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pp-announcement p{font-size:.85rem;color:var(--text-light)}.pp-announcement .ann-meta{display:flex;gap:12px;margin-top:8px;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.pp-ann-badge{font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:600;color:#fff;text-transform:uppercase}.pp-ann-badge.holiday{background:#4caf50}.pp-ann-badge.exam{background:#f44336}.pp-ann-badge.fee{background:#ff9800}.pp-ann-badge.event{background:#2196f3}.pp-ann-badge.urgent{background:#b71c1c}.pp-ann-badge.general{background:#9e9e9e}.pp-ann-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light);gap:8px}.pp-ann-item:last-child{border-bottom:none}.pp-fee-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:8px;transition:var(--transition-fast);cursor:pointer}.pp-fee-item.selected{border-color:var(--primary);background:#f0f9f9}.pp-fee-item label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.pp-fee-amount{font-size:1.1rem;font-weight:700;color:var(--text);white-space:nowrap}.pp-fee-total{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);margin-top:16px;font-size:1.1rem}.pp-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pp-contact-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;text-align:center;transition:var(--transition)}.pp-contact-card:hover{box-shadow:var(--shadow-md)}.pp-contact-card h4{margin-top:12px;font-size:.95rem;color:var(--primary)}.pp-contact-card p{font-size:.9rem;color:var(--text-light);margin-top:8px}.pp-first-login-notice{background:#fff3e0;border:1px solid #ffb74d;padding:10px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px}@media(max-width:768px){.parent-portal-page .page-header{flex-direction:column;align-items:flex-start;gap:12px}.parent-portal-page .page-header h1{font-size:1.3rem}.parent-portal-page .tabs-header{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding:6px 8px;scrollbar-width:none}.parent-portal-page .tabs-header::-webkit-scrollbar{display:none}.parent-portal-page .tab-btn{padding:10px 12px;font-size:.75rem;flex-shrink:0;min-height:44px}.parent-portal-page .tabs-content{padding:16px 12px}.pp-child-selector{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.pp-child-selector select{min-width:100%;width:100%;font-size:16px}.pp-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.pp-summary-card{padding:14px}.pp-summary-info h4{font-size:.7rem}.pp-summary-info p{font-size:1.15rem}.pp-summary-icon{width:36px;height:36px}.pp-dash-grid{grid-template-columns:1fr;gap:16px}.pp-profile-card{flex-direction:column;align-items:center;text-align:center;padding:20px 16px;gap:20px}.pp-profile-photo{width:110px;height:110px}.pp-profile-details h2{font-size:1.2rem;margin-bottom:16px}.pp-detail-row{grid-template-columns:1fr;text-align:left;gap:4px;padding:8px 0}.pp-att-stats{grid-template-columns:repeat(3,1fr);gap:8px}.pp-att-stat{padding:10px 6px}.pp-att-stat h4{font-size:.65rem}.pp-att-stat p{font-size:1.1rem}.pp-calendar{gap:2px}.pp-cal-header{font-size:.65rem;padding:6px 2px}.pp-cal-day{padding:6px 2px;font-size:.75rem}.pp-announcement{padding:14px 16px}.pp-announcement h4{font-size:.88rem}.pp-fee-item{padding:14px 16px;flex-wrap:wrap;gap:8px}.pp-fee-item label{gap:10px;font-size:.9rem}.pp-fee-amount{font-size:1rem}.pp-fee-total{padding:16px 18px;font-size:1rem;flex-wrap:wrap;gap:8px}.pp-contact-grid{grid-template-columns:1fr;gap:12px}.pp-contact-card{padding:20px 16px}.parent-portal-page .table-responsive{margin:0 -12px;padding:0 12px;width:calc(100% + 24px)}.pp-first-login-notice{flex-direction:column;align-items:flex-start;gap:10px}.pp-first-login-notice .btn{width:100%;margin-left:0!important;margin-top:4px}.parent-portal-page .card{padding:16px!important}}@media(max-width:480px){.parent-portal-page .tabs-content{padding:14px 10px}.parent-portal-page .tab-btn{padding:10px;font-size:0;gap:0}.parent-portal-page .tab-btn svg{width:20px;height:20px}.parent-portal-page .tab-btn.active{font-size:.72rem;gap:4px}.pp-summary-grid{grid-template-columns:1fr;gap:8px}.pp-att-stats{grid-template-columns:1fr 1fr}.parent-portal-page .hr-quick-btn{font-size:.85rem;padding:12px;min-height:48px}.parent-portal-page .page-header h1{font-size:1.15rem}.parent-portal-page .page-breadcrumb{font-size:.75rem}.pp-profile-photo{width:90px;height:90px}.parent-portal-page button[style*="width: 100%"]{min-height:50px;font-size:1rem!important}}@media(max-width:360px){.pp-child-selector{padding:10px 12px}.pp-summary-card{padding:10px}.pp-summary-info p{font-size:1rem}.pp-cal-day{padding:4px 1px;font-size:.68rem}.pp-cal-header{font-size:.6rem;padding:4px 1px}}.cs-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,sans-serif}.cs-container{width:100%;max-width:500px;background:#fff;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:40px}.cs-header{text-align:center;margin-bottom:32px}.cs-logo{font-size:40px;margin-bottom:16px}.cs-header h1{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:8px}.cs-header p{font-size:15px;color:#64748b}.cs-grid{display:flex;flex-direction:column;gap:16px}.cs-card{display:flex;align-items:center;width:100%;padding:20px;background:#fff;border:2px solid #f1f5f9;border-radius:16px;transition:all .2s ease;cursor:pointer;text-align:left}.cs-card:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px)}.cs-avatar{width:56px;height:56px;background:#e0f2fe;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0284c7;margin-right:16px}.cs-info{flex:1}.cs-info h3{font-size:17px;font-weight:600;color:#1e293b;margin-bottom:4px}.cs-meta{display:flex;gap:12px;font-size:13px;color:#64748b}.cs-meta span{display:flex;align-items:center;gap:4px}.cs-chevron{color:#cbd5e1}.cs-footer{margin-top:32px;border-top:1px solid #f1f5f9;padding-top:24px;text-align:center}.cs-logout{display:flex;align-items:center;gap:8px;margin:0 auto;font-size:14px;font-weight:600;color:#ef4444;background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s}.cs-logout:hover{background:#fee2e2}.attendance-page{padding:24px;max-width:1200px;margin:0 auto}.attendance-container{background:transparent}.attendance-tabs{display:flex;gap:4px;background:#fff;border-radius:8px;padding:6px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.attendance-tabs .tab-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-light);cursor:pointer;border-radius:6px;transition:all .2s}.attendance-tabs .tab-btn:hover{background:var(--bg)}.attendance-tabs .tab-btn.active{background:var(--primary);color:#fff}.attendance-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.attendance-header h2{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.header-icon{color:var(--primary)}.attendance-card{background:#fff;border-radius:8px;padding:32px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.date-row{grid-template-columns:250px}.date-input-wrapper{position:relative}.view-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.view-btn:hover{background-color:var(--primary-dark)}.form-actions{margin-top:16px}.summary-cards{display:flex;gap:16px;flex-wrap:wrap}.summary-card{flex:1;min-width:120px;padding:20px 16px;border-radius:8px;text-align:center;border:1px solid var(--border-light)}.sum-total{background-color:#f0f7ff;border-color:#dbeafe}.sum-total .sum-count,.sum-total .sum-label{color:#3b82f6}.sum-present{background-color:#f0fdf4;border-color:#dcfce7}.sum-present .sum-count,.sum-present .sum-label{color:#22c55e}.sum-absent{background-color:#fef2f2;border-color:#fee2e2}.sum-absent .sum-count,.sum-absent .sum-label{color:#ef4444}.sum-late{background-color:#fff7ed;border-color:#ffedd5}.sum-late .sum-count,.sum-late .sum-label{color:#f97316}.sum-leave{background-color:#eff6ff;border-color:#dbeafe}.sum-leave .sum-count,.sum-leave .sum-label{color:#2563eb}.sum-unmarked{background-color:#f8fafc;border-color:#f1f5f9}.sum-unmarked .sum-count,.sum-unmarked .sum-label{color:#64748b}.sum-count{font-size:2rem;font-weight:700;line-height:1;margin-bottom:8px}.sum-label{font-size:.85rem;font-weight:600;text-transform:uppercase}.attendance-action-group{display:flex;gap:8px;justify-content:center}.att-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:48px;height:32px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;transition:all .2s}.att-btn svg{stroke-width:3}.btn-present{border:1px solid #22c55e;color:#22c55e}.btn-present:hover{background:#dcfce7}.btn-present.active{background:#22c55e;color:#fff}.btn-absent{border:1px solid #ef4444;color:#ef4444}.btn-absent:hover{background:#fee2e2}.btn-absent.active{background:#ef4444;color:#fff}.btn-late{border:1px solid #f97316;color:#f97316}.btn-late:hover{background:#ffedd5}.btn-late.active{background:#f97316;color:#fff}.btn-leave{border:1px solid #3b82f6;color:#3b82f6}.btn-leave:hover{background:#dbeafe}.btn-leave.active{background:#3b82f6;color:#fff}.status-pill{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;text-align:center;border:1px solid currentColor}.pill-unmarked{color:#64748b;border-color:#cbd5e1}.pill-present{color:#22c55e;border-color:#86efac}.pill-absent{color:#ef4444;border-color:#fca5a5}.pill-late{color:#f97316;border-color:#fdba74}.pill-leave{color:#3b82f6;border-color:#93c5fd}.certificates-filter-card{padding:24px}.form-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.checkbox-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;padding:20px;background:var(--bg);border-radius:var(--radius-sm);border:1px dashed var(--border)}.cert-checkbox{font-size:.9rem;font-weight:500;color:var(--text)}.certificate-config-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;align-items:flex-end}.flex-1{flex:1;min-width:250px}.search-btn{min-width:140px}.certificates-results-card{padding:0;overflow:hidden}.action-buttons-center{display:flex;justify-content:center;gap:8px}.fw-600{font-weight:600}.btn-primary:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--border)!important;border-color:var(--border)!important;color:var(--text-light)!important}.btn-primary:disabled:hover{box-shadow:none;transform:none}.cert-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:20px}.cert-modal-container{background:#f4f6f8;border-radius:12px;width:100%;max-width:900px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:95vh}.cert-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:12px 12px 0 0;border-bottom:1px solid var(--border)}.cert-modal-header h2{font-size:1.2rem;color:var(--text);margin:0}.cert-modal-actions{display:flex;gap:12px}.cert-modal-body{padding:30px;overflow-y:auto}.canva-certificate{background:#fff;width:100%;margin:0 auto;box-shadow:0 10px 30px #0000001a;position:relative;padding:30px;box-sizing:border-box;display:block}.canva-certificate[data-orientation=landscape]{max-width:840px}.canva-certificate[data-orientation=portrait]{max-width:600px}.cert-border-outer{border:3px double #0B3C5D;width:100%;padding:6px;box-sizing:border-box;display:block}.cert-border-inner{border:1px solid #1CA7A6;width:100%;position:relative;padding:30px 40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at center,#fff 60%,#fdfdfd)}.canva-certificate[data-orientation=landscape] .cert-border-inner{min-height:534px}.canva-certificate[data-orientation=portrait] .cert-border-inner{min-height:750px}.cert-header{margin-bottom:10px}.cert-logo-placeholder{color:#1ca7a6;margin-bottom:10px}.cert-school-name{font-family:Times New Roman,serif;font-size:2rem;font-weight:700;color:#0b3c5d;margin:0;text-transform:uppercase;letter-spacing:2px}.canva-certificate[data-orientation=portrait] .cert-school-name{font-size:1.6rem}.cert-school-sub{font-size:.85rem;color:#777;margin:5px 0 0;letter-spacing:3px;text-transform:uppercase}.cert-title-container{margin:15px 0 20px;border-top:1px solid rgba(11,60,93,.2);border-bottom:1px solid rgba(11,60,93,.2);padding:10px 0;width:80%}.cert-title{font-family:Times New Roman,serif;font-size:2.2rem;color:#1ca7a6;margin:0;font-weight:400;letter-spacing:4px;text-transform:uppercase}.canva-certificate[data-orientation=portrait] .cert-title{font-size:1.8rem}.cert-content{max-width:600px;margin-top:10px;margin-bottom:40px}.cert-presented{font-size:1.1rem;color:#555;font-style:italic;margin-bottom:10px}.cert-student-name{font-family:Times New Roman,serif;font-size:2.6rem;font-weight:700;color:#333;margin:0;letter-spacing:1px}.canva-certificate[data-orientation=portrait] .cert-student-name{font-size:2.2rem}.cert-student-underline{border-bottom:2px solid #0B3C5D;width:80%;margin:5px auto 15px}.cert-body-text{font-size:1rem;line-height:1.6;color:#444}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:0 10px 30px;margin-top:auto}.canva-certificate[data-orientation=portrait] .cert-footer{flex-direction:column;gap:30px;padding-bottom:40px}.cert-signature-block{text-align:center;width:200px}.sig-line{border-bottom:1px solid #333;height:30px;margin-bottom:5px;font-family:Times New Roman,serif;font-size:1.1rem;font-weight:600;color:#0b3c5d;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}.cert-signature-block p{font-size:.9rem;color:#666;margin:0}.cert-badge .seal{width:100px;height:100px;background:#1ca7a6;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.cert-badge .seal-inner{width:86px;height:86px;border:2px dashed #fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.seal-text{color:#fff;font-weight:700;font-size:.9rem;letter-spacing:2px}.cert-footer-meta{position:absolute;bottom:8px;right:15px;font-size:.75rem;color:#aaa}@media print{body *{visibility:hidden}#printable-certificate,#printable-certificate *{visibility:visible}#printable-certificate{position:fixed;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;box-shadow:none;padding:0}#printable-certificate{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:landscape;margin:0}}.reports-layout{display:flex;gap:24px;align-items:flex-start}.reports-sidebar{width:260px;padding:16px 0;flex-shrink:0}.reports-nav{display:flex;flex-direction:column}.report-nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 24px;background:transparent;text-align:left;color:var(--text);font-weight:500;font-size:.95rem;transition:var(--transition-fast)}.report-nav-btn:hover{background:var(--bg);color:var(--primary)}.report-nav-btn.active{background:var(--primary-light);color:#fff;border-left:4px solid var(--accent)}.report-nav-btn.text-muted{color:var(--text-muted)}.reports-content{flex:1;min-width:0}.dashboard-header-card{padding:16px 24px;display:flex;justify-content:flex-end}.date-picker-wrap{display:flex;gap:12px;align-items:center}.date-picker-wrap .form-input{width:200px}.stat-card{padding:24px;text-align:center;border:none;border-top:4px solid transparent}.stat-title{font-size:.9rem;font-weight:600;text-transform:uppercase;color:var(--text-light);margin-bottom:8px}.stat-value{font-size:2.5rem;font-weight:800;line-height:1}.stat-card.sum-total{border-top-color:#3b82f6}.stat-card.sum-present{border-top-color:#22c55e}.stat-card.sum-absent{border-top-color:#ef4444}.stat-card.sum-unmarked{border-top-color:#64748b}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.chart-card{padding:24px}.chart-card h3{margin-bottom:24px;font-size:1.1rem;color:var(--text-dark)}.chart-placeholder{height:250px;display:flex;align-items:flex-end;justify-content:space-around;padding-top:20px;border-bottom:1px solid var(--border);border-left:1px solid var(--border)}.chart-placeholder .bar{width:40px;background:var(--accent);border-radius:4px 4px 0 0;opacity:.8;transition:var(--transition)}.chart-placeholder .bar:hover{opacity:1}.line-chart-placeholder{display:flex;align-items:center;justify-content:center}.sparkline{width:100%;height:100%}.report-filter-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:flex-end;margin-top:16px}@media(max-width:1024px){.reports-layout{flex-direction:column}.reports-sidebar{width:100%;display:flex;overflow-x:auto}.reports-nav{flex-direction:row}.report-nav-btn{width:auto;white-space:nowrap;border-left:none;border-bottom:4px solid transparent}.report-nav-btn.active{border-bottom-color:var(--accent)}}.announcements-card{padding:0;overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--border);background:var(--bg)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:transparent;border:none;border-bottom:2px solid transparent;font-weight:600;color:var(--text-muted);transition:var(--transition-fast)}.tab-btn:hover{color:var(--primary);background:#00000005}.tab-btn.active{color:var(--primary);border-bottom-color:var(--accent);background:#fff}.tabs-content{padding:24px}.sms-mode-section{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px dashed var(--border)}.mode-radio{font-weight:500;display:flex;align-items:center;gap:8px}.mode-radio small{font-weight:400;margin-left:4px}.text-warning{color:var(--warning)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.flex-align-bottom{display:flex;align-items:flex-end}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-textarea{font-family:inherit;line-height:1.5;background:#fafafa}.tc-filter-card{padding:24px}.form-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tc-checkbox{font-size:.9rem;font-weight:500;color:var(--text)}.tc-results-card{padding:0;overflow:hidden}.text-info{color:var(--info)}.text-info:hover{color:#2980b9;background:var(--info-light)}.transport-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.transport-page .tab-btn{padding:10px 16px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.transport-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.transport-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.transport-page .tabs-content{padding:24px}.transport-card{padding:0}.transport-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.kpi-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-info h4{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.kpi-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.transport-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.transport-quick-actions .btn{font-size:.82rem;padding:8px 16px;min-height:38px}.two-col-layout{display:flex;gap:24px;align-items:flex-start}.form-panel{flex:0 0 380px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.table-panel{flex:1;min-width:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.form-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px}.transport-form .form-group{margin-bottom:14px}.transport-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.transport-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.badge-active{background:var(--success-light);color:var(--success)}.badge-maintenance{background:var(--warning-light);color:var(--warning)}.badge-inactive{background:var(--danger-light);color:var(--danger)}.badge-suspended{background:var(--warning-light);color:var(--warning)}.vehicle-checkboxes .checkbox-list{margin-top:8px;display:flex;flex-direction:column;gap:10px;background:var(--bg);padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.stops-list{margin-top:16px}.stop-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--border-light)}.stop-number{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.stop-details{flex:1;min-width:0}.stop-details h5{font-weight:600;font-size:.9rem;color:var(--text)}.stop-details span{font-size:.78rem;color:var(--text-light)}.route-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.route-summary-item{background:var(--bg);padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.route-summary-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);font-weight:600}.route-summary-item p{font-size:.95rem;font-weight:600;color:var(--text);margin-top:4px}.tracking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tracking-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.tracking-card:hover{box-shadow:var(--shadow-md)}.tracking-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tracking-card-header h4{font-size:1rem;display:flex;align-items:center;gap:8px}.tracking-card-body{display:flex;flex-direction:column;gap:8px}.tracking-detail{display:flex;justify-content:space-between;font-size:.85rem}.tracking-detail span:first-child{color:var(--text-light)}.tracking-detail span:last-child{font-weight:500;color:var(--text)}.tracking-progress{margin-top:12px}.tracking-progress-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;margin-top:6px}.tracking-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.attendance-filter-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;align-items:flex-end}.attendance-filter-row .form-group{flex:1;min-width:160px}.attendance-student-list{display:flex;flex-direction:column;gap:8px}.attendance-student-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.attendance-student-row .student-info{flex:1;min-width:0}.attendance-student-row .student-info h5{font-weight:600;font-size:.9rem}.attendance-student-row .student-info span{font-size:.78rem;color:var(--text-light)}.attendance-actions{display:flex;gap:8px}.attendance-actions .btn-sm{padding:6px 14px;font-size:.78rem;min-height:32px;border-radius:var(--radius-sm)}.btn-boarded{background:var(--success);color:#fff}.btn-boarded:hover{background:#229954}.btn-not-boarded{background:transparent;border:1.5px solid var(--border);color:var(--text-light)}.btn-not-boarded:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.btn-not-boarded.active-not-boarded{background:var(--danger);color:#fff;border-color:var(--danger)}.fee-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.fee-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.fee-card h4{font-size:1rem;color:var(--primary);margin-bottom:10px;display:flex;align-items:center;gap:8px}.fee-card .fee-amount{font-size:1.4rem;font-weight:700;color:var(--accent)}.fee-card .fee-meta{font-size:.8rem;color:var(--text-light);margin-top:6px}.bulk-assign-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm)}.bulk-assign-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-light);font-size:.9rem}.bulk-assign-item:last-child{border-bottom:none}.bulk-assign-item input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.section-divider{font-size:.95rem;font-weight:600;color:var(--primary);margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:8px}.transport-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.transport-empty svg{opacity:.3;margin-bottom:12px}.transport-empty p{font-size:.9rem;max-width:300px}.simulated-map{background:linear-gradient(135deg,#e8f4f8,#d1ecf1,#c3e6cb);border-radius:var(--radius-md);height:300px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);margin-bottom:20px;position:relative;overflow:hidden}.simulated-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,0,0,.03) 40px,rgba(0,0,0,.03) 41px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,0,0,.03) 40px,rgba(0,0,0,.03) 41px)}.simulated-map .map-label{position:relative;z-index:1;text-align:center;color:var(--text-light)}.simulated-map .map-label svg{margin-bottom:8px;color:var(--accent)}.simulated-map .map-label p{font-size:.85rem}@media(max-width:1024px){.two-col-layout{flex-direction:column}.form-panel{flex:1;width:100%}.transport-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.transport-page .tabs-header{gap:0}.transport-page .tab-btn{padding:8px 10px;font-size:.75rem}.transport-page .tabs-content{padding:16px}.transport-kpi-grid,.transport-form .form-row,.tracking-grid{grid-template-columns:1fr}.attendance-filter-row{flex-direction:column}}.exam-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.exam-page .tab-btn{padding:10px 16px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.exam-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.exam-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.exam-page .tabs-content{padding:24px}.exam-card{padding:0}.exam-two-col{display:flex;gap:24px;align-items:flex-start}.exam-form-panel{flex:0 0 380px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.exam-schedule-panel,.exam-table-panel{flex:1;min-width:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.exam-form-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px}.exam-form .form-group{margin-bottom:14px}.exam-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.exam-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.exam-section-divider{font-size:.95rem;font-weight:600;color:var(--primary);margin:28px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:8px}.badge-draft{background:#6b72801a;color:#6b7280}.badge-scheduled{background:var(--info-light);color:var(--info)}.badge-ongoing{background:var(--warning-light);color:var(--warning)}.badge-published{background:var(--accent-light);color:var(--accent)}.badge-pass{background:var(--success-light);color:var(--success)}.badge-fail{background:var(--danger-light);color:var(--danger)}.marks-grid-wrapper{overflow-x:auto}.marks-grid-wrapper .data-table td input{padding:6px 8px;width:80px;font-size:.85rem}.marks-grid-wrapper .data-table td input.marks-invalid{border-color:var(--danger);background:var(--danger-light)}.timetable-entry-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto;gap:10px;padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--border-light);align-items:center}.timetable-entry-row .form-input,.timetable-entry-row .form-select{padding:6px 8px;font-size:.82rem;min-height:34px}.timetable-entry-row label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:2px;display:block}.hall-ticket-preview{background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);padding:32px;max-width:700px;margin:0 auto}.hall-ticket-header{text-align:center;border-bottom:2px solid var(--primary);padding-bottom:16px;margin-bottom:20px}.hall-ticket-header h2{color:var(--primary);font-size:1.3rem;margin-bottom:4px}.hall-ticket-header p{font-size:.85rem;color:var(--text-light)}.hall-ticket-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.hall-ticket-info div{font-size:.88rem}.hall-ticket-info strong{color:var(--text)}.grade-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.grade-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;text-align:center;transition:var(--transition)}.grade-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.grade-card h3{font-size:1.6rem;font-weight:700;color:var(--accent);margin-bottom:4px;border:none;padding:0}.grade-card .grade-range{font-size:.8rem;color:var(--text-light)}.grade-card .grade-gpa{font-size:.82rem;font-weight:600;color:var(--primary);margin-top:4px}.analytics-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.analytics-stat-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.analytics-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-stat-info h4{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.analytics-stat-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.subject-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:4px}.subject-bar-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .5s ease}.result-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.result-summary-card{background:var(--bg);padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.result-summary-card label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);font-weight:600}.result-summary-card p{font-size:.95rem;font-weight:600;color:var(--text);margin-top:4px}.report-card-preview{background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);padding:32px;max-width:800px;margin:0 auto}.report-card-preview .rcp-header{text-align:center;border-bottom:3px double var(--primary);padding-bottom:16px;margin-bottom:20px}.report-card-preview .rcp-header h2{color:var(--primary);font-size:1.4rem}.report-card-preview .rcp-header p{font-size:.85rem;color:var(--text-light)}.report-card-preview .rcp-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px;padding:12px;background:var(--bg);border-radius:var(--radius-sm);font-size:.88rem}.report-card-preview .rcp-footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-light)}.exam-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.exam-empty svg{opacity:.3;margin-bottom:12px}.exam-empty p{font-size:.9rem;max-width:300px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.settings-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.rbac-table{width:100%;border-collapse:collapse;font-size:.85rem}.rbac-table th,.rbac-table td{padding:10px 12px;border:1px solid var(--border-light);text-align:center}.rbac-table th{background:var(--bg);font-weight:600;color:var(--primary)}.rbac-table td:first-child{text-align:left;font-weight:500}@media(max-width:1024px){.exam-two-col{flex-direction:column}.exam-form-panel{flex:1;width:100%}.settings-grid{grid-template-columns:1fr}.timetable-entry-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.exam-page .tabs-header{gap:0}.exam-page .tab-btn{padding:8px 10px;font-size:.75rem}.exam-page .tabs-content{padding:16px}.exam-form .form-row,.analytics-stats-row,.hall-ticket-info,.report-card-preview .rcp-info-grid,.timetable-entry-row{grid-template-columns:1fr}}.frontoffice-page{padding:24px;max-width:1400px;margin:0 auto}.fo-tabs{display:flex;gap:4px;background:#fff;border-radius:10px;padding:6px;margin-bottom:24px;box-shadow:0 1px 4px #0000000f}.fo-tabs .tab-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;font-size:.82rem;font-weight:500;color:var(--text-light);cursor:pointer;border-radius:7px;transition:all .2s;white-space:nowrap}.fo-tabs .tab-btn:hover{background:var(--bg)}.fo-tabs .tab-btn.active{background:var(--primary);color:#fff}.fo-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-bottom:8px}.fo-kpi-card{padding:20px;display:flex;flex-direction:column;gap:4px}.fo-kpi-value{font-size:2rem;font-weight:700;line-height:1}.fo-kpi-label{font-size:.82rem;font-weight:500;color:var(--text-light)}.fo-quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.fo-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-dark);transition:all .2s}.fo-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.fo-action-btn svg{color:var(--primary)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.form-grid-3,.form-grid-4{grid-template-columns:1fr}.form-grid-3 [style*="grid-column: span"],.form-grid-4 [style*="grid-column: span"]{grid-column:span 1!important}}.fo-report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.fo-report-card{transition:all .2s}.fo-report-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.fo-form-card{border-left:3px solid var(--primary)}.action-buttons-center{display:flex;gap:6px;justify-content:center}.text-danger{color:#ef4444!important}.collab-page .tabs-header{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg);padding:6px;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid var(--border)}.collab-page .tab-btn{padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-light);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.collab-page .tab-btn:hover{background:var(--card-bg);color:var(--text)}.collab-page .tab-btn.active{background:var(--card-bg);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.collab-page .tabs-content{padding:24px}.collab-card{padding:0}.collab-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.collab-kpi-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.collab-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.collab-kpi-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.collab-kpi-info h4{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.collab-kpi-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.collab-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:20px}.collab-quick-btn{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--card-bg);display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:var(--text);transition:var(--transition);cursor:pointer}.collab-quick-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.collab-form-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px;margin-bottom:24px}.collab-form-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}.collab-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.collab-form .form-group{margin-bottom:14px}.collab-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.discussion-thread{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:16px;transition:var(--transition)}.discussion-thread:hover{box-shadow:var(--shadow-sm)}.discussion-thread.pinned{border-left:4px solid var(--accent)}.discussion-thread.locked{opacity:.75}.discussion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.discussion-header h4{font-size:1rem;font-weight:600;color:var(--text)}.discussion-meta{display:flex;gap:12px;font-size:.78rem;color:var(--text-light);margin-bottom:10px}.discussion-body{font-size:.88rem;color:var(--text);line-height:1.5;margin-bottom:12px}.discussion-actions{display:flex;gap:8px;flex-wrap:wrap}.reply-card{background:var(--bg);border-left:3px solid var(--border);padding:12px 16px;margin:8px 0 8px 24px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem}.reply-card strong{color:var(--primary)}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.group-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card h4{font-size:1rem;font-weight:600;margin-bottom:6px}.group-card .group-type{font-size:.78rem;color:var(--text-light);margin-bottom:8px}.group-card .group-members{font-size:.82rem;color:var(--text)}.meeting-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.meeting-card:hover{box-shadow:var(--shadow-sm)}.meeting-info h4{font-size:.95rem;font-weight:600}.meeting-info p{font-size:.82rem;color:var(--text-light);margin-top:4px}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.task-card:hover{box-shadow:var(--shadow-sm)}.task-info h4{font-size:.92rem;font-weight:600}.task-info p{font-size:.8rem;color:var(--text-light);margin-top:2px}.msg-container-v2{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;height:580px;background:var(--card-bg)}.msg-sidebar-v2{display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);overflow:hidden}.msg-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border-light)}.msg-sidebar-header h3{font-size:1rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px;margin:0}.msg-unread-total{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center}.msg-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border-light);position:relative}.msg-search-bar .msg-search-icon{color:var(--text-light);flex-shrink:0}.msg-search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:.82rem;color:var(--text);padding:6px 0}.msg-search-clear{background:none;border:none;cursor:pointer;color:var(--text-light);padding:2px;display:flex;align-items:center}.msg-search-clear:hover{color:var(--danger)}.msg-type-filters{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-light)}.msg-filter-btn{flex:1;padding:5px 8px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:500;color:var(--text-light);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);text-align:center}.msg-filter-btn:hover{background:var(--card-bg);color:var(--text)}.msg-filter-btn.active{background:var(--accent);color:#fff;font-weight:600}.msg-conv-list{flex:1;overflow-y:auto}.msg-conv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition-fast);position:relative}.msg-conv-item:hover{background:#1ca7a60a}.msg-conv-item.active{background:#1ca7a614;border-left:3px solid var(--accent);padding-left:13px}.msg-conv-item.has-unread{background:#1ca7a608}.msg-conv-item.has-unread h5{font-weight:700}.msg-conv-item.has-unread p{font-weight:500;color:var(--text)}.msg-conv-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0;background:var(--primary)}.msg-avatar-direct{background:var(--info)}.msg-avatar-group{background:var(--accent)}.msg-avatar-broadcast{background:var(--warning)}.msg-conv-info{flex:1;min-width:0}.msg-conv-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.msg-conv-top-row h5{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.msg-conv-time{font-size:.68rem;color:var(--text-light);white-space:nowrap;flex-shrink:0}.msg-conv-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.msg-conv-bottom-row p{font-size:.76rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;max-width:180px}.msg-conv-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.msg-unread-badge{background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:16px;text-align:center;line-height:1.6}.msg-type-indicator{position:absolute;top:8px;right:8px;opacity:.4;display:flex}.msg-indicator-direct{color:var(--info)}.msg-indicator-group{color:var(--accent)}.msg-indicator-broadcast{color:var(--warning)}.msg-no-conv{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:var(--text-light);gap:8px}.msg-no-conv svg{opacity:.25}.msg-no-conv p{font-size:.82rem}.msg-chat-area-v2{display:flex;flex-direction:column;background:var(--card-bg);min-height:0}.msg-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.msg-chat-header-left{display:flex;align-items:center;gap:12px}.msg-chat-header-left h4{font-size:.95rem;font-weight:600;color:var(--text);margin:0}.msg-chat-subtitle{font-size:.75rem;color:var(--text-light)}.msg-chat-header-right{display:flex;align-items:center;gap:10px}.msg-type-pill{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:12px}.msg-pill-direct{background:#3b82f61a;color:var(--info)}.msg-pill-group{background:#1ca7a61a;color:var(--accent)}.msg-pill-broadcast{background:#f59e0b1a;color:var(--warning)}.msg-messages-area{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(28,167,166,.008) 40px,rgba(28,167,166,.008) 80px)}.msg-date-divider{display:flex;align-items:center;justify-content:center;margin:16px 0 12px}.msg-date-divider span{font-size:.7rem;font-weight:600;color:var(--text-light);background:var(--bg);padding:4px 14px;border-radius:12px;border:1px solid var(--border-light)}.msg-empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);gap:10px}.msg-empty-chat svg{opacity:.2}.msg-empty-chat p{font-size:.88rem}.msg-bubble-v2{max-width:65%;padding:8px 12px;border-radius:12px;margin-bottom:4px;position:relative;animation:msgSlideIn .2s ease-out}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-bubble-v2.sent{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.msg-bubble-v2.received{align-self:flex-start;background:var(--bg);color:var(--text);border:1px solid var(--border-light);border-bottom-left-radius:4px}.msg-sender-label{display:block;font-size:.7rem;font-weight:700;color:var(--accent);margin-bottom:2px}.msg-bubble-v2.received .msg-sender-label{color:var(--primary)}.msg-text{font-size:.85rem;line-height:1.45;margin:0;word-break:break-word}.msg-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.msg-timestamp{font-size:.65rem;opacity:.65}.msg-bubble-v2.sent .msg-timestamp{color:#ffffffbf}.msg-status-icon{flex-shrink:0}.msg-status-sent{color:#fff9}.msg-status-delivered{color:#fffc}.msg-status-read{color:#60d5f7}.msg-status-failed{color:#ef4444}.msg-file-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);margin-bottom:4px;font-size:.78rem}.msg-bubble-v2.sent .msg-file-chip{background:#ffffff26}.msg-bubble-v2.received .msg-file-chip{background:#0b3c5d0f}.msg-file-name{font-weight:500}.msg-file-size{opacity:.7;font-size:.7rem}.msg-attach-preview{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#1ca7a60f;border-top:1px solid var(--border-light);font-size:.82rem}.msg-attach-name{font-weight:500;color:var(--text)}.msg-attach-size{color:var(--text-light);font-size:.75rem}.msg-input-bar-v2{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg)}.msg-attach-trigger{cursor:pointer;color:var(--text-light);display:flex;align-items:center;padding:6px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.msg-attach-trigger:hover{color:var(--accent);background:#1ca7a61a}.msg-text-input{flex:1!important}.msg-send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0!important;border-radius:50%!important;flex-shrink:0}.msg-send-btn:disabled{opacity:.4;cursor:not-allowed}.msg-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:8px}.msg-no-sel-icon{width:80px;height:80px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--text-light)}.msg-no-sel-icon svg{opacity:.3}.msg-no-selection h3{font-size:1.1rem;color:var(--text);margin:0}.msg-no-selection p{font-size:.85rem;color:var(--text-light);margin-bottom:12px}.msg-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msg-modal{background:var(--card-bg);border-radius:var(--radius-md);width:560px;max-width:94vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:modalSlide .25s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.msg-modal-header h3{font-size:1.05rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px;margin:0}.msg-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.msg-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.msg-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.msg-type-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:var(--radius-sm);border:2px solid var(--border-light);background:transparent;cursor:pointer;transition:var(--transition-fast);text-align:center}.msg-type-option strong{font-size:.8rem;color:var(--text)}.msg-type-option span{font-size:.68rem;color:var(--text-light);line-height:1.3}.msg-type-option svg{color:var(--text-light)}.msg-type-option:hover{border-color:var(--accent);background:#1ca7a60a}.msg-type-option.active{border-color:var(--accent);background:#1ca7a614}.msg-type-option.active svg{color:var(--accent)}.msg-type-option.active strong{color:var(--accent)}.msg-selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.msg-chip{display:inline-flex;align-items:center;gap:4px;background:#1ca7a61a;color:var(--accent);padding:3px 10px;border-radius:14px;font-size:.78rem;font-weight:500}.msg-chip button{background:none;border:none;cursor:pointer;color:var(--accent);display:flex;padding:0;margin-left:2px}.msg-chip button:hover{color:var(--danger)}.msg-recipient-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);margin:8px 0}.msg-recipient-search svg{color:var(--text-light);flex-shrink:0}.msg-recipient-search input{flex:1;border:none;outline:none;font-size:.82rem;background:transparent;color:var(--text)}.msg-contact-list{max-height:220px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm)}.msg-contact-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--border-light)}.msg-contact-row:last-child{border-bottom:none}.msg-contact-row:hover{background:#1ca7a60f}.msg-contact-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.msg-contact-detail{display:flex;flex-direction:column}.msg-contact-detail strong{font-size:.82rem;color:var(--text)}.msg-contact-detail span{font-size:.7rem;color:var(--text-light)}.msg-no-results{padding:16px;text-align:center;font-size:.82rem;color:var(--text-light)}.notice-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;transition:var(--transition)}.notice-card:hover{box-shadow:var(--shadow-sm)}.notice-card.pinned{border-left:4px solid var(--warning)}.notice-card h4{font-size:.95rem;font-weight:600}.notice-card .notice-meta{font-size:.78rem;color:var(--text-light);margin:6px 0;display:flex;gap:12px}.notice-card .notice-body{font-size:.88rem;line-height:1.5}.file-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:8px;transition:var(--transition)}.file-item:hover{box-shadow:var(--shadow-sm)}.file-item-info h5{font-size:.9rem;font-weight:600}.file-item-info p{font-size:.78rem;color:var(--text-light);margin-top:2px}.collab-section-divider{font-size:.95rem;font-weight:600;color:var(--primary);margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:8px}.badge-low{background:#6b72801a;color:#6b7280}.badge-medium{background:var(--info-light);color:var(--info)}.badge-high{background:var(--warning-light);color:var(--warning)}.badge-urgent{background:var(--danger-light);color:var(--danger)}.badge-pending{background:#6b72801a;color:#6b7280}.badge-in-progress{background:var(--info-light);color:var(--info)}.badge-completed{background:var(--success-light);color:var(--success)}.badge-overdue{background:var(--danger-light);color:var(--danger)}.badge-cancelled{background:#6b728026;color:#999}.collab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-light)}.collab-empty svg{opacity:.3;margin-bottom:12px}.collab-empty p{font-size:.9rem;max-width:300px}.collab-rbac-table{width:100%;border-collapse:collapse;font-size:.85rem}.collab-rbac-table th,.collab-rbac-table td{padding:10px 12px;border:1px solid var(--border-light);text-align:center}.collab-rbac-table th{background:var(--bg);font-weight:600;color:var(--primary)}.collab-rbac-table td:first-child{text-align:left;font-weight:500}.collab-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collab-settings-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.collab-settings-panel h3{margin-bottom:20px;font-size:1.05rem;color:var(--primary);border-bottom:2px solid var(--border-light);padding-bottom:10px;display:flex;align-items:center;gap:8px}@media(max-width:1024px){.msg-container-v2{grid-template-columns:1fr;height:auto}.msg-sidebar-v2{max-height:280px;border-right:none;border-bottom:1px solid var(--border)}.msg-messages-area{min-height:300px}.collab-settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.collab-page .tab-btn{padding:8px 10px;font-size:.75rem}.collab-page .tabs-content{padding:16px}.collab-form .form-row,.collab-kpi-grid,.group-grid,.msg-type-selector{grid-template-columns:1fr}.msg-modal{width:95vw}.msg-conv-top-row h5,.msg-conv-bottom-row p{max-width:120px}.msg-bubble-v2{max-width:85%}}