@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Kantumruy+Pro:wght@300;400;500;600;700&family=Moul&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:wght@400;600;800&family=JetBrains+Mono:wght@400;500;700&family=Kantumruy+Pro:wght@400;500;600;700&family=Nokora:wght@400;700&family=Koh+Santepheap:wght@400;700&family=Moul&family=Kdam+Thmor+Pro&family=Battambang:wght@400;700&display=swap";:root{--lp-navy: #14294a;--lp-navy-2: #1d3a64;--lp-navy-3: #0f1f3a;--lp-red: #c0392b;--lp-red-2: #a5281c;--lp-gold: #c9a227;--lp-ink: #232b35;--lp-muted: #6a7480;--lp-line: #e6e9ee;--lp-soft: #f4f6f9;--lp-serif: "Playfair Display", Georgia, "Times New Roman", serif;--lp-sans: "Plus Jakarta Sans", system-ui, sans-serif;--lp-kh: "Kantumruy Pro", system-ui, sans-serif;--lp-kh-ttl: "Moul", "Kantumruy Pro", serif}.landing-page{font-family:var(--lp-kh),var(--lp-sans);color:var(--lp-ink);background:#fff;min-height:100vh;overflow-x:hidden;line-height:1.6}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.lp-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}.lp-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--lp-kh);font-weight:700;font-size:.95rem;padding:.8rem 1.6rem;border-radius:4px;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:all .2s ease;white-space:nowrap}.lp-btn--red{background:var(--lp-red);color:#fff}.lp-btn--red:hover{background:var(--lp-red-2);transform:translateY(-2px);box-shadow:0 10px 22px #c0392b4d}.lp-btn--ghost{background:transparent;color:#fff;border-color:#ffffff8c}.lp-btn--ghost:hover{background:#fff;color:var(--lp-navy)}.lp-btn--outline{background:transparent;color:var(--lp-navy);border-color:var(--lp-navy)}.lp-btn--outline:hover{background:var(--lp-navy);color:#fff}.lp-eyebrow{display:inline-block;color:var(--lp-red);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem}.lp-title{font-family:var(--lp-kh-ttl);color:var(--lp-navy);font-size:clamp(1.55rem,1rem + 2vw,2.4rem);line-height:1.45;margin:0}.lp-title-rule{width:64px;height:3px;background:var(--lp-red);margin:1rem 0 1.4rem}.lp-center{text-align:center}.lp-center .lp-title-rule{margin-left:auto;margin-right:auto}.lp-topbar{background:var(--lp-navy-3);color:#cdd6e4;font-size:.82rem}.lp-topbar .lp-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:42px;flex-wrap:wrap}.lp-topbar a{color:#cdd6e4;text-decoration:none}.lp-topbar .lp-tb-item{display:inline-flex;align-items:center;gap:.45rem}.lp-topbar .lp-tb-ico{color:#f2b8b0}.lp-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--lp-line);box-shadow:0 2px 14px #14294a0d}.lp-header .lp-container{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:1rem;position:relative}.lp-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;text-decoration:none}.lp-brand img{width:46px;height:46px;object-fit:contain}.lp-brand-txt b{display:block;font-family:var(--lp-kh);color:var(--lp-navy);font-weight:700;font-size:.98rem;line-height:1.25}.lp-brand-txt span{display:block;font-family:var(--lp-serif);color:var(--lp-red);font-size:.55rem;letter-spacing:.04em;line-height:1.3;text-transform:uppercase;max-width:260px}.lp-nav{display:flex;align-items:center;gap:1.7rem}.lp-nav a.lp-link{font-family:var(--lp-kh);color:var(--lp-ink);font-weight:600;font-size:.95rem;text-decoration:none;padding:.35rem 0;position:relative;transition:color .2s}.lp-nav a.lp-link:hover{color:var(--lp-red)}.lp-nav a.lp-link:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--lp-red);transition:width .25s}.lp-nav a.lp-link:hover:after{width:100%}.lp-nav-cta{display:flex;align-items:center;gap:.6rem;margin-left:.4rem}.lp-login{font-family:var(--lp-kh);font-weight:700;font-size:.92rem;color:var(--lp-navy);text-decoration:none;padding:.55rem 1.05rem;border:1.5px solid var(--lp-line);border-radius:4px;transition:all .2s;white-space:nowrap}.lp-login:hover{border-color:var(--lp-navy)}.lp-apply{font-family:var(--lp-kh);font-weight:700;font-size:.92rem;color:#fff;background:var(--lp-red);text-decoration:none;padding:.6rem 1.15rem;border-radius:4px;transition:all .2s;white-space:nowrap}.lp-apply:hover{background:var(--lp-red-2);box-shadow:0 8px 18px #c0392b47}.lp-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.lp-burger span{width:26px;height:2.5px;background:var(--lp-navy);border-radius:2px;transition:.25s}.lp-hero{position:relative;background-color:var(--lp-navy);background-size:cover;background-position:center}.lp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f1f3ae0,#0f1f3aa8 45%,#0f1f3a52)}.lp-hero .lp-container{position:relative;z-index:1;min-height:540px;display:flex;flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:64px}.lp-hero-inner{max-width:640px}.lp-hero h1{font-family:var(--lp-kh-ttl);color:#fff;font-size:clamp(1.9rem,1.2rem + 3.2vw,3.3rem);line-height:1.5;margin:0 0 1.1rem;text-shadow:0 2px 20px rgba(0,0,0,.35)}.lp-hero p{color:#e4eaf3;font-size:clamp(.98rem,.9rem + .4vw,1.12rem);max-width:560px;margin:0 0 1.8rem}.lp-hero-dots{display:flex;gap:.55rem}.lp-hero-dots button{width:11px;height:11px;border-radius:50%;border:0;background:#fff6;cursor:pointer;padding:0;transition:.2s}.lp-hero-dots button.is-active{background:var(--lp-red);width:28px;border-radius:6px}.lp-about{padding:clamp(3.5rem,6vw,6rem) 0;background:#fff}.lp-about .lp-container{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.lp-about p.lp-lead{color:var(--lp-muted);margin:0 0 1.8rem}.lp-about-crest{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.lp-about-crest img{width:min(260px,70%);height:auto;filter:drop-shadow(0 14px 30px rgba(20,41,74,.18))}.lp-about-crest .lp-est{font-family:var(--lp-serif);color:var(--lp-red);font-size:1.4rem;font-weight:700;letter-spacing:.12em}.lp-about-crest .lp-est small{display:block;font-size:.56rem;letter-spacing:.05em;line-height:1.35;max-width:230px;margin:.25rem auto 0;color:var(--lp-muted);text-transform:uppercase}.lp-featured{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.lp-featured-img{background-size:cover;background-position:center;background-color:var(--lp-navy-2);min-height:320px}.lp-featured-panel{background:var(--lp-navy);color:#fff;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}.lp-featured-panel .lp-eyebrow{color:#f2b8b0}.lp-featured-panel .lp-title{color:#fff}.lp-featured-panel .lp-fp-sub{color:#c4cee0;margin:0 0 1.6rem;font-size:.98rem}.lp-feat-list{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.8rem}.lp-feat-card{display:flex;align-items:center;gap:1rem;background:#fff;color:var(--lp-ink);border-radius:6px;padding:.9rem 1.1rem;transition:transform .2s,box-shadow .2s}.lp-feat-card:hover{transform:translate(4px);box-shadow:0 12px 26px #00000038}.lp-feat-ico{flex:0 0 auto;width:48px;height:48px;border-radius:6px;display:grid;place-items:center;font-size:1.5rem;background:var(--lp-soft)}.lp-feat-card h4{margin:0 0 .15rem;font-family:var(--lp-kh);color:var(--lp-red);font-size:1rem;font-weight:700}.lp-feat-card p{margin:0;font-size:.85rem;color:var(--lp-muted)}.lp-stats{background:var(--lp-soft);padding:clamp(3rem,5vw,5rem) 0}.lp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.4rem}.lp-stat{text-align:center;padding:1rem}.lp-stat b{display:block;font-family:var(--lp-serif);color:var(--lp-navy);font-size:clamp(2rem,1.4rem + 1.8vw,2.9rem);line-height:1}.lp-stat span{display:block;margin-top:.55rem;color:var(--lp-muted);font-size:.92rem}.lp-stat .lp-stat-bar{width:40px;height:3px;background:var(--lp-red);margin:.9rem auto 0}.lp-contact{padding:clamp(3.5rem,6vw,6rem) 0;background:#fff}.lp-contact .lp-container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.lp-contact-info p.lp-lead{color:var(--lp-muted);margin:0 0 1.6rem}.lp-cmethods{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem}.lp-cmethods li{display:flex;gap:1rem;align-items:flex-start}.lp-cmethods .lp-cm-ico{flex:0 0 auto;width:44px;height:44px;border-radius:6px;background:var(--lp-soft);color:var(--lp-red);display:grid;place-items:center;font-size:1.2rem}.lp-cmethods b{display:block;color:var(--lp-navy);font-size:.95rem}.lp-cmethods span{color:var(--lp-muted);font-size:.9rem}.lp-form{background:var(--lp-soft);border:1px solid var(--lp-line);border-radius:10px;padding:clamp(1.5rem,3vw,2.2rem)}.lp-form h3{font-family:var(--lp-kh-ttl);color:var(--lp-navy);margin:0 0 1.2rem;font-size:1.2rem}.lp-form input,.lp-form textarea{width:100%;font-family:var(--lp-kh);font-size:.95rem;padding:.8rem 1rem;margin-bottom:.9rem;border:1.5px solid var(--lp-line);border-radius:6px;background:#fff;color:var(--lp-ink);transition:border-color .2s}.lp-form input:focus,.lp-form textarea:focus{outline:none;border-color:var(--lp-red)}.lp-footer{background:var(--lp-navy-3);color:#b9c4d6;padding:clamp(3rem,5vw,4.5rem) 0 1.5rem}.lp-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem;padding-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.lp-footer-brand{display:flex;gap:.8rem;align-items:flex-start;cursor:pointer}.lp-footer-brand img{width:48px;height:48px;object-fit:contain}.lp-footer-brand b{color:#fff;font-family:var(--lp-kh);font-size:.98rem;display:block}.lp-footer-brand p{margin:.5rem 0 0;font-size:.88rem;color:#99a6bd}.lp-footer h5{color:#fff;font-family:var(--lp-kh-ttl);font-size:1rem;margin:0 0 1rem}.lp-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.lp-footer ul a,.lp-footer ul li{color:#b9c4d6;text-decoration:none;font-size:.9rem}.lp-footer ul a:hover{color:#fff}.lp-copy{text-align:center;padding-top:1.5rem;font-size:.84rem;color:#8595af}@media(max-width:980px){.lp-about .lp-container{grid-template-columns:1fr;text-align:center}.lp-about-crest{order:-1}.lp-about .lp-title-rule{margin-left:auto;margin-right:auto}.lp-featured{grid-template-columns:1fr}.lp-featured-img{min-height:240px}.lp-contact .lp-container{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.lp-topbar .lp-tb-center{display:none}.lp-burger{display:flex}.lp-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--lp-line);box-shadow:0 18px 30px #14294a1f;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.lp-nav.is-open{max-height:480px;padding:.5rem 0 1rem}.lp-nav a.lp-link{padding:.85rem 24px;border-bottom:1px solid var(--lp-soft)}.lp-nav a.lp-link:after{display:none}.lp-nav-cta{margin:.8rem 24px 0}.lp-nav-cta .lp-login,.lp-nav-cta .lp-apply{flex:1;text-align:center}.lp-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:520px){.lp-topbar .lp-tb-phone{display:none}.lp-footer-grid{grid-template-columns:1fr;gap:1.8rem}.lp-brand-txt b{font-size:.9rem}.lp-hero .lp-container{min-height:460px}}#about,#features,#stats,#contact{scroll-margin-top:86px}.lp-header{transition:box-shadow .3s ease}.lp-header.is-scrolled{box-shadow:0 6px 24px #14294a1f}.lp-hero{overflow:hidden}.lp-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;transform:scale(1.03);animation:lp-kenburns 24s ease-in-out infinite alternate}.lp-hero:before{z-index:1}.lp-hero .lp-container{z-index:2}.lp-hero-inner{animation:lp-rise .9s cubic-bezier(.16,1,.3,1) both}.lp-hero-slidetext{animation:lp-fade .7s ease both}.lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.lp-reveal.is-visible{opacity:1;transform:none}.lp-stat{transition:transform .25s ease}.lp-stat:hover{transform:translateY(-4px)}.lp-cmethods .lp-cm-ico{transition:transform .25s ease}.lp-cmethods li:hover .lp-cm-ico{transform:scale(1.08)}@keyframes lp-kenburns{0%{transform:scale(1.03)}to{transform:scale(1.13)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes lp-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lp-hero-img{animation:none;transform:none}.lp-hero-inner,.lp-hero-slidetext{animation:none}.lp-reveal{opacity:1;transform:none;transition:none}.lp-stat:hover,.lp-cmethods li:hover .lp-cm-ico{transform:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:13px 14px 13px 16px;border-radius:10px;background:#fff;box-shadow:0 8px 24px #00000024,0 2px 6px #00000014;border-left:4px solid #6366f1;pointer-events:all;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translate(30px)}.toast--in{opacity:1;transform:translate(0)}.toast--out{opacity:0;transform:translate(30px)}.toast--success{border-left-color:#22c55e}.toast--error{border-left-color:#ef4444}.toast--info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast--success .toast-icon{color:#16a34a}.toast--error .toast-icon{color:#dc2626}.toast--info .toast-icon{color:#2563eb}.toast-msg{flex:1;font-size:13px;font-weight:600;color:#1e293b;line-height:1.4}.toast-close{flex-shrink:0;width:22px;height:22px;border:none;background:none;color:#94a3b8;font-size:18px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s}.toast-close:hover{color:#475569;background:#f1f5f9}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-sky-500:oklch(68.5% .169 237.323);--color-slate-400:oklch(70.4% .04 256.788);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-sky-500{background-color:var(--color-sky-500)}.py-4{padding-block:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ui-font-size:14px;--ui-font-weight:400;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--secondary:#7c3aed;--accent:#0ea5e9;--emerald:#059669;--warning:#f59e0b;--danger:#ef4444;--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#fffffff0;--text-heading:#0f172a;--text-body:#334155;--text-normal:#1f2937;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-page:#f8fafc;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-hover:#0000000a;--border:#e2e8f0;--gradient-brand:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #312e81 0%, #4f46e5 48%, #7c3aed 100%);--shadow-sm:0 1px 3px #0f172a0f, 0 2px 8px #0f172a0a;--shadow-md:0 4px 16px #0f172a14, 0 8px 24px #0f172a0f;--shadow-lg:0 8px 32px #0f172a1a, 0 20px 48px #0f172a14;--transition:all .28s cubic-bezier(.4, 0, .2, 1);--font-english:"Plus Jakarta Sans", sans-serif;--font-khmer:"Kantumruy Pro", sans-serif;color:var(--text-body);background:var(--bg-main);font-family:var(--font-english),var(--font-khmer),system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-size:var(--ui-font-size,14px);font-weight:var(--ui-font-weight,400);color:var(--text-body);background:radial-gradient(ellipse at 85% 10%,#4f46e51a,transparent 34%),radial-gradient(ellipse at 10% 90%,#0ea5e914,transparent 36%),var(--bg-main);margin:0;transition:filter .3s}button,input{font:inherit}.app-shell{opacity:1;filter:blur();grid-template-columns:280px minmax(0,1fr);height:100dvh;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden;transform:scale(1)}.app-shell--exiting{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(.97)}.nav-toggle{border:1px solid var(--border-color);width:44px;height:44px;color:inherit;cursor:pointer;transition:var(--transition);background:#ffffff1f;border-radius:12px;flex:none;justify-content:center;align-items:center;display:none}.nav-toggle:hover{background:#ffffff38}.sidebar-backdrop{display:none}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-heading);flex-direction:column;gap:30px;height:100dvh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;width:auto;height:46px}.brand strong,.brand span{display:block}.brand strong{color:var(--text-heading);font-size:18px;font-weight:800}.brand span{color:var(--text-muted);margin-top:2px;font-size:13px}.sidebar{color:#fff;background:linear-gradient(#3a3a3d,#2a2a2d,#1c1c1f);border-right:none;box-shadow:4px 0 28px -10px #0009}.sidebar .brand strong,body.dark-mode .sidebar .brand strong{color:#fff}.sidebar .brand span{color:#ffffff8c}.sidebar button.brand--link:hover{background:#ffffff12;border-color:#ffffff1a}.sidebar .sidebar-section-label{color:#ffffff73;letter-spacing:.05em;text-shadow:none;font-size:11px;font-weight:700}.sidebar .sidebar-section-toggle .nav-section-chevron{color:#fff6}.sidebar .sidebar-section-toggle:hover{background:#ffffff0d}.sidebar .sidebar-section-toggle:hover .sidebar-section-label,.sidebar .sidebar-section-toggle:hover .nav-section-chevron{color:#ffffffe6}.sidebar .sidebar-nav a,.sidebar .nav-parent,body.dark-mode .sidebar .sidebar-nav a:not(.active){color:#d4d4d8;letter-spacing:.01em;text-shadow:none;font-weight:600}.sidebar .sidebar-nav a:hover,.sidebar .nav-parent:hover,body.dark-mode .sidebar .sidebar-nav a:not(.active):hover{color:#fff;background:#ffffff12;border-color:#0000}.sidebar .sidebar-nav a.active,.sidebar .nav-parent.active,body.dark-mode .sidebar .sidebar-nav a.active{color:#fff;background:#ffffff1a;border-color:#0000;font-weight:700}.sidebar .nav-group>a.active,.sidebar .nav-parent.active,body.dark-mode .sidebar .nav-group>a.active,body.dark-mode .sidebar .nav-parent.active{box-shadow:inset 3px 0 #f5a623,0 6px 16px -8px #00000080}.sidebar .sidebar-subnav{border-left-color:#ffffff2e}.sidebar .sidebar-subnav a{color:#bcbcc2;text-shadow:none;font-weight:600}.sidebar .sidebar-subnav a.active{color:#fff;border-left-color:#f5a623}.sidebar .nav-icon{opacity:.92}.sidebar .nav-section+.nav-section{border-top-color:#ffffff12;margin-top:10px;padding-top:14px}.sidebar .sidebar-section-label{margin:2px 0 6px;padding:0 14px;display:block}.sidebar-nav{flex-direction:column;gap:0;display:flex}.nav-section{flex-direction:column;gap:2px;padding-top:8px;display:flex}.nav-section+.nav-section{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}.sidebar-section-label{color:var(--text-light);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;padding:0 12px;font-size:10px;font-weight:700}.sidebar-section-toggle{cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:6px 12px;font-family:inherit;display:flex}.sidebar-section-toggle .sidebar-section-label{margin:0;padding:0}.sidebar-section-toggle:hover{background:#eef2ff;transform:translate(3px)}.sidebar-section-toggle:hover .sidebar-section-label,.sidebar-section-toggle:hover .nav-section-chevron{color:var(--primary)}.sidebar-section-toggle .nav-section-chevron{color:var(--text-light);opacity:.7;flex-shrink:0;transition:transform .22s}.nav-section--open .sidebar-section-toggle .nav-section-chevron{transform:rotate(180deg)}.sidebar-section-items{flex-direction:column;gap:2px;animation:.24s cubic-bezier(.22,1,.36,1) both nav-section-reveal;display:flex}@keyframes nav-section-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sidebar-nav a,.nav-parent,.sidebar-section-toggle,.sidebar-section-items,.sidebar-section-items .nav-group,.nav-icon,.nav-section-chevron{transition:background .2s,color .2s,border-color .2s!important;animation:none!important}.sidebar-nav a:hover,.nav-parent:hover,.sidebar-section-toggle:hover{transform:none}}.sidebar-nav a,.nav-parent{color:var(--text-body);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;font-weight:700;text-decoration:none;transition:background .25s,border-color .25s,color .25s,transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active,.nav-parent:hover,.nav-parent.active{color:var(--primary);background:#eef2ff;border-color:#c7d2fe;transform:translate(6px)}.sidebar-nav a.active,.nav-parent.active{box-shadow:0 5px 16px -6px #4f46e580}.sidebar-nav a:active,.nav-parent:active{transition:transform 90ms;transform:translate(6px)scale(.96)}.nav-parent .nav-chevron{flex-shrink:0;transition:transform .22s}.nav-group--open .nav-parent .nav-chevron{transform:rotate(180deg)}.nav-item-label{align-items:center;gap:10px;min-width:0;display:inline-flex}.nav-icon{opacity:.75;transition:var(--transition);flex-shrink:0}.sidebar-nav a:hover .nav-icon,.sidebar-nav a.active .nav-icon,.nav-parent:hover .nav-icon,.nav-parent.active .nav-icon{opacity:1;transform:scale(1.1)}.sidebar-nav a:hover .nav-icon,.nav-parent:hover .nav-icon{animation:.45s cubic-bezier(.34,1.56,.64,1) nav-icon-pop}@keyframes nav-icon-pop{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.28)rotate(-9deg)}65%{transform:scale(1.04)rotate(5deg)}to{transform:scale(1.1)rotate(0)}}.nav-group{gap:4px;display:grid}.sidebar-subnav{border-left:2px solid var(--border-color);opacity:0;gap:2px;max-height:0;margin-left:16px;padding:4px 0 4px 10px;transition:max-height .28s,opacity .2s,transform .24s;display:grid;overflow:hidden;transform:translateY(-4px)}.nav-group--has-children:hover .sidebar-subnav,.nav-group--has-children:focus-within .sidebar-subnav,.nav-group--open .sidebar-subnav{opacity:1;max-height:120px;transform:translateY(0)}.sidebar-subnav a{justify-content:flex-start;padding:9px 12px;font-size:13.5px;font-weight:600}.sidebar-subnav a.active{border-color:#0000;border-left:3px solid var(--primary);border-radius:10px;padding-left:10px;transform:none}.main-content{flex-direction:column;gap:16px;min-width:0;height:100%;padding:22px 28px 0;display:flex;overflow:hidden}.main-scroll-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;min-width:0;min-height:0;padding-bottom:28px;overflow-y:auto}.topbar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:1500;isolation:isolate;border-radius:18px;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex;container:topbar/inline-size;overflow:visible!important}.topbar>div:first-child{z-index:2;position:relative}.topbar p,.topbar h1{margin:0}.topbar p{color:var(--primary);font-size:calc(var(--header-text-scale,1) * clamp(10px,1.2cqw,12px));letter-spacing:1.4px;text-transform:uppercase;font-weight:800;transition:font-size .15s,color .28s}.topbar h1{color:var(--text-heading);font-size:calc(var(--header-text-scale,1) * clamp(18px,2.5cqw,28px));margin-top:4px;font-weight:800;line-height:1.2;transition:font-size .15s,color .28s}.sidebar-footer{flex-direction:column;gap:12px;margin-top:auto;display:flex}.logout-button{color:#e11d48;cursor:pointer;background:#fff0f2;border:1px solid #fecdd3;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.logout-button:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px);box-shadow:0 4px 12px #e11d4826}.logout-button:active{transform:translateY(0)}.profile-chip{border:1px solid var(--border-color);background:#f8fafc;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;display:flex}.profile-chip:hover{box-shadow:var(--shadow-sm);background:#f1f5f9;border-color:#cbd5e1}.profile-chip>span{background:var(--gradient-brand);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:flex}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{color:var(--text-heading)}.profile-chip small{color:var(--text-muted);margin-top:2px}.metrics-row,.payment-summary{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.payment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-panel{gap:18px;display:grid}.finance-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 14px;font-weight:800}.finance-alert--error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.finance-form{background:var(--bg-soft);border:1px solid var(--border-color);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;display:grid}.finance-form label{gap:7px;display:grid}.finance-form span{color:var(--text-muted);font-size:12px;font-weight:900}.finance-form input,.finance-form select{border:1px solid var(--border-color);color:var(--text-heading);font:inherit;border-radius:10px;min-height:42px;padding:0 12px;font-weight:750}.finance-form-wide{grid-column:span 2}.finance-table-wrap{border:1px solid var(--border-color);border-radius:14px;overflow-x:auto}.finance-table{border-collapse:collapse;width:100%;min-width:860px}.finance-table th,.finance-table td{border-bottom:1px solid var(--border-color);text-align:left;padding:13px 14px}.finance-table th{background:var(--bg-soft);color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:950}.finance-table td{color:var(--text-heading);font-size:14px;font-weight:750}.finance-table td span{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.finance-empty{color:var(--text-muted)!important;text-align:center!important}.finance-status{border-radius:999px;padding:6px 10px;font-weight:950;font-size:12px!important;display:inline-flex!important}.finance-status--paid{background:#dcfce7;color:#166534!important}.finance-status--pending,.finance-status--partial{background:#fef3c7;color:#92400e!important}.finance-status--refunded{background:#e0f2fe;color:#075985!important}.finance-status--cancelled{background:#fee2e2;color:#991b1b!important}.finance-delete{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;padding:8px 11px;font-weight:900}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--gradient-brand);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.metric-card-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.metric-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.metric-card-label{letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:800;display:block}.metric-card-value{color:var(--text-heading);margin-top:4px;font-size:30px;font-weight:900;line-height:1.15;display:block}.metric-card-detail{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:600;display:block}.metric-card--blue:before,.metric-card--blue .metric-card-icon{background:linear-gradient(135deg,#3b82f6,#6366f1)}.metric-card--green:before,.metric-card--green .metric-card-icon{background:linear-gradient(135deg,#059669,#10b981)}.metric-card--amber:before,.metric-card--amber .metric-card-icon{background:linear-gradient(135deg,#d97706,#f59e0b)}.metric-card--rose:before,.metric-card--rose .metric-card-icon{background:linear-gradient(135deg,#e11d48,#f43f5e)}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:20px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;padding:20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-header span{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.section-header h2{color:var(--text-heading);margin:0;font-size:20px;font-weight:800;line-height:1.2}.section-header button,.toolbar button,.row-actions button{background:var(--gradient-brand);color:#fff;cursor:pointer;transition:var(--transition);border:0;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:800;box-shadow:0 4px 16px #4f46e547}.section-header button:hover,.toolbar button:hover,.row-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f46e559}.timeline,.status-list{gap:12px;display:grid}.timeline-item{border:1px solid var(--border-color);background:#f8fafc;border-radius:14px;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;padding:14px;display:grid}.timeline-item time{color:var(--primary);font-weight:900}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{color:var(--text-muted);margin-top:4px}.status-list div{border:1px solid var(--border-color);background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;padding:14px;display:flex}.status-list span{color:var(--text-muted)}.status-list strong{color:var(--text-heading);font-size:22px}.toolbar{gap:12px;margin-bottom:16px;display:flex}.toolbar input{border:1.5px solid var(--border-color);color:var(--text-heading);min-width:0;transition:var(--transition);background:#f8fafc;border-radius:12px;outline:none;flex:1;padding:12px 14px}.toolbar input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4f46e51f}.admin-table-wrap{border:1px solid var(--border-color);border-radius:16px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:860px}.admin-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);letter-spacing:.4px;text-align:left;text-transform:uppercase;background:#f8fafc;padding:14px;font-size:12px;font-weight:800}.admin-table td{color:var(--text-body);border-bottom:1px solid #eef2f7;padding:14px;font-size:14px}.admin-table tbody tr:hover td{background:#fafafe}.pill{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.pill--active{color:#065f46;background:#d1fae5}.pill--review{color:#92400e;background:#fef3c7}.pill--changed{color:#075985;background:#e0f2fe}.row-actions{gap:8px;display:flex}.row-actions button:last-child{box-shadow:none;color:var(--primary);background:#eef2ff}.faculty-link{color:var(--primary);transition:var(--transition);border-bottom:1.5px solid #0000;font-weight:700;text-decoration:none}.faculty-link:hover,.faculty-link:focus-visible{border-bottom-color:currentColor}.status-filter{border:1px solid var(--border-color);background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.status-filter button{box-shadow:none;color:var(--text-muted);text-transform:capitalize;background:0 0;border-radius:9px;padding:8px 12px;font-weight:700}.status-filter button:hover{box-shadow:none;color:var(--text-heading);background:#fff;transform:none}.status-filter button.active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #0f172a1f}.table-meta{color:var(--text-muted);margin:0 0 12px;font-size:13px}.dept-count-badge{background:var(--primary-light);color:var(--primary);border-radius:999px;justify-content:center;min-width:28px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.modal-hint{border:1px solid var(--border-color);color:var(--text-muted);background:#f8fafc;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.btn-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-danger:disabled{cursor:not-allowed;opacity:.55}.empty-cell{color:var(--text-muted);text-align:center;padding:32px 14px}.schedule-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.schedule-day{border:1px solid var(--border-color);background:#f8fafc;border-radius:16px;padding:14px}.schedule-day h3{color:var(--text-heading);margin:0 0 12px}.schedule-class{border:1px solid var(--border-color);background:#fff;border-radius:14px;gap:5px;margin-top:10px;padding:12px;display:grid}.schedule-class span,.schedule-class small{color:var(--text-muted)}[class*=table-wrap],[class*=table-scroll]{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}@media(max-width:980px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.main-content{height:auto;overflow:visible}.main-scroll-body{flex:none;min-height:0;overflow:visible}.topbar{z-index:1500;position:sticky;top:0}.sidebar{z-index:1600;width:280px;max-width:84vw;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:0 0 48px #0006}.sidebar-backdrop{z-index:1550;opacity:0;visibility:hidden;background:#00000073;transition:opacity .3s,visibility .3s;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.app-shell--nav-open .sidebar-backdrop{opacity:1;visibility:visible}.nav-toggle{display:inline-flex}.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.schedule-board,.payment-summary{grid-template-columns:1fr}}@media(max-width:640px){.main-content{gap:12px;padding:12px 16px 0}.topbar{flex-wrap:wrap;gap:10px;padding:14px 16px}.topbar h1{font-size:calc(var(--header-text-scale,1) * clamp(15px,5vw,20px))}.topbar p{font-size:calc(var(--header-text-scale,1) * 10px)}.toolbar{align-items:stretch;gap:14px;display:grid}.timeline-item{grid-template-columns:1fr}[class*=modal],[class*=-dialog],[class*=drawer-panel]{max-width:100%!important}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:44px;font-size:16px}}.login-page{isolation:isolate;opacity:1;filter:blur();background:radial-gradient(circle at 52% 52%,#154a7070,#0000 44%),linear-gradient(135deg,#12124ee6,#0e2c53db 48%,#120d43eb),url(./university-bg-kE-3Upy8.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:scale(1)}.login-page:before{content:"";-webkit-backdrop-filter:saturate(.72)brightness(.7);backdrop-filter:saturate(.72)brightness(.7);z-index:0;background:linear-gradient(135deg,#0b11365c,#1339622e 46%,#0d093a61),radial-gradient(circle at 50% 52%,#215b8257,#0000 42%);position:absolute;top:0;right:0;bottom:0;left:0}.login-page:after{content:"";pointer-events:none;opacity:0;z-index:0;background:#05081a52;animation:1.15s cubic-bezier(.16,1,.3,1) both loginBackgroundReveal;position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.08)}@keyframes loginBackgroundReveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.08)}55%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}.login-page--exiting{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(.97)}.login-card{z-index:2;-webkit-backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffffb8;border-radius:28px;flex-direction:column;width:100%;max-width:440px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:relative;box-shadow:0 24px 70px #0f172a47,0 1px 3px #0f172a1a}body.dark-mode .login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#141d32bf;border-color:#ffffff0f;box-shadow:0 20px 50px #0000004d}.login-icon-container{justify-content:center;margin-bottom:1.65rem;display:flex}.login-logo-orb{isolation:isolate;background:radial-gradient(circle at 50% 42%,#fffffff5,#fff1f2d1 62%,#fee2e280);border:1px solid #f8717147;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;animation:4.8s ease-in-out infinite loginLogoFloat;display:flex;position:relative;box-shadow:0 18px 36px #b91c1c2e,0 0 0 10px #ffffff59,inset 0 1px 10px #ffffffe6}.login-logo-orb:before,.login-logo-orb:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.login-logo-orb:before{border:1px solid #ef444447;animation:2.8s ease-out infinite loginLogoPulse}.login-logo-orb:after{opacity:0;z-index:2;background:linear-gradient(120deg,#0000 18%,#ffffffb8 46%,#0000 66%);border-radius:34px;animation:4.2s ease-in-out infinite loginLogoSheen;top:8px;right:8px;bottom:8px;left:8px;transform:translate(-42%)rotate(12deg)}.login-logo-img{z-index:1;object-fit:contain;filter:drop-shadow(0 7px 12px #b91c1c3d);width:74px;height:88px;display:block;position:relative}body.dark-mode .login-logo-orb{background:radial-gradient(circle at 50% 42%,#1e293bf2,#7f1d1d7a 70%,#0f172adb);border-color:#f871714d;box-shadow:0 18px 42px #0000005c,0 0 0 10px #f8717114,inset 0 1px 10px #ffffff14}@keyframes loginLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes loginLogoPulse{0%{opacity:.75;transform:scale(.94)}70%,to{opacity:0;transform:scale(1.18)}}@keyframes loginLogoSheen{0%,48%{opacity:0;transform:translate(-42%)rotate(12deg)}58%{opacity:.75}76%,to{opacity:0;transform:translate(42%)rotate(12deg)}}.form-head{text-align:center;margin-bottom:1.5rem}.form-head h2{color:var(--text-heading);letter-spacing:-.02em;margin:0 0 8px;font-size:1.625rem;font-weight:800}.form-head p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.45}.form-separator{border-top:1.5px dashed var(--border-color);opacity:.7;margin:0 0 1.75rem}body.dark-mode .form-separator{border-top-color:#ffffff14}.login-card .input-group label{font-weight:900}.input-with-icon{width:100%;position:relative}.input-with-icon .input-icon{color:var(--text-light);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input{width:100%;border:1.5px solid var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-heading)!important;border-radius:12px!important;outline:none!important;padding:12px 16px 12px 42px!important;font-size:.95rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}body.dark-mode .input-with-icon input{background:#0f172a66!important;border-color:#ffffff14!important}.input-with-icon input:focus{border-color:var(--primary)!important;background:var(--bg-card)!important;box-shadow:0 0 0 4px #4f46e51f!important}body.dark-mode .input-with-icon input:focus{background:#0f172a99!important}.input-with-icon input:focus+.input-icon{color:var(--primary)}.btn-login-submit{background:var(--gradient-brand);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:1rem;font-size:.95rem;font-weight:700;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #4f46e533}.btn-login-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.btn-login-submit:active:not(:disabled){transform:translateY(0)}.btn-login-submit:disabled{opacity:.6;cursor:not-allowed}body.dark-mode .btn-login-submit{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 12px #4f46e526}body.dark-mode .btn-login-submit:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 6px 16px #4f46e540}.login-divider{text-align:center;color:var(--text-muted);align-items:center;gap:12px;margin:1.4rem 0 1.1rem;font-size:.8rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.google-signin{justify-content:center;min-height:44px;display:flex}.form-footer{text-align:center;color:var(--text-muted);margin:1.75rem 0 0;font-size:.85rem;font-weight:800;line-height:1.6}.contact-admin{font-size:inherit;color:var(--text-heading);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-family:inherit;font-weight:700;text-decoration:none}.contact-admin:hover{text-decoration:underline}.login-alert{text-align:center;border-radius:10px;margin-bottom:1.5rem;padding:12px 16px;font-size:.9rem;font-weight:600}.login-alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}body.dark-mode .login-alert--error{color:#fca5a5;background:#dc262626;border-color:#dc262640}@media(max-width:480px){.login-card{padding:2.25rem 1.5rem}}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#ffffff59;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);width:100%;max-width:500px;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);border-radius:20px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow:hidden auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h3{color:var(--text-heading);margin:0;font-size:1.25rem;font-weight:800}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{color:var(--text-heading);background:#e2e8f0}.modal-form{flex-direction:column;gap:1.4rem;padding:2rem;display:flex}.modal-form .input-group{flex-direction:column;gap:7px;display:flex}.modal-form .input-group label{color:var(--text-heading);letter-spacing:.01em;font-size:.8rem;font-weight:700}.modal-form .input-group input,.modal-form .input-group select{border:1px solid var(--border-color);width:100%;font:inherit;color:var(--text-heading);background-color:var(--bg-subtle,#f8fafc);border-radius:11px;padding:11px 14px;font-size:.95rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.modal-form .input-group input::placeholder{color:var(--text-light,#94a3b8)}.modal-form .input-group input:hover,.modal-form .input-group select:hover{border-color:#c7d2fe}.modal-form .input-group input:focus,.modal-form .input-group select:focus{border-color:var(--primary);background-color:var(--bg-card,#fff);outline:none;box-shadow:0 0 0 3px #4f46e521}.modal-form .input-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 13px center;background-repeat:no-repeat;padding-right:38px}.form-row-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}.modal-actions button{cursor:pointer;border-radius:10px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s}.btn-secondary{color:var(--text-body);background:#f1f5f9;border:1px solid #cbd5e1}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;box-shadow:0 4px 12px #4f46e533}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.stagger-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-fade-in>.input-group:first-child{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards slideUpFade}.stagger-fade-in>.input-group:nth-child(2){opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards slideUpFade}.stagger-fade-in>.input-group:nth-child(3){opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards slideUpFade}.stagger-fade-in>.cool-submit{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards slideUpFade}.cool-input{width:100%;font-weight:500;box-shadow:inset 0 2px 4px #00000005;color:var(--text-heading)!important;background:#f1f5f9!important;border:2px solid #0000!important;border-radius:14px!important;padding:14px 18px!important;font-size:1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.cool-input:hover{background:#e2e8f0!important}.cool-input:focus{transform:translateY(-1px);border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px #4f46e526,inset 0 2px 4px #00000003!important}.cool-submit{z-index:1;width:100%;margin-top:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border-radius:14px!important;margin-top:1.5rem!important;padding:16px!important;font-size:1.1rem!important}.cool-submit:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.cool-submit:hover:before{left:100%}.users-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:0;overflow:hidden}.users-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.header-title{align-items:center;gap:16px;display:flex}.header-title h2{color:var(--text-heading);margin:0;font-size:20px;font-weight:800}.badge-count{color:var(--primary);background:#eef2ff;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700}.users-tabs{border-bottom:1px solid var(--border-color);gap:32px;padding:0 32px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 0;font-size:14px;font-weight:700;transition:all .2s;display:flex}.tab-item:hover{color:var(--text-heading)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-badge{color:var(--text-muted);background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:12px}.tab-item.active .tab-badge{color:var(--primary);background:#eef2ff}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;padding:16px 32px;font-size:11px;font-weight:800}.users-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:20px 32px}.users-table tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:16px;display:flex}.user-avatar{width:40px;height:40px;color:var(--primary);background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.user-cell strong{color:var(--text-heading);font-size:14px;display:block}.user-cell small{color:var(--text-muted);margin-top:2px;font-size:13px;display:block}.role-badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.role-super_admin{color:#be123c;background:#fff1f2}.role-admin{color:#7c3aed;background:#f5f3ff}.role-finance{color:#0f766e;background:#ccfbf1}.role-staff{color:#ea580c;background:#fff7ed}.role-professor{color:#16a34a;background:#f0fdf4}.role-student{color:#0284c7;background:#f0f9ff}.password-cell{color:#94a3b8;align-items:center;gap:8px;display:flex}.password-cell .dots{letter-spacing:2px;font-size:14px}.date-cell{color:var(--text-muted);font-size:14px}.action-buttons{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-perms{color:#059669;background:#f0fdf4}.btn-perms:hover{color:#fff;background:#059669}.btn-reset{color:var(--primary);background:#eef2ff}.btn-reset:hover{background:var(--primary);color:#fff}.btn-delete{color:#e11d48;background:#fff1f2}.btn-delete:hover{color:#fff;background:#e11d48}.btn-suspend{color:#d97706;background:#fffbeb}.btn-suspend:hover{color:#fff;background:#d97706}.btn-activate{color:#059669;background:#f0fdf4}.btn-activate:hover{color:#fff;background:#059669}.um-page{flex-direction:column;gap:20px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.um-page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.um-page-header h2{color:var(--text-heading);margin:0 0 4px;font-size:22px;font-weight:800}.um-page-header p{color:var(--text-muted);margin:0;font-size:14px}.um-add-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:flex}.um-role-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.um-role-tile{background:var(--bg-card);border:1.5px solid var(--border-color);text-align:left;cursor:pointer;transition:var(--transition);border-radius:16px;flex-direction:column;gap:5px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.um-role-tile:hover{border-color:var(--rc);box-shadow:var(--shadow-md);transform:translateY(-2px)}.um-role-tile--on{background:var(--rb);border-color:var(--rc)}.um-role-dot{background:var(--rc);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px}.um-role-count{color:var(--text-heading);font-size:30px;font-weight:800;line-height:1}.um-role-tile--on .um-role-count{color:var(--rc)}.um-role-label{color:var(--text-muted);font-size:13px;font-weight:600}.um-role-tile--on .um-role-label{color:var(--rc);font-weight:700}.um-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.um-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 22px;display:flex}.um-search-box{border:1.5px solid var(--border-color);min-width:200px;color:var(--text-muted);transition:var(--transition);background:#f8fafc;border-radius:12px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.um-search-box:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.um-search-box input{color:var(--text-heading);background:0 0;border:none;outline:none;width:100%;font-size:14px}.um-search-box input::placeholder{color:var(--text-light)}.um-filter-row{flex-wrap:wrap;gap:6px;display:flex}.um-filter-pill{border:1.5px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.um-filter-pill em{color:var(--text-muted);background:#f1f5f9;border-radius:6px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:800}.um-filter-pill:hover{border-color:var(--primary);color:var(--primary)}.um-filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.um-filter-pill.active em{color:#fff;background:#ffffff38}.um-table-wrap{overflow-x:auto}.um-table{border-collapse:collapse;width:100%;min-width:700px}.um-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:#f8fafc;padding:13px 20px;font-size:11px;font-weight:800}.um-table td{vertical-align:middle;border-bottom:1px solid #f0f4f8;padding:15px 20px;font-size:14px}.um-table tbody tr:last-child td{border-bottom:none}.um-table tbody tr:hover td{background:#fafafe}.um-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.um-empty{text-align:center;color:#94a3b8;font-size:14px;padding:56px 20px!important}.um-table-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:#f8fafc;padding:13px 22px;font-size:13px;font-weight:600}.um-user-form-grid{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:22px;display:grid}.um-user-form-grid .profile-photo-col{gap:10px}.um-user-form-grid .photo-ratio-box{border-radius:12px;width:120px;height:160px}.um-user-fields{flex-direction:column;gap:1.25rem;min-width:0;display:flex}@media(max-width:640px){.um-user-form-grid{grid-template-columns:1fr}}.pill--inactive{color:#64748b;background:#f1f5f9}button.brand--link{cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;margin:-8px -12px;padding:8px 12px;transition:all .4s cubic-bezier(.4,0,.2,1)}button.brand--link:hover{background:#0f172a0a;border-color:#0f172a0f;transform:translateY(-1px);box-shadow:0 4px 15px #00000005}button.brand--link:active{transform:translateY(1px)}.pf-page{flex-direction:column;gap:20px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.pf-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e1b4b 40%,#312e81,#0c2a52);border-radius:24px;min-height:170px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a61,0 4px 16px #4f46e538}.pf-snow-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.pf-orb{pointer-events:none;z-index:1;border-radius:50%;position:absolute}.pf-orb--violet{filter:blur(55px);background:radial-gradient(circle,#8b5cf673,#0000 65%);width:340px;height:340px;animation:7s ease-in-out infinite pf-orb-pulse;top:-140px;right:60px}.pf-orb--cyan{filter:blur(45px);background:radial-gradient(circle,#06b6d459,#0000 65%);width:220px;height:220px;animation:9s ease-in-out infinite reverse pf-orb-pulse;bottom:-90px;left:180px}.pf-orb--pink{filter:blur(40px);background:radial-gradient(circle,#ec489947,#0000 65%);width:180px;height:180px;animation:11s ease-in-out infinite pf-orb-drift;top:10px;left:42%}@keyframes pf-orb-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes pf-orb-drift{0%,to{opacity:.65;transform:translate(0)}33%{opacity:1;transform:translate(28px,-16px)}66%{opacity:.45;transform:translate(-18px,12px)}}.pf-hero-shimmer{pointer-events:none;z-index:1;background:linear-gradient(108deg,#0000 20%,#ffffff0e 48%,#ffffff06 52%,#0000 78%) 0 0/200% 100%;animation:5s cubic-bezier(.4,0,.6,1) infinite pf-shimmer;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes pf-shimmer{0%{opacity:0;background-position:200%}15%{opacity:1}85%{opacity:1}to{opacity:0;background-position:-200%}}.pf-hero-inner{z-index:2;align-items:center;gap:20px;padding:30px 32px;display:flex;position:relative}.pf-hero-avatar-wrap{flex-shrink:0;position:relative}.pf-avatar-glow{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#8b5cf68c,#0000 70%);border-radius:28px;animation:3.5s ease-in-out infinite pf-glow-pulse;position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}@keyframes pf-glow-pulse{0%,to{opacity:.45}50%{opacity:.95}}.pf-avatar{letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1.5px solid #ffffff52;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;font-weight:900;display:inline-flex}.pf-hero-label{letter-spacing:2.5px;text-transform:uppercase;color:#ffffff7a;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.pf-hero-text h2{letter-spacing:-.5px;text-shadow:0 2px 12px #00000040;margin:0 0 4px;font-size:26px;font-weight:800}.pf-hero-text p{color:#ffffff9e;margin:0;font-size:13.5px}.pf-role-pill{text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;flex-shrink:0;margin-left:auto;padding:8px 18px;font-size:12px;font-weight:800}.pf-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;animation:.3s slideUpFade;display:flex}.pf-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.pf-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.pf-card-header{border-bottom:1px solid var(--border-color);background:#fbfcfe;align-items:center;gap:10px;padding:16px 22px;display:flex}.pf-card-header h3{color:var(--text-heading);margin:0;font-size:15px;font-weight:800}.pf-card-icon{background:var(--primary-light);width:30px;height:30px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pf-form{flex-direction:column;gap:16px;padding:22px;display:flex}.pf-form input:disabled{opacity:.65;cursor:not-allowed;text-transform:capitalize}.pf-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:16px;display:flex}.pf-form-actions .btn-primary{cursor:pointer;border-radius:11px;padding:10px 18px;font-size:13.5px;font-weight:800}.pf-settings{flex-direction:column;gap:20px;padding:22px;display:flex}.pf-setting strong{color:var(--text-heading);font-size:14px;font-weight:800;display:block}.pf-setting p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.pf-setting--row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.pf-swatches{gap:12px;margin-top:12px;display:flex}.pf-swatch{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);border:2px solid #0000;border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.pf-swatch:hover{transform:translateY(-3px)scale(1.06);box-shadow:0 8px 18px #0f172a38}.pf-swatch--on{box-shadow:0 0 0 2.5px var(--primary),0 8px 18px #0f172a2e;border-color:#fff}.pf-toggle{border:1px solid var(--border-color);cursor:pointer;width:50px;height:28px;transition:var(--transition);background:#e2e8f0;border-radius:999px;flex-shrink:0;position:relative}.pf-toggle span{width:20px;height:20px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a40}.pf-toggle--on{background:var(--primary);border-color:var(--primary)}.pf-toggle--on span{left:25px}body.ui-compact .main-content{gap:14px;padding:16px}body.ui-compact .topbar{padding:12px 16px}body.ui-compact .topbar h1{font-size:22px}body.ui-compact .metrics-row{gap:10px}body.ui-compact .metric-card{padding:12px}body.ui-compact .metric-card strong{font-size:24px}@media(max-width:900px){.pf-grid{grid-template-columns:1fr}.pf-hero-inner{flex-wrap:wrap;padding:22px 20px}.pf-role-pill{margin-left:0}}.account-menu{z-index:2;flex-shrink:0;position:relative;overflow:visible!important}.account-trigger{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 5px;display:inline-flex}.account-trigger:hover,.account-trigger--open{background:var(--primary-light);border-color:var(--primary)}.account-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:inline-flex}.account-chevron{color:var(--text-muted);transition:transform .22s}.account-trigger--open .account-chevron{transform:rotate(180deg)}@keyframes accountPop{0%{opacity:0;transform:scale(.92)translateY(-6px)}60%{opacity:1;transform:scale(1.01)translateY(1px)}to{opacity:1;transform:scale(1)translateY(0)}}.account-dropdown{background:var(--bg-card);border:1px solid var(--border-color);width:320px;box-shadow:var(--shadow-lg);transform-origin:100% 0;border-radius:18px;flex-direction:column;gap:4px;padding:14px;animation:.26s cubic-bezier(.34,1.56,.64,1) accountPop;display:flex;position:absolute;top:calc(100% + 10px);right:0;z-index:9999!important}.account-section-label{color:var(--text-muted);padding:4px 8px;font-size:12px;font-weight:600}.account-card{background:var(--bg-card);border:2px solid var(--primary);cursor:pointer;text-align:left;transition:var(--transition);border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.account-card:hover{box-shadow:var(--shadow-sm);background:#f8fafc}.account-card-avatar{background:var(--primary-light);width:56px;height:56px;color:var(--text-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:inline-flex}.account-card-info{flex:1;gap:1px;min-width:0;display:grid}.account-card-info strong{color:var(--text-heading);font-size:15px;font-weight:800}.account-card-info small{color:var(--text-muted);text-transform:capitalize;font-size:12.5px}.account-card-info .account-email{text-overflow:ellipsis;white-space:nowrap;text-transform:none;overflow:hidden}.account-check{color:var(--text-heading);flex-shrink:0}.account-item{color:var(--text-heading);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:14.5px;font-weight:700;display:flex}.account-item:hover{background:#f1f5f9}.account-item svg{color:var(--text-muted);flex-shrink:0}.account-item--danger:hover{color:#e11d48;background:#fff0f2}.account-item--danger:hover svg{color:#e11d48}@media(max-width:640px){.account-dropdown{width:min(320px,100vw - 48px)}}.pf-tabs{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.pf-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.pf-tab-btn:hover{color:var(--text-heading);background:#f1f5f9}.pf-tab-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pf-alert--error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.pf-action-btn{background:var(--primary-light);border:1px solid var(--primary);color:var(--primary);cursor:pointer;transition:var(--transition);border-radius:11px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:800;display:inline-flex}.pf-action-btn:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pf-danger-box{background:#fff7f7;border-top:1px solid #fee2e2;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.pf-danger-box strong{color:var(--text-heading);font-size:14px;font-weight:800;display:block}.pf-danger-box p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.pf-danger-btn{color:#b91c1c;cursor:pointer;transition:var(--transition);background:#fee2e2;border:1px solid #fecaca;border-radius:11px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:800;display:inline-flex}.pf-danger-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}@media(max-width:640px){.pf-danger-box,.pf-setting--row{flex-direction:column;align-items:stretch}}.pf-avatar-img{object-fit:cover;border:1.5px solid #ffffff61;border-radius:20px;flex-shrink:0;width:72px;height:72px;box-shadow:0 4px 16px #00000040}.account-avatar-img{object-fit:cover;border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:36px;height:36px}.account-card-avatar-img{object-fit:cover;border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:56px;height:56px}.profile-layout-grid{grid-template-columns:200px 1fr;align-items:start;gap:28px;display:grid}.profile-photo-col{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.photo-ratio-box{border:2px dashed var(--border-color);background:var(--bg-main);width:135px;height:180px;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.photo-ratio-box:hover{border-color:var(--primary);box-shadow:0 4px 15px #4f46e514}.photo-ratio-box img{object-fit:cover;width:100%;height:100%}.photo-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.photo-placeholder-text{font-size:13px;font-weight:700}.photo-placeholder-hint{opacity:.8;font-size:11px}.photo-upload-btn{cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-heading);box-shadow:var(--shadow-xs);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s;display:inline-block}.photo-upload-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.photo-upload-btn:active{transform:translateY(0)}.photo-hint{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.4}@media(max-width:600px){.profile-layout-grid{grid-template-columns:1fr;gap:20px}}.photo-remove-btn{cursor:pointer;background:var(--bg-card);color:var(--danger);box-shadow:var(--shadow-xs);border:1px solid #ef444433;border-radius:10px;width:auto;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s;display:inline-block}.photo-remove-btn:hover{background:#fef2f2;border-color:#ef444466;transform:translateY(-1px)}.photo-remove-btn:active{transform:translateY(0)}.um-perm-modal{border-radius:14px;flex-direction:column;width:96%;max-width:1080px;max-height:90vh;padding:0;display:flex;overflow:hidden}.um-perm-header{background:linear-gradient(135deg,var(--role-color,#4f46e5) 0%,var(--role-color,#4f46e5) 100%);align-items:center;gap:14px;padding:20px 22px;display:flex}@supports (color:color-mix(in lab,red,red)){.um-perm-header{background:linear-gradient(135deg,var(--role-color,#4f46e5) 0%,color-mix(in srgb,var(--role-color,#4f46e5) 70%,#000) 100%)}}.um-perm-header{color:#fff;flex-shrink:0}.um-perm-avatar{color:#fff;background:#ffffff38;border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.um-perm-user-info{flex:1;min-width:0;overflow:hidden}.um-perm-user-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;overflow:hidden}.um-perm-user-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.um-perm-user-meta span:not(.role-badge){color:#fffc;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.um-perm-close{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:flex}.um-perm-close:hover{background:#ffffff4d}.um-perm-header .role-badge{color:#fff;background:#fff3;border:1px solid #ffffff59}.um-perm-statsbar{background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);flex-shrink:0;align-items:center;gap:0;padding:0;display:flex}.um-perm-stat{flex-direction:column;flex:1;align-items:center;padding:10px 22px;display:flex}.um-perm-stat strong{color:var(--text-heading,#0f172a);font-size:20px;font-weight:800;line-height:1}.um-perm-stat span{color:var(--text-muted,#64748b);margin-top:2px;font-size:11px;font-weight:600}.um-perm-stat-divider{background:var(--border-color,#e2e8f0);flex-shrink:0;width:1px;height:36px}.um-perm-live-note{color:#0369a1;text-align:center;white-space:normal;word-break:break-word;background:#f0f9ff;border-left:1px solid #bae6fd;flex:2;min-width:0;padding:10px 16px;font-size:11px;font-weight:600}.um-perm-body{flex:1;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));align-content:start;align-items:start;gap:16px;padding:18px 20px;display:grid;overflow-y:auto}.um-perm-group{border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.um-perm-group-header{background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:8px;padding:9px 14px;display:flex}.um-perm-group-dot{background:var(--gc,#64748b);border-radius:50%;flex-shrink:0;width:8px;height:8px}.um-perm-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--gc,#64748b);margin:0;font-size:11px;font-weight:800}.um-perm-group-grid{grid-template-columns:1fr 1fr;display:grid}@media(max-width:560px){.um-perm-group-grid{grid-template-columns:1fr}.um-perm-row:nth-child(odd):not(:last-child){border-right:none}}.um-perm-row{cursor:pointer;border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:10px 14px;transition:background .12s;display:flex}.um-perm-row:nth-child(odd):not(:last-child){border-right:1px solid var(--border-color,#f1f5f9)}.um-perm-row:last-child:nth-child(odd){border-right:none;grid-column:1/-1}.um-perm-row:last-child,.um-perm-row:nth-last-child(2):nth-child(odd){border-bottom:none}.um-perm-row:hover{background:var(--bg-subtle,#f8fafc)}.um-perm-row--on{background:#f0fdf4}.um-perm-row--on:hover{background:#dcfce7}.um-perm-row-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.um-perm-indicator{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.um-perm-row--on .um-perm-indicator{background:#22c55e}.um-perm-name{color:var(--text-body,#334155);white-space:normal;word-break:break-word;min-width:0;font-size:13px;font-weight:600;line-height:1.35}.um-perm-row-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.um-perm-tag{white-space:nowrap;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700}.um-perm-tag--default{color:#64748b;background:#f1f5f9}.um-perm-tag--grant{color:#15803d;background:#dcfce7}.um-perm-tag--deny{color:#b91c1c;background:#fee2e2}.um-perm-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:99px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .2s;position:relative}.um-perm-toggle--on{background:#22c55e}.um-perm-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .18s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.um-perm-toggle--on .um-perm-thumb{left:21px}.um-perm-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);border-radius:0 0 14px 14px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px 18px;display:flex}.um-perm-footer-actions{gap:8px;display:flex}.um-perm-reset-btn{border:1px solid var(--border-color,#e2e8f0);color:var(--text-muted,#64748b);font:inherit;cursor:pointer;background:0 0;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.um-perm-reset-btn:hover:not(:disabled){color:#dc2626;border-color:#ef4444}.um-perm-reset-btn:disabled{opacity:.4;cursor:not-allowed}.btn-style-pill{transition:all .24s cubic-bezier(.4,0,.2,1)}.btn-style-pill:hover{transform:translateY(-1.5px);border-color:var(--primary)!important}.btn-style-pill.active{box-shadow:0 4px 12px #4f46e526;background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}body.header-style-glass .topbar{-webkit-backdrop-filter:blur(16px);background:#ffffffc2;border:1px solid #e2e8f0b3;box-shadow:0 4px 20px -2px #0f172a08,0 2px 6px -1px #0f172a05}body.header-style-white .topbar{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}body.header-style-accent .topbar{background:var(--gradient-brand);border:none;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}body.header-style-accent .topbar p{color:#ffffffe0}body.header-style-accent .topbar h1{color:#fff}body.header-style-accent .topbar .account-trigger{color:#fff;background:#ffffff29;border-color:#ffffff3d}body.header-style-accent .topbar .account-trigger:hover{background:#ffffff47}body.header-style-accent .topbar .account-chevron{color:#fff}body.header-style-slate .topbar{background:#0f172a;border:1px solid #1e293b;box-shadow:0 10px 25px -5px #0f172a26}body.header-style-slate .topbar p{color:var(--primary-light)}body.header-style-slate .topbar h1{color:#fff}body.header-style-slate .topbar .account-trigger{color:#fff;background:#ffffff14;border-color:#ffffff29}body.header-style-slate .topbar .account-trigger:hover{background:#ffffff2e}body.header-style-slate .topbar .account-chevron{color:#fff}body.header-style-wave .topbar{background:linear-gradient(110deg,#0a161d 0%,#0a161d 380px,var(--primary) 380px,var(--primary) 405px,var(--primary-light) 405px,var(--primary-light) 420px,#fff 420px,#fff 100%);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky}body.header-style-wave .topbar p{z-index:2;position:relative;color:var(--primary-light)!important}body.header-style-wave .topbar h1{z-index:2;transition:font-size .15s;position:relative;color:#fff!important;font-size:calc(var(--header-text-scale,1) * clamp(16px,2.2cqw,24px))!important}@media(max-width:640px){body.header-style-wave .topbar{border-top:4px solid var(--primary)!important;background:#fff!important}body.header-style-wave .topbar p{color:var(--primary)!important}body.header-style-wave .topbar h1{color:var(--text-heading)!important;font-size:calc(var(--header-text-scale,1) * 20px)!important}}body.header-border-none .topbar{border-top-width:0!important}body.header-border-none .topbar:before{display:none!important}body.header-border-solid .topbar{border-top:4px solid var(--primary)!important}body.header-border-solid .topbar:before{display:none!important}body.header-border-gradient .topbar{position:relative}body.header-border-gradient .topbar:before{content:"";background:var(--gradient-brand);z-index:10;border-top-left-radius:17px;border-top-right-radius:17px;height:4px;position:absolute;top:0;left:0;right:0}.topbar-shapes{pointer-events:none;z-index:1;border-radius:17px;display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}body.header-animated .topbar-shapes{display:block}.topbar-shape{filter:blur(40px);opacity:.15;mix-blend-mode:multiply;border-radius:50%;transition:background .8s;position:absolute}body.header-style-slate .topbar-shape,body.header-style-wave .topbar-shape{mix-blend-mode:screen;opacity:.12}.topbar-shape-1{background:var(--primary);width:150px;height:150px;animation:20s ease-in-out infinite alternate driftShape1;top:-60px;left:10%}.topbar-shape-2{background:var(--secondary,#7c3aed);width:180px;height:180px;animation:25s ease-in-out infinite alternate driftShape2;bottom:-90px;right:25%}.topbar-shape-3{background:var(--accent,#0ea5e9);width:120px;height:120px;animation:18s ease-in-out infinite alternate driftShape3;top:-30px;right:5%}@keyframes driftShape1{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,20px)scale(1.15)}to{transform:translate(-30px,10px)scale(.9)}}@keyframes driftShape2{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,-30px)scale(.85)}to{transform:translate(40px,10px)scale(1.1)}}@keyframes driftShape3{0%{transform:translate(0)scale(1)}50%{transform:translate(-40px,30px)scale(1.25)}to{transform:translate(50px,-20px)scale(.95)}}.topbar-snow{pointer-events:none;z-index:1;border-radius:17px;display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}body.header-snowy .topbar-snow{display:block}.snowflake{pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:-10px}.snowflake:first-child{width:4px;height:4px;animation-name:snowFall,snowWobble;animation-duration:4s,2s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:0s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:10%}.snowflake:nth-child(2){width:5px;height:5px;animation-name:snowFall,snowWobble;animation-duration:6s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:1.2s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:22%}.snowflake:nth-child(3){width:3px;height:3px;animation-name:snowFall,snowWobble;animation-duration:5s,2.5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:.5s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:34%}.snowflake:nth-child(4){width:6px;height:6px;animation-name:snowFall,snowWobble;animation-duration:7s,3.5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:2s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:47%}.snowflake:nth-child(5){width:4px;height:4px;animation-name:snowFall,snowWobble;animation-duration:4.5s,2.2s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:1.5s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:59%}.snowflake:nth-child(6){width:5px;height:5px;animation-name:snowFall,snowWobble;animation-duration:5.5s,2.8s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:.8s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:71%}.snowflake:nth-child(7){width:3px;height:3px;animation-name:snowFall,snowWobble;animation-duration:6.5s,3.2s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:2.5s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:83%}.snowflake:nth-child(8){width:4px;height:4px;animation-name:snowFall,snowWobble;animation-duration:5.2s,2.4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:3.2s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:95%}.snowflake:nth-child(9){width:5px;height:5px;animation-name:snowFall,snowWobble;animation-duration:6.2s,2.9s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:1.8s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:16%}.snowflake:nth-child(10){width:3px;height:3px;animation-name:snowFall,snowWobble;animation-duration:4.8s,2.6s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:.9s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:41%}.snowflake:nth-child(11){width:5px;height:5px;animation-name:snowFall,snowWobble;animation-duration:5.8s,2.7s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:2.1s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:66%}.snowflake:nth-child(12){width:4px;height:4px;animation-name:snowFall,snowWobble;animation-duration:4.2s,2.3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:.3s;animation-fill-mode:none,none;animation-timeline:auto,auto;left:88%}@keyframes snowFall{0%{opacity:0;top:-10px}10%{opacity:.7}90%{opacity:.7}to{opacity:0;top:100%}}@keyframes snowWobble{0%{transform:translate(-8px)}to{transform:translate(8px)}}body.dark-mode{--bg-main:#0b1329;--bg-card:#141d32;--text-heading:#f8fafc;--text-body:#d1d5db;--text-normal:#f3f4f6;--text-muted:#94a3b8;--text-light:#64748b;--border-color:#1f2a44;--bg-sidebar:#111827f5;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--bg-page:#0b1329;--bg-primary:#141d32;--bg-secondary:#1e293b;--bg-hover:#ffffff0f;--border:#1f2a44;--primary-light:#4f46e533;--shadow-sm:0 1px 3px #0006, 0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000080, 0 8px 24px #0006;--shadow-lg:0 8px 32px #0009, 0 20px 48px #00000080}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:var(--primary)!important;background-color:#0f172a!important;box-shadow:0 0 0 4px #4f46e540!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#64748b!important}body.dark-mode .sidebar{border-right-color:#1e293b;box-shadow:0 1px 3px #0006}body.dark-mode .sidebar-nav a:not(.active){color:#94a3b8}body.dark-mode .sidebar-nav a:not(.active):hover{color:#f8fafc;background:#1e293b}body.dark-mode .brand strong{color:#fff}body.dark-mode .btn-secondary{color:#d1d5db;background:#1e293b;border-color:#334155}body.dark-mode .btn-secondary:hover{color:#fff;background:#334155}body.dark-mode .cd-modal,body.dark-mode .sd-modal,body.dark-mode .cc-modal,body.dark-mode .pf-photo-modal,body.dark-mode .photo-cropper-wrap{color:#f8fafc!important;background:#141d32!important;border-color:#334155!important}body.dark-mode .cd-modal h2,body.dark-mode .cd-modal h3,body.dark-mode .sd-modal h2,body.dark-mode .cc-modal h2,body.dark-mode .pf-photo-modal h3{color:#fff!important}body.dark-mode .sd-register-modal,body.dark-mode .cd-message-box__header,body.dark-mode .cd-filter-dropdown{color:#f8fafc!important;background:#141d32!important;border-color:#334155!important}body.dark-mode .cd-message-box{background:#270f0f!important;border-color:#581c1c!important}body.dark-mode .cd-message-box__header{border-bottom-color:#581c1c!important}body.dark-mode .admin-table th{color:#94a3b8!important;background:#1e293b!important;border-bottom-color:#334155!important}body.dark-mode .admin-table td{color:#d1d5db!important;border-bottom-color:#1e293b!important}body.dark-mode .admin-table tbody tr:hover td{background:#1e293b!important}body.dark-mode .pf-swatch{border-color:#334155}body.dark-mode .btn-style-pill{border-color:#334155!important}body.dark-mode .btn-style-pill:not(.active){color:#cbd5e1!important;background:#141d32!important}body.dark-mode .btn-style-pill:not(.active):hover{color:#fff!important;background:#1e293b!important}body.dark-mode .status-badge--pending{color:#fef3c7;background:#451a03}body.dark-mode .cd-alert{color:#bbf7d0;background:#062f17;border-color:#064e26}body.dark-mode .pf-avatar-placeholder{color:#94a3b8;background:#1e293b;border-color:#334155}body.dark-mode .pf-avatar-placeholder-img{border-color:#334155}body.dark-mode .pf-avatar-preview{background:#1e293b;border-color:#334155}body.dark-mode .pf-setting p,body.dark-mode .pf-tab-btn:not(.active){color:#94a3b8}body.dark-mode .pf-tab-btn:not(.active):hover{color:#fff;background:#1e293b}body.dark-mode .pf-action-btn,body.dark-mode .pf-danger-btn{background:#1e293b;border-color:#334155}body.dark-mode .pf-danger-btn:hover{background:var(--danger);color:#fff}body.dark-mode .pf-swatch--on{border-color:#fff!important}body.dark-mode .pf-card-header{background:#1a2540}body.dark-mode .pf-toggle{background:#334155;border-color:#475569}body.dark-mode .sidebar-nav a.active{color:#a5b4fc;background:#4f46e533;border-color:#4f46e559}body.dark-mode .users-table th{color:#64748b;background:#1e293b}body.dark-mode .users-table td{color:#d1d5db;border-bottom-color:#1f2a44}body.dark-mode .users-table tbody tr:hover td{background:#1e293b}body.dark-mode .user-avatar,body.dark-mode .badge-count{color:#a5b4fc;background:#4f46e533}body.dark-mode .tab-badge{background:#1e293b}body.dark-mode .tab-item.active .tab-badge{color:#a5b4fc;background:#4f46e533}body.dark-mode .row-actions button:last-child{color:#a5b4fc;background:#4f46e526}body.dark-mode .role-super_admin{color:#fda4af;background:#4c0519}body.dark-mode .role-admin{color:#c4b5fd;background:#2e1065}body.dark-mode .role-finance{color:#5eead4;background:#042f2e}body.dark-mode .role-staff{color:#fdba74;background:#431407}body.dark-mode .role-professor{color:#86efac;background:#052e16}body.dark-mode .role-student{color:#7dd3fc;background:#082f49}body.dark-mode .btn-perms{color:#34d399;background:#05966926}body.dark-mode .btn-reset{color:#a5b4fc;background:#4f46e526}body.dark-mode .btn-delete{color:#fb7185;background:#e11d4826}body.dark-mode .btn-suspend{color:#fcd34d;background:#d9770626}body.dark-mode .btn-perms:hover{color:#fff;background:#059669}body.dark-mode .btn-delete:hover{color:#fff;background:#e11d48}body.dark-mode .btn-suspend:hover{color:#fff;background:#d97706}body.dark-mode .srp-table th,body.dark-mode .admin-table th{color:#64748b;background:#1e293b}body.dark-mode .srp-alert--success{color:#86efac;background:#16653440}body.dark-mode .srp-alert--error{color:#fca5a5;background:#991b1b40}body.dark-mode .srp-status-badge--active{color:#86efac;background:#16653433;border-color:#86efac4d}body.dark-mode .srp-status-badge--dropped{color:#fca5a5;background:#991b1b33;border-color:#fca5a54d}body.dark-mode .srp-status-badge--graduated{color:#93c5fd;background:#1e40af33;border-color:#93c5fd4d}body.dark-mode .srp-icon-btn--danger:hover{color:#fb7185;background:#ef444426;border-color:#ef4444}body.dark-mode .srp-summary-card{background:#1e293b}body.dark-mode .tp-alert{color:#fca5a5;background:#991b1b33}body.dark-mode .tp-message,body.dark-mode .fp-alert--success{color:#86efac;background:#16653433}body.dark-mode .fp-alert--error{color:#fca5a5;background:#991b1b33}body.dark-mode .fp-table tbody tr:hover{background:#1e293b}body.dark-mode .fp-action-btn--edit:hover{color:#a5b4fc;background:#4f46e526;border-color:#4f46e559}body.dark-mode .fp-action-btn--del:hover{color:#fb7185;background:#e11d4826;border-color:#e11d4859}body.dark-mode .fp-badge--paid{color:#86efac;background:#16653433}body.dark-mode .fp-badge--pending{color:#fcd34d;background:#92400e33}body.dark-mode .fp-badge--partial{color:#fef08a;background:#854d0e33}body.dark-mode .fp-badge--refunded{color:#7dd3fc;background:#07598533}body.dark-mode .fp-badge--cancelled{color:#fca5a5;background:#991b1b33}body.dark-mode .fp-badge--other{color:#94a3b8;background:#1e293b}body.dark-mode .fp-metric--green .fp-metric-icon{background:#05966926}body.dark-mode .fp-metric--amber .fp-metric-icon{background:#d9770626}body.dark-mode .fp-metric--rose .fp-metric-icon{background:#e11d4826}body.dark-mode .fp-metric--violet .fp-metric-icon{background:#6d28d926}body.dark-mode .at-term-status.active{color:#6ee7b7;background:#065f4633}body.dark-mode .at-term-status.completed{color:#a5b4fc;background:#3730a333}body.dark-mode .at-assign-status.active{color:#6ee7b7;background:#065f4633}body.dark-mode .at-assign-status.completed{color:#a5b4fc;background:#3730a333}body.dark-mode .at-assign-status.dropped{color:#fca5a5;background:#b91c1c33}body.dark-mode .at-act-btn.complete{color:#c4b5fd;background:#6d28d926}body.dark-mode .at-act-btn.drop{color:#fdba74;background:#c2410c26}body.dark-mode .at-act-btn.remove{color:#fca5a5;background:#b91c1c26}body.dark-mode .at-act-btn.reactivate{color:#6ee7b7;background:#065f4626}body.dark-mode .cop-alert--success{color:#86efac;background:#16653433}body.dark-mode .cop-alert--error{color:#fca5a5;background:#991b1b33}body.dark-mode .cop-icon-btn--danger:hover{color:#fb7185;background:#ef444426;border-color:#ef4444}.pf-brightness-row{border-top:1px solid var(--border-color);padding-top:18px}.pf-brightness-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pf-brightness-header strong{color:var(--text-heading);font-size:14px;font-weight:800}.pf-brightness-header p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.pf-brightness-value{color:var(--primary);background:var(--primary-light);white-space:nowrap;text-align:center;border-radius:8px;min-width:48px;padding:3px 10px;font-size:13px;font-weight:800}.pf-brightness-track{align-items:center;gap:10px;display:flex}.pf-brightness-track svg{color:var(--text-muted);flex-shrink:0}.pf-brightness-track svg:last-of-type{color:var(--text-heading)}.pf-brightness-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary) 0%,var(--primary) calc((var(--pct,50) * 1%)),#e2e8f0 calc((var(--pct,50) * 1%)),#e2e8f0 100%);cursor:pointer;border-radius:999px;outline:none;flex:1;height:6px;transition:height .15s}.pf-brightness-slider:hover{height:8px}.pf-brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--primary);cursor:grab;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px #4f46e559}.pf-brightness-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2);box-shadow:0 3px 14px #4f46e580}.pf-brightness-slider::-moz-range-thumb{border:2px solid var(--primary);cursor:grab;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #4f46e559}.pf-brightness-presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pf-brightness-preset{border:1.5px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.pf-brightness-preset:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pf-brightness-preset.active{background:var(--primary);border-color:var(--primary);color:#fff}.ov-live-bar{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.ov-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite ov-pulse-dot}@keyframes ov-pulse-dot{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e00}}.ov-live-label{letter-spacing:.06em;color:#22c55e;font-size:11px;font-weight:700}.ov-live-ago{color:var(--text-muted)}.ov-live-refreshing{color:var(--primary);font-style:italic}.ov-live-error{color:#ef4444}@keyframes ov-val-pop{0%{color:var(--primary);transform:scale(1.25)}60%{transform:scale(.95)}to{color:inherit;transform:scale(1)}}.ov-val--pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both ov-val-pop}.ov-inline-val{font-style:normal;font-weight:600}.overview-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.overview-stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.overview-stat-card:before{content:"";border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.overview-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.overview-stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.overview-stat-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:800;display:block}.overview-stat-value{color:var(--text-heading);margin-top:4px;font-size:32px;font-weight:900;line-height:1.15;display:block}.overview-stat-detail{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:600;display:block}.overview-stat-card--indigo:before,.overview-stat-card--indigo .overview-stat-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.overview-stat-card--sky:before,.overview-stat-card--sky .overview-stat-icon{background:linear-gradient(135deg,#0284c7,#38bdf8)}.overview-stat-card--emerald:before,.overview-stat-card--emerald .overview-stat-icon{background:linear-gradient(135deg,#059669,#10b981)}.overview-stat-card--violet:before,.overview-stat-card--violet .overview-stat-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}.overview-stat-card--amber:before,.overview-stat-card--amber .overview-stat-icon{background:linear-gradient(135deg,#d97706,#f59e0b)}.overview-stat-card--rose:before,.overview-stat-card--rose .overview-stat-icon{background:linear-gradient(135deg,#e11d48,#f43f5e)}.overview-loading{flex-direction:column;align-items:center;gap:14px;display:flex}.overview-loading p{color:var(--text-muted);margin:0;font-size:14px;font-weight:600}.overview-spinner{border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.overview-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.overview-metrics-grid{grid-template-columns:1fr}}body.dark-mode .overview-stat-card{background:var(--bg-card);border-color:var(--border-color)}body.dark-mode .overview-stat-value{color:var(--text-heading)}body.dark-mode .overview-spinner{border-color:var(--border-color);border-top-color:var(--primary)}.notif-menu-wrapper{margin-left:auto;margin-right:12px;position:relative}.notif-trigger{cursor:pointer;width:38px;height:38px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-trigger:hover,.notif-trigger--open{color:var(--text-normal);background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.notif-trigger-badge{color:#fff;border:2px solid var(--bg-card,#0f172a);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:800;animation:2s infinite notifPulse;display:flex;position:absolute;top:-2px;right:-2px}@keyframes notifPulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 5px #ef444400}to{box-shadow:0 0 #ef444400}}.notif-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 10px 30px #00000059}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-dropdown-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-dropdown-header strong{color:var(--text-normal);font-size:.95rem;font-weight:700}.notif-dropdown-action{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:700;transition:all .15s}.notif-dropdown-action:hover{background:rgba(var(--primary-rgb,99, 102, 241),.1)}.notif-dropdown-list{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.notif-dropdown-list::-webkit-scrollbar{width:6px}.notif-dropdown-list::-webkit-scrollbar-track{background:0 0}.notif-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.notif-dropdown-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.notif-dropdown-empty{text-align:center;color:var(--text-muted);padding:30px 20px;font-size:.875rem}.notif-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:3px;padding:12px 18px;transition:background .15s;display:flex;position:relative}.notif-dropdown-item:hover{background:#ffffff08}.notif-dropdown-item.unread{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.notif-dropdown-item.unread{background:color-mix(in srgb,var(--primary) 5%,transparent)}}.notif-dropdown-item.unread:before{content:"";background:var(--primary);width:3px;position:absolute;top:0;bottom:0;left:0}.notif-dropdown-item-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-dropdown-item-title{color:var(--text-normal);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.875rem;font-weight:700;overflow:hidden}.notif-dropdown-item-time{color:var(--text-muted);font-size:.75rem}.notif-dropdown-item-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.notif-dropdown-footer{background:#ffffff03;border-top:1px solid #ffffff14}.notif-dropdown-all-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:12px;font-size:.85rem;font-weight:700;transition:background .15s}.notif-dropdown-all-btn:hover{background:#ffffff0a}body.light-mode .notif-dropdown{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 35px #0000001f}body.light-mode .notif-dropdown-header,body.light-mode .notif-dropdown-footer,body.light-mode .notif-dropdown-item{border-color:#0000000f}body.light-mode .notif-dropdown-item:hover{background:#00000005}body.light-mode .notif-dropdown-item.unread{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){body.light-mode .notif-dropdown-item.unread{background:color-mix(in srgb,var(--primary) 8%,transparent)}}body.light-mode .notif-dropdown-list::-webkit-scrollbar-thumb{background:#0000001f}body.light-mode .notif-dropdown-list::-webkit-scrollbar-thumb:hover{background:#0000003d}body.light-mode .notif-trigger{background:#00000008;border-color:#0000000f}body.light-mode .notif-trigger:hover,body.light-mode .notif-trigger--open{background:#0000000f;border-color:#0000001a}body.dark-mode td,body.dark-mode p,body.dark-mode li,body.dark-mode small,body.dark-mode .nav-item-label,body.dark-mode .sidebar-section-label,body.dark-mode .metric-card-label,body.dark-mode .metric-card-detail{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.text-weight-medium td,body.text-weight-medium p,body.text-weight-medium li,body.text-weight-medium small,body.text-weight-medium label,body.text-weight-medium input,body.text-weight-medium select,body.text-weight-medium textarea,body.text-weight-medium .metric-card-label,body.text-weight-medium .metric-card-detail,body.text-weight-medium .nav-item-label,body.text-weight-medium .sidebar-section-label,body.text-weight-medium .cr-card p,body.text-weight-medium .cr-submeta,body.text-weight-medium .cr-meta span{font-weight:500}body.text-weight-bold td,body.text-weight-bold p,body.text-weight-bold li,body.text-weight-bold small,body.text-weight-bold label,body.text-weight-bold input,body.text-weight-bold select,body.text-weight-bold textarea,body.text-weight-bold .metric-card-label,body.text-weight-bold .metric-card-detail,body.text-weight-bold .nav-item-label,body.text-weight-bold .sidebar-section-label,body.text-weight-bold .cr-card p,body.text-weight-bold .cr-submeta,body.text-weight-bold .cr-meta span{font-weight:600}body.font-size-sm td,body.font-size-sm p,body.font-size-sm li,body.font-size-sm small,body.font-size-sm label{font-size:12px}body.font-size-lg td,body.font-size-lg p,body.font-size-lg li,body.font-size-lg small,body.font-size-lg label{font-size:15px}body.font-size-xl td,body.font-size-xl p,body.font-size-xl li,body.font-size-xl small,body.font-size-xl label{font-size:16px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}