:root{color-scheme:light;--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #FFFFFF;--field-bg: #F3F4F6;--primary: #378A56;--primary-hover: #2C7045;--primary-soft: #E4F2E8;--new-neon: #0C98D7;--new-neon-text: #005B87;--new-neon-glow: #079EE8;--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;--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);--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);--student-card-color-1: #C65A1E;--student-card-color-2: #356DA8;--student-card-color-3: #43874F;--student-card-color-4: #9C542B;--student-card-color-5: #8E49AA;--student-card-color-6: #0E8270;--student-card-color-7: #CE4934;--student-card-color-8: #349455}: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: #378A56;--primary-hover: #2C7045;--primary-soft: #E4F2E8;--new-neon: #0C98D7;--new-neon-text: #005B87;--new-neon-glow: #079EE8;--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);--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: #43A968;--primary-hover: #358B54;--primary-soft: #1C3726;--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;--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);--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{--app-content-max: 1320px;--r-card: 18px;--r-md: 14px;--r-sm: 10px;--font-display: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{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{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}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(--primary),var(--primary-hover));color:#fff;border:none;padding:11px 18px;border-radius:var(--r-sm);font-weight:600;font-size:14px;box-shadow:0 6px 16px -6px var(--primary);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(--primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary);border:none;padding:11px 16px;border-radius:var(--r-sm);font-weight:600;font-size:14px;transition:background .15s ease}.btn-secondary:hover{background:var(--primary-soft)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--ink);padding:9px 14px;border-radius:var(--r-sm);font-weight:500;font-size:14px;transition:background .15s ease,border-color .15s ease}.btn-ghost:hover{background:var(--surface)}.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;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(--border);border-radius:var(--r-sm);padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #b0632e1f}.textarea{resize:vertical;min-height:84px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--muted-2);border-radius:8px;transition:background .15s,color .15s}.icon-btn:hover{background:var(--primary-soft);color:var(--primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d9d0bf;border-radius:8px;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}