:root{color-scheme:light;--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #FFFFFF;--field-bg: #F3F4F6;--primary: #17191C;--primary-hover: #2A2D31;--primary-soft: #ECEDEF;--new-neon: #17191C;--new-neon-text: #17191C;--new-neon-glow: #2A2D31;--ink: #252525;--ink-strong: #171717;--muted: #707070;--muted-2: #929292;--border: #E1E3E6;--border-soft: #ECEDEF;--track: #E5E7EB;--green: #4F9D5D;--green-ink: #3C7A48;--green-soft: #E7F2E8;--green-tint: #EFF7EF;--amber: #D49A39;--amber-ink: #98701F;--amber-soft: #FBEFD3;--red: #C5503A;--red-ink: #B0462F;--red-soft: #FBE5DF;--red-tint: #FBECEA;--payment-due: #D95700;--payment-due-fill: #FF982E;--payment-due-ink: #2D1200;--payment-due-soft: #FFF0E2;--data-activity-mono-0: #E5E9EC;--data-activity-mono-1: #D8EFF7;--data-activity-mono-2: #C5E8F5;--data-activity-mono-3: #AFE0F2;--data-activity-mono-4: #94D6EE;--data-activity-mono-5: #75CBE9;--data-activity-mono-6: #52BEE3;--data-activity-mono-7: #2EAFDC;--data-activity-mono-8: #149FD1;--data-activity-mono-9: #008FC7;--data-activity-mono-10: #007AA9;--data-activity-temperature-0: #E5E9EC;--data-activity-temperature-1: #1D4ED8;--data-activity-temperature-2: #2563EB;--data-activity-temperature-3: #1684FF;--data-activity-temperature-4: #00A6FF;--data-activity-temperature-5: #00C7D9;--data-activity-temperature-6: #22C9A5;--data-activity-temperature-7: #B8D92C;--data-activity-temperature-8: #FFD000;--data-activity-temperature-9: #FF7A18;--data-activity-temperature-10: #F02D2D;--data-activity-0: var(--data-activity-mono-0);--data-activity-1: var(--data-activity-mono-1);--data-activity-2: var(--data-activity-mono-2);--data-activity-3: var(--data-activity-mono-3);--data-activity-4: var(--data-activity-mono-4);--data-activity-5: var(--data-activity-mono-5);--data-activity-6: var(--data-activity-mono-6);--data-activity-7: var(--data-activity-mono-7);--data-activity-8: var(--data-activity-mono-8);--data-activity-9: var(--data-activity-mono-9);--data-activity-10: var(--data-activity-mono-10);--tile-blue-bg: #DEE7F1;--tile-blue-fg: #3E6493;--tile-green-bg: #E1EFE3;--tile-green-fg: #4F9D5D;--tile-amber-bg: #FBEFD6;--tile-amber-fg: #D49A39;--shadow-card: 0 1px 2px rgba(24, 24, 24, .04), 0 8px 24px rgba(24, 24, 24, .035);--shadow-modal: 0 24px 64px rgba(24, 24, 24, .18);--glass-surface: rgba(255, 255, 255, .72);--glass-surface-strong: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .82);--glass-shadow: 0 24px 70px rgba(31, 48, 61, .1);--glass-highlight: rgba(255, 255, 255, .72);--glass-blur: 18px;--glass-shadow-sm: 0 22px 70px rgba(31, 48, 61, .12);--glass-shadow-lg: 0 30px 90px rgba(22, 35, 45, .2);--ambient-primary: transparent;--ambient-secondary: transparent;--ambient-warm: transparent;--focus-ring: color-mix(in srgb, var(--primary) 28%, transparent);--overlay-bg: rgba(10, 20, 28, .48);--action-fill: var(--workspace-accent);--action-fill-hover: var(--workspace-accent-2);--action-ink: var(--workspace-accent-ink);--action-text: var(--workspace-accent-text);--action-soft: color-mix(in srgb, var(--workspace-accent) 18%, var(--workspace-field));--action-outline: var(--workspace-accent-text);--action-focus: var(--workspace-focus-ring);--control-border: var(--border);--workspace-bg: #F2F3F5;--workspace-surface: rgba(255, 255, 255, .74);--workspace-surface-strong: rgba(255, 255, 255, .92);--workspace-canvas: rgba(255, 255, 255, .58);--workspace-canvas-highlight: rgba(255, 255, 255, .72);--workspace-card: rgba(255, 255, 255, .5);--workspace-card-solid: #FFFFFF;--workspace-card-highlight: rgba(255, 255, 255, .58);--workspace-card-border: rgba(38, 66, 84, .12);--workspace-border: rgba(38, 66, 84, .15);--workspace-border-soft: rgba(38, 66, 84, .09);--workspace-field: rgba(255, 255, 255, .56);--workspace-accent: #17191C;--workspace-accent-2: #2A2D31;--workspace-accent-ink: #FFFFFF;--workspace-accent-text: #17191C;--workspace-control-border: rgba(23, 25, 28, .34);--workspace-focus-ring: color-mix(in srgb, var(--workspace-accent-text) 72%, transparent);--workspace-inner-shadow: 0 14px 34px rgba(31, 49, 61, .08);--header-bg: #FFFFFF;--header-border: #DDE0E4;--header-text: #696D74;--header-hover-bg: #E5E7EA;--header-active-bg: #FFFFFF;--header-active-text: #17191C;--header-mobile-text: #17191C;--header-shadow: 0 10px 26px rgba(24, 24, 24, .1);--header-glow: 0 0 18px rgba(255, 255, 255, .88)}:root[data-theme=white]{color-scheme:light;--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #FFFFFF;--field-bg: #F3F4F6;--ink: #252525;--ink-strong: #171717;--muted: #707070;--muted-2: #929292;--border: #E1E3E6;--border-soft: #ECEDEF;--track: #E5E7EB;--primary: #17191C;--primary-hover: #2A2D31;--primary-soft: #ECEDEF;--new-neon: #17191C;--new-neon-text: #17191C;--new-neon-glow: #2A2D31;--shadow-card: 0 1px 2px rgba(24, 24, 24, .04), 0 8px 24px rgba(24, 24, 24, .035);--shadow-modal: 0 24px 64px rgba(24, 24, 24, .18);--glass-surface: rgba(255, 255, 255, .72);--glass-surface-strong: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .82);--glass-shadow: 0 24px 70px rgba(31, 48, 61, .1);--glass-highlight: rgba(255, 255, 255, .72);--glass-blur: 18px;--glass-shadow-sm: 0 22px 70px rgba(31, 48, 61, .12);--glass-shadow-lg: 0 30px 90px rgba(22, 35, 45, .2);--ambient-primary: transparent;--ambient-secondary: transparent;--ambient-warm: transparent;--focus-ring: color-mix(in srgb, var(--primary) 28%, transparent);--overlay-bg: rgba(10, 20, 28, .48);--workspace-bg: #F2F3F5;--workspace-surface: rgba(255, 255, 255, .74);--workspace-surface-strong: rgba(255, 255, 255, .92);--workspace-canvas: rgba(255, 255, 255, .58);--workspace-canvas-highlight: rgba(255, 255, 255, .72);--workspace-card: rgba(255, 255, 255, .5);--workspace-card-solid: #FFFFFF;--workspace-card-highlight: rgba(255, 255, 255, .58);--workspace-card-border: rgba(38, 66, 84, .12);--workspace-border: rgba(38, 66, 84, .15);--workspace-border-soft: rgba(38, 66, 84, .09);--workspace-field: rgba(255, 255, 255, .56);--workspace-accent: #17191C;--workspace-accent-2: #2A2D31;--workspace-accent-ink: #FFFFFF;--workspace-accent-text: #17191C;--workspace-control-border: rgba(23, 25, 28, .34);--workspace-focus-ring: color-mix(in srgb, var(--workspace-accent-text) 72%, transparent);--workspace-inner-shadow: 0 14px 34px rgba(31, 49, 61, .08);--header-bg: #FFFFFF;--header-border: #DDE0E4;--header-text: #696D74;--header-hover-bg: #E5E7EA;--header-active-bg: #FFFFFF;--header-active-text: #17191C;--header-mobile-text: #17191C;--header-shadow: 0 10px 26px rgba(24, 24, 24, .1);--header-glow: 0 0 18px rgba(255, 255, 255, .88)}:root[data-theme=dark]{color-scheme:dark;--bg: #151618;--surface: #222326;--surface-2: #292B2F;--field-bg: #303236;--primary: #BAFF63;--primary-hover: #8FE63B;--primary-soft: #26351A;--new-neon: #16B9FF;--new-neon-text: #75D9FF;--new-neon-glow: #079EE8;--ink: #E6E6E8;--ink-strong: #F7F7F8;--muted: #A4A6AA;--muted-2: #85878C;--border: #3A3C41;--border-soft: #303237;--track: #3B3D43;--green: #5BB06B;--green-ink: #8FD89C;--green-soft: #193220;--green-tint: #18291D;--amber: #E0A341;--amber-ink: #E8C480;--amber-soft: #342B18;--red: #E0654C;--red-ink: #F0A593;--red-soft: #351D18;--red-tint: #2D1B18;--payment-due: #FFAD5B;--payment-due-fill: #FF982E;--payment-due-ink: #2D1200;--payment-due-soft: #3B2518;--data-activity-mono-0: #313530;--data-activity-mono-1: #394333;--data-activity-mono-2: #415137;--data-activity-mono-3: #49603A;--data-activity-mono-4: #52703D;--data-activity-mono-5: #5D8141;--data-activity-mono-6: #699345;--data-activity-mono-7: #77A649;--data-activity-mono-8: #87BA4D;--data-activity-mono-9: #9AD052;--data-activity-mono-10: #BAFF63;--data-activity-temperature-0: #31353A;--data-activity-temperature-1: #2563EB;--data-activity-temperature-2: #3478F6;--data-activity-temperature-3: #168BFF;--data-activity-temperature-4: #00B4FF;--data-activity-temperature-5: #00D5D0;--data-activity-temperature-6: #16D69B;--data-activity-temperature-7: #A3E635;--data-activity-temperature-8: #FFD31A;--data-activity-temperature-9: #FF7A1A;--data-activity-temperature-10: #FF3B30;--data-activity-0: var(--data-activity-mono-0);--data-activity-1: var(--data-activity-mono-1);--data-activity-2: var(--data-activity-mono-2);--data-activity-3: var(--data-activity-mono-3);--data-activity-4: var(--data-activity-mono-4);--data-activity-5: var(--data-activity-mono-5);--data-activity-6: var(--data-activity-mono-6);--data-activity-7: var(--data-activity-mono-7);--data-activity-8: var(--data-activity-mono-8);--data-activity-9: var(--data-activity-mono-9);--data-activity-10: var(--data-activity-mono-10);--tile-blue-bg: #202B3A;--tile-blue-fg: #82A9E2;--tile-green-bg: #1B3321;--tile-green-fg: #6FCB80;--tile-amber-bg: #362C18;--tile-amber-fg: #E0A341;--shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .6);--glass-surface: rgba(31, 33, 37, .68);--glass-surface-strong: rgba(36, 38, 42, .86);--glass-border: rgba(255, 255, 255, .09);--glass-shadow: 0 26px 80px rgba(0, 0, 0, .38);--glass-highlight: rgba(255, 255, 255, .06);--glass-blur: 24px;--glass-shadow-sm: 0 24px 74px rgba(0, 0, 0, .34);--glass-shadow-lg: 0 34px 100px rgba(0, 0, 0, .56);--ambient-primary: rgba(132, 235, 84, .18);--ambient-secondary: rgba(52, 110, 184, .17);--ambient-warm: rgba(190, 126, 48, .11);--focus-ring: color-mix(in srgb, var(--primary) 34%, transparent);--overlay-bg: rgba(0, 0, 0, .78);--workspace-bg: #101311;--workspace-surface: rgba(28, 31, 29, .7);--workspace-surface-strong: rgba(30, 34, 31, .91);--workspace-canvas: rgba(21, 24, 22, .62);--workspace-canvas-highlight: rgba(255, 255, 255, .055);--workspace-card: rgba(255, 255, 255, .045);--workspace-card-solid: #222522;--workspace-card-highlight: rgba(255, 255, 255, .055);--workspace-card-border: rgba(255, 255, 255, .09);--workspace-border: rgba(255, 255, 255, .12);--workspace-border-soft: rgba(255, 255, 255, .075);--workspace-field: rgba(255, 255, 255, .055);--workspace-accent: #BAFF63;--workspace-accent-2: #8FE63B;--workspace-accent-ink: #10200D;--workspace-accent-text: #BAFF63;--workspace-control-border: rgba(255, 255, 255, .24);--workspace-focus-ring: color-mix(in srgb, var(--workspace-accent-text) 72%, transparent);--workspace-inner-shadow: 0 16px 38px rgba(0, 0, 0, .2);--header-bg: #292B2F;--header-border: #474A50;--header-text: #B2B5BC;--header-hover-bg: rgba(255, 255, 255, .09);--header-active-bg: #F6F7F8;--header-active-text: #17191C;--header-mobile-text: #F2F3F5;--header-shadow: 0 14px 36px rgba(0, 0, 0, .42);--header-glow: 0 0 20px rgba(255, 255, 255, .14)}:root,:root[data-theme=white]{--workspace-bg: #F2F3F5;--workspace-surface: rgba(250, 251, 252, .88);--workspace-surface-strong: rgba(255, 255, 255, .97);--workspace-canvas: rgba(249, 251, 252, .8);--workspace-canvas-highlight: rgba(255, 255, 255, .88);--workspace-card: rgba(255, 255, 255, .84);--workspace-card-highlight: rgba(255, 255, 255, .8);--workspace-card-border: rgba(37, 62, 78, .16);--workspace-border: rgba(37, 62, 78, .18);--workspace-border-soft: rgba(37, 62, 78, .11);--workspace-field: rgba(255, 255, 255, .82);--workspace-ink: #252B30;--workspace-ink-strong: #111820;--workspace-muted: #58646C;--workspace-muted-2: #68747C;--workspace-control-border: rgba(23, 25, 28, .34);--workspace-focus-ring: color-mix(in srgb, var(--workspace-accent-text) 72%, transparent);--workspace-modal-overlay: rgba(7, 17, 23, .72);--workspace-modal-surface: rgba(248, 251, 253, .98);--workspace-modal-border: rgba(255, 255, 255, .64);--workspace-inner-shadow: 0 12px 30px rgba(31, 49, 61, .09)}:root[data-theme=dark]{--workspace-ink: #E9EDE9;--workspace-ink-strong: #FFFFFF;--workspace-muted: #AEB6B0;--workspace-muted-2: #89928C;--workspace-control-border: rgba(255, 255, 255, .24);--workspace-focus-ring: color-mix(in srgb, var(--workspace-accent-text) 72%, transparent);--workspace-modal-overlay: rgba(0, 0, 0, .84);--workspace-modal-surface: #17191D;--workspace-modal-border: rgba(255, 255, 255, .14)}:root{--app-content-max: 1320px;--page-gutter: clamp(16px, 3vw, 40px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 6px;--radius-sm: 8px;--radius-control: 12px;--radius-icon: 12px;--radius-card: 20px;--radius-panel: 20px;--radius-modal: 24px;--radius-shell: 28px;--radius-large: var(--radius-shell);--radius-pill: 999px;--radius-button: var(--radius-pill);--radius-search: var(--radius-pill);--radius-segmented: var(--radius-pill);--r-card: var(--radius-card);--r-md: var(--radius-control);--r-sm: var(--radius-control);--control-xs: 32px;--control-sm: 36px;--control-md: 42px;--control-lg: 48px;--control-touch: 44px;--control-padding-x-sm: 12px;--control-padding-x-md: 18px;--control-padding-x-lg: 20px;--control-gap: 8px;--search-height: var(--control-lg);--search-radius: var(--radius-search);--card-padding-compact: 14px;--card-padding: 20px;--panel-padding: 24px;--modal-padding: 24px;--shadow-sm: var(--shadow-card);--font-display: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--status-paid-fill: var(--action-soft);--status-paid-ink: var(--action-text);--status-paid-border: color-mix(in srgb, var(--action-outline) 42%, transparent)}.app-shell--personal,.school-page,.admin-workspace{--action-fill: var(--workspace-accent);--action-fill-hover: var(--workspace-accent-2);--action-ink: var(--workspace-accent-ink);--action-text: var(--workspace-accent-text);--action-soft: color-mix(in srgb, var(--workspace-accent) 18%, var(--workspace-field));--action-outline: var(--workspace-accent-text);--action-focus: var(--workspace-focus-ring);--control-border: var(--workspace-control-border);--primary: var(--workspace-accent-text);--primary-hover: color-mix(in srgb, var(--workspace-accent-text) 82%, black);--primary-soft: var(--action-soft);--focus-ring: var(--workspace-focus-ring)}@media(max-width:640px){:root{--page-gutter: 12px;--panel-padding: 16px;--modal-padding: 16px}}*{box-sizing:border-box}html{min-height:100%;overflow-y:auto;scrollbar-gutter:stable}body,#app{min-height:100%}html,body{overflow-x:hidden;max-width:100%}*,*:before,*:after{box-sizing:border-box}html.modal-open,body.modal-open{overflow:hidden!important;overscroll-behavior:none}body.modal-open{width:100%;height:100%}.overlay,.detail-backdrop,.mobile-menu{overscroll-behavior:none}[role=dialog][aria-modal=true]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.modal-open .app-shell--personal,.app-shell--personal:has([role=dialog][aria-modal=true],.overlay,.detail-backdrop){overflow:visible}body.modal-open .app-shell--personal .app-page,.app-shell--personal:has([role=dialog][aria-modal=true],.overlay,.detail-backdrop) .app-page{backdrop-filter:none;-webkit-backdrop-filter:none}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink-strong);margin:0}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:14px;color:var(--ink)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--action-fill),var(--action-fill-hover));color:var(--action-ink);border:none;min-height:var(--control-md);padding:10px var(--control-padding-x-md);border-radius:var(--radius-button);font-weight:600;font-size:14px;box-shadow:0 6px 16px -6px var(--action-fill);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 10px 22px -8px var(--action-fill);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--action-soft);color:var(--action-text);border:none;min-height:var(--control-md);padding:10px var(--control-padding-x-md);border-radius:var(--radius-button);font-weight:600;font-size:14px;transition:background .15s ease}.btn-secondary:hover{background:var(--action-soft)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--control-border, var(--border));min-height:var(--control-md);color:var(--ink);padding:9px var(--control-padding-x-md);border-radius:var(--radius-button);font-weight:500;font-size:14px;transition:background .15s ease,border-color .15s ease}.btn-ghost:hover{background:var(--surface)}.btn-primary,.btn-secondary,.btn-ghost{justify-content:center;font-family:inherit;cursor:pointer}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--action-focus, var(--focus-ring));outline-offset:2px}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.icon-btn:disabled{opacity:.58;box-shadow:none;cursor:not-allowed;filter:none;transform:none}.btn-sm{min-height:var(--control-sm);padding:7px var(--control-padding-x-sm);font-size:13px}.btn-lg{min-height:var(--control-lg);padding:12px var(--control-padding-x-lg)}.btn-block{width:100%}.btn-danger{border-color:var(--red-soft);background:var(--red-soft);color:var(--red-ink)}.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;white-space:nowrap}.pill--green{background:var(--green-soft);color:var(--green-ink)}.pill--amber{background:var(--amber-soft);color:var(--amber-ink)}.pill--red{background:var(--red-soft);color:var(--red-ink)}.label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.input,.textarea{width:100%;background:var(--surface);border:1px solid var(--control-border, var(--border));border-radius:var(--radius-control);padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input{min-height:var(--control-md)}.input:focus,.textarea:focus{border-color:var(--action-outline, var(--primary));box-shadow:0 0 0 3px var(--action-focus, var(--focus-ring))}.textarea{resize:vertical;min-height:84px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-sm);height:var(--control-sm);border:none;background:transparent;color:var(--muted-2);border-radius:var(--radius-icon);transition:background .15s,color .15s}.icon-btn:hover{background:var(--action-soft, var(--primary-soft));color:var(--action-text, var(--primary))}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted-2) 45%,transparent);border-radius:var(--radius-pill);border:2px solid var(--bg)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.no-print{display:none!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell>.footer{margin-top:auto}.app-shell--personal{--app-content-max: 1480px;--ink: var(--workspace-ink);--ink-strong: var(--workspace-ink-strong);--muted: var(--workspace-muted);--muted-2: var(--workspace-muted-2);--surface: var(--workspace-surface);--surface-2: var(--workspace-surface-strong);--field-bg: var(--workspace-field);--border: var(--workspace-border);--border-soft: var(--workspace-border-soft);--header-text: var(--workspace-muted);--header-active-text: var(--workspace-ink-strong);--focus-ring: var(--workspace-focus-ring);position:relative;isolation:isolate;overflow:clip;background:var(--workspace-bg)}.app-shell--personal:before{position:fixed;z-index:-1;top:-18vh;right:-10vw;bottom:-18vh;left:-10vw;background:radial-gradient(circle at 10% 8%,var(--ambient-primary),transparent 30%),radial-gradient(circle at 88% 4%,var(--ambient-secondary),transparent 34%),radial-gradient(circle at 64% 62%,var(--ambient-warm),transparent 33%),radial-gradient(circle at 18% 86%,var(--ambient-primary),transparent 31%);content:"";pointer-events:none}.app-page{width:100%;max-width:var(--app-content-max);margin-inline:auto;padding:26px var(--page-gutter) 60px}.app-shell.app-shell--personal .app-page{width:calc(100% - 32px);margin:10px auto 64px;padding:clamp(20px,2.4vw,32px);border:1px solid var(--workspace-border);border-radius:var(--radius-large);background:linear-gradient(145deg,var(--workspace-canvas-highlight),transparent 42%),var(--workspace-canvas);box-shadow:inset 0 1px 0 var(--workspace-canvas-highlight),var(--glass-shadow-sm);backdrop-filter:blur(var(--glass-blur)) saturate(1.16);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.16)}.app-shell.app-shell--personal .overlay{background:var(--workspace-modal-overlay, var(--overlay-bg))!important;backdrop-filter:blur(10px) saturate(.9)!important;-webkit-backdrop-filter:blur(10px) saturate(.9)!important}.app-shell.app-shell--personal .overlay>.modal,.app-shell.app-shell--personal .overlay>.panel{border:1px solid var(--workspace-modal-border, var(--workspace-border));background:var(--workspace-modal-surface, var(--workspace-surface-strong))!important;box-shadow:var(--glass-shadow-lg, var(--shadow-modal))}@supports not (backdrop-filter: blur(1px)){.app-shell.app-shell--personal .app-page{background:var(--workspace-surface-strong)}}@media(max-width:640px){.app-shell.app-shell--personal .app-page{width:calc(100% - 16px);margin-top:6px;padding:16px;border-radius:var(--radius-panel)}}@media(prefers-reduced-transparency:reduce){.app-shell.app-shell--personal .app-page{background:var(--workspace-surface-strong);backdrop-filter:none;-webkit-backdrop-filter:none}}:where(.btn-primary,.btn-secondary,.btn-ghost){border-radius:var(--radius-button)}:where(.dashboard-search,.search-box,.search-field,.material-search,.admin-search){border-radius:var(--search-radius)}:where(.filter-toggle,.reset-btn,.find-button,.search-btn){border-radius:var(--radius-button)}:where(.focus-card__icon,.quick-actions>button>span,.quick-actions>a>span,.empty-ico,.loading-mark,.access-icon,.stat-icon,.admin-brand-mark){border-radius:var(--radius-icon)}#app .app-shell--personal :where(.empty-ico,.empty-icon,.action-icon),.school-page :where(.empty-icon,.material-icon,.access-icon,.loading-mark),.admin-workspace :where(.admin-brand-mark,.admin-nav-icon,.stat-icon.is-accounts){background:var(--action-soft);color:var(--action-text)}#app .app-shell--personal :where(.empty-ico,.mock-panel-icon,.admin-mock-hero-icon,.variant-manager-icon){border-radius:var(--radius-icon);background:var(--action-fill);color:var(--action-ink)}#app .app-shell--personal :where(.mock-delivery,.admin-mock-hero,.sheet-block-context,.variant-dialog){border-radius:var(--radius-card)}#app .app-shell--personal :where(.variant-dialog-primary,.adv-toggle,.qbtn,.ptog,.stepper,.num-qty){border-radius:var(--radius-button)}.school-page :where(.btn-primary,.btn-ghost),.admin-workspace :where(.btn-primary,.btn-ghost,.admin-primary-action){min-height:var(--control-md);border-radius:var(--radius-button)}#app .app-shell--personal :where(.focus-card--payments .focus-card__icon){background:color-mix(in srgb,var(--payment-due-fill) 18%,var(--workspace-field, var(--payment-due-soft)));color:var(--payment-due-fill)}#app .app-shell--personal :where(.focus-card--payments .focus-card__summary strong){color:var(--payment-due-fill)}#app .app-shell--personal :where(.student-modal,.modal-card,[data-student-dialog]){border-radius:var(--radius-modal)}#app .app-shell--personal :where(.student-modal__body,.modal-body,[data-dialog-scroll]){min-height:0;overflow-y:auto;scrollbar-gutter:stable}#app .admin-workspace{--primary: var(--action-fill);--primary-hover: var(--action-fill-hover);--primary-soft: var(--action-soft);background:radial-gradient(circle at 8% 4%,var(--ambient-primary),transparent 28rem),radial-gradient(circle at 92% 2%,var(--ambient-secondary),transparent 32rem),var(--workspace-bg)}#app .admin-workspace :where(.admin-brand>span,.admin-profile>span,.admin-access>span,.admin-sidebar nav a.on,.admin-access-button,.overview-primary-action,.overview-empty a){background:var(--action-fill);color:var(--action-ink)}#app .admin-workspace :where(.admin-header-link:hover,.admin-header-icon:hover,.admin-access-kicker,.overview-kicker,.overview-section-kicker,.overview-panel>header>a,.recent-status strong){color:var(--action-text)}#app .admin-workspace :where(.admin-sidebar-note,.overview-hero){border-color:color-mix(in srgb,var(--action-outline) 30%,var(--workspace-border));background:var(--workspace-card)}#app .admin-workspace :where(.recent-icon,.overview-actions nav a>span){background:var(--action-soft);color:var(--action-text)}#app .admin-workspace .admin-sidebar nav a.on{box-shadow:0 8px 22px -14px var(--action-fill)}#app .admin-workspace .admin-brand>span{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-icon)}#app .admin-workspace :where(.admin-header-link,.admin-header-icon){min-height:var(--control-sm);border-radius:var(--radius-button)}#app .admin-workspace .admin-header-icon{width:var(--control-sm)}#app .admin-workspace .admin-sidebar nav a{min-height:var(--control-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}#app .admin-workspace :where(.admin-sidebar-note,.overview-warning){border-radius:var(--radius-control)}#app .admin-workspace :where(.overview-hero,.admin-access){border-radius:var(--radius-shell)}#app .admin-workspace .overview-primary-action{min-height:var(--control-lg);padding-inline:var(--control-padding-x-lg);border-radius:var(--radius-button)}#app .admin-workspace .overview-stats article,#app .admin-workspace .overview-panel{border-radius:var(--radius-card)}#app .admin-workspace .stat-icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-icon)}#app .admin-workspace :where(.recent-icon,.overview-actions nav a>span){width:36px;height:36px;border-radius:var(--radius-icon)}#app .admin-workspace .overview-actions nav a{min-height:var(--control-lg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}#app .school-page :where(.search-field,.material-search){min-height:var(--control-md);padding-inline:var(--space-4);border-radius:var(--search-radius)}#app .school-page :where(.toolbar-panel select,.invite-grid select){min-height:var(--control-md);border-radius:var(--radius-control)}#app .school-page :where(.methodics-create,.editor-save){min-height:var(--control-md);padding-inline:var(--control-padding-x-md);border-radius:var(--radius-button);background:linear-gradient(135deg,var(--action-fill),var(--action-fill-hover));color:var(--action-ink)}#app .school-page :where(.material-card,.collection-card){border-radius:var(--radius-control)}#app .school-page :where(.methodics-intro,.collections-section,.library-panel){border-radius:var(--radius-card)}#app .school-page :where(.material-icon,.intro-icon,.methodics-empty>span){border-radius:var(--radius-icon)}#app .school-page :where(.material-icon,.intro-icon,.methodics-empty>span,.school-empty-icon){background:var(--action-fill);color:var(--action-ink)}