:root{--td-screen-xs:320px;--td-screen-sm:768px;--td-screen-md:992px;--td-screen-lg:1200px;--td-screen-xl:1400px;--td-screen-xxl:1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--td-scrollbar-color);border:2px solid #0000;border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--td-scrollbar-hover-color)}.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{stroke:currentColor;transition:d .2s}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-fake-arrow.t-fake-arrow--transform path{transform-origin:50%;transition:transform .2s}.t-fake-arrow.t-fake-arrow--transform.t-fake-arrow--active path{transform:scaleY(-1)}.t-slide-down-enter-active,.t-slide-down-leave-active{transition:height .2s cubic-bezier(.38,0,.24,1),max-height .2s cubic-bezier(.38,0,.24,1)}:root,:root[theme-mode=light]{--td-brand-color-1:#f2f3ff;--td-brand-color-2:#d9e1ff;--td-brand-color-3:#b5c7ff;--td-brand-color-4:#8eabff;--td-brand-color-5:#618dff;--td-brand-color-6:#366ef4;--td-brand-color-7:#0052d9;--td-brand-color-8:#003cab;--td-brand-color-9:#002a7c;--td-brand-color-10:#001a57;--td-warning-color-1:#fff1e9;--td-warning-color-2:#ffd9c2;--td-warning-color-3:#ffb98c;--td-warning-color-4:#fa9550;--td-warning-color-5:#e37318;--td-warning-color-6:#be5a00;--td-warning-color-7:#954500;--td-warning-color-8:#713300;--td-warning-color-9:#532300;--td-warning-color-10:#3b1700;--td-error-color-1:#fff0ed;--td-error-color-2:#ffd8d2;--td-error-color-3:#ffb9b0;--td-error-color-4:#ff9285;--td-error-color-5:#f6685d;--td-error-color-6:#d54941;--td-error-color-7:#ad352f;--td-error-color-8:#881f1c;--td-error-color-9:#68070a;--td-error-color-10:#490002;--td-success-color-1:#e3f9e9;--td-success-color-2:#c6f3d7;--td-success-color-3:#92dab2;--td-success-color-4:#56c08d;--td-success-color-5:#2ba471;--td-success-color-6:#008858;--td-success-color-7:#006c45;--td-success-color-8:#005334;--td-success-color-9:#003b23;--td-success-color-10:#002515;--td-gray-color-1:#f3f3f3;--td-gray-color-2:#eee;--td-gray-color-3:#e8e8e8;--td-gray-color-4:#ddd;--td-gray-color-5:#c6c6c6;--td-gray-color-6:#a6a6a6;--td-gray-color-7:#8b8b8b;--td-gray-color-8:#777;--td-gray-color-9:#5e5e5e;--td-gray-color-10:#4b4b4b;--td-gray-color-11:#393939;--td-gray-color-12:#2c2c2c;--td-gray-color-13:#242424;--td-gray-color-14:#181818;--td-font-white-1:#fff;--td-font-white-2:#ffffff8c;--td-font-white-3:#ffffff59;--td-font-white-4:#ffffff38;--td-font-gray-1:#000000e6;--td-font-gray-2:#0009;--td-font-gray-3:#0006;--td-font-gray-4:#00000042;--td-brand-color:var(--td-brand-color-7);--td-warning-color:var(--td-warning-color-5);--td-error-color:var(--td-error-color-6);--td-success-color:var(--td-success-color-5);--td-brand-color-hover:var(--td-brand-color-6);--td-brand-color-focus:var(--td-brand-color-2);--td-brand-color-active:var(--td-brand-color-8);--td-brand-color-disabled:var(--td-brand-color-3);--td-brand-color-light:var(--td-brand-color-1);--td-brand-color-light-hover:var(--td-brand-color-2);--td-warning-color-hover:var(--td-warning-color-4);--td-warning-color-focus:var(--td-warning-color-2);--td-warning-color-active:var(--td-warning-color-6);--td-warning-color-disabled:var(--td-warning-color-3);--td-warning-color-light:var(--td-warning-color-1);--td-warning-color-light-hover:var(--td-warning-color-2);--td-error-color-hover:var(--td-error-color-5);--td-error-color-focus:var(--td-error-color-2);--td-error-color-active:var(--td-error-color-7);--td-error-color-disabled:var(--td-error-color-3);--td-error-color-light:var(--td-error-color-1);--td-error-color-light-hover:var(--td-error-color-2);--td-success-color-hover:var(--td-success-color-4);--td-success-color-focus:var(--td-success-color-2);--td-success-color-active:var(--td-success-color-6);--td-success-color-disabled:var(--td-success-color-3);--td-success-color-light:var(--td-success-color-1);--td-success-color-light-hover:var(--td-success-color-2);--td-mask-active:#0009;--td-mask-disabled:#fff9;--td-mask-background:#fffffff5;--td-mask-gradient:#fff0;--td-bg-color-page:var(--td-gray-color-2);--td-bg-color-container:#fff;--td-bg-color-container-hover:var(--td-gray-color-1);--td-bg-color-container-active:var(--td-gray-color-3);--td-bg-color-container-select:#fff;--td-bg-color-secondarycontainer:var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover:var(--td-gray-color-2);--td-bg-color-secondarycontainer-active:var(--td-gray-color-4);--td-bg-color-component:var(--td-gray-color-3);--td-bg-color-component-hover:var(--td-gray-color-4);--td-bg-color-component-active:var(--td-gray-color-6);--td-bg-color-secondarycomponent:var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover:var(--td-gray-color-5);--td-bg-color-secondarycomponent-active:var(--td-gray-color-6);--td-bg-color-component-disabled:var(--td-gray-color-2);--td-bg-color-specialcomponent:#fff;--td-text-color-primary:var(--td-font-gray-1);--td-text-color-secondary:var(--td-font-gray-2);--td-text-color-placeholder:var(--td-font-gray-3);--td-text-color-disabled:var(--td-font-gray-4);--td-text-color-anti:#fff;--td-text-color-brand:var(--td-brand-color-7);--td-text-color-link:var(--td-brand-color-8);--td-text-color-watermark:#0000001a;--td-border-level-1-color:var(--td-gray-color-3);--td-component-stroke:var(--td-gray-color-3);--td-border-level-2-color:var(--td-gray-color-4);--td-component-border:var(--td-gray-color-4);--td-shadow-1:0 1px 10px #0000000d, 0 4px 5px #00000014, 0 2px 4px -1px #0000001f;--td-shadow-2:0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a;--td-shadow-3:0 6px 30px 5px #0000000d, 0 16px 24px 2px #0000000a, 0 8px 10px -5px #00000014;--td-shadow-inset-top:inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right:inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom:inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left:inset -.5px 0 0 #dcdcdc;--td-table-shadow-color:#00000014;--td-scrollbar-color:#0000001a;--td-scrollbar-hover-color:#0000004d;--td-scroll-track-color:#fff}:root.dark,:root[theme-mode=dark]{--td-brand-color-1:#1b2f51;--td-brand-color-2:#173463;--td-brand-color-3:#143975;--td-brand-color-4:#103d88;--td-brand-color-5:#0d429a;--td-brand-color-6:#054bbe;--td-brand-color-7:#2667d4;--td-brand-color-8:#4582e6;--td-brand-color-9:#699ef5;--td-brand-color-10:#96bbf8;--td-warning-color-1:#4f2a1d;--td-warning-color-2:#582f21;--td-warning-color-3:#733c23;--td-warning-color-4:#a75d2b;--td-warning-color-5:#cf6e2d;--td-warning-color-6:#dc7633;--td-warning-color-7:#e8935c;--td-warning-color-8:#ecbf91;--td-warning-color-9:#eed7bf;--td-warning-color-10:#f3e9dc;--td-error-color-1:#472324;--td-error-color-2:#5e2a2d;--td-error-color-3:#703439;--td-error-color-4:#83383e;--td-error-color-5:#a03f46;--td-error-color-6:#c64751;--td-error-color-7:#de6670;--td-error-color-8:#ec888e;--td-error-color-9:#edb1b6;--td-error-color-10:#eeced0;--td-success-color-1:#193a2a;--td-success-color-2:#1a4230;--td-success-color-3:#17533d;--td-success-color-4:#0d7a55;--td-success-color-5:#059465;--td-success-color-6:#43af8a;--td-success-color-7:#46bf96;--td-success-color-8:#80d2b6;--td-success-color-9:#b4e1d3;--td-success-color-10:#deede8;--td-gray-color-1:#f3f3f3;--td-gray-color-2:#eee;--td-gray-color-3:#e8e8e8;--td-gray-color-4:#ddd;--td-gray-color-5:#c6c6c6;--td-gray-color-6:#a6a6a6;--td-gray-color-7:#8b8b8b;--td-gray-color-8:#777;--td-gray-color-9:#5e5e5e;--td-gray-color-10:#4b4b4b;--td-gray-color-11:#393939;--td-gray-color-12:#2c2c2c;--td-gray-color-13:#242424;--td-gray-color-14:#181818;--td-font-white-1:#ffffffe6;--td-font-white-2:#ffffff8c;--td-font-white-3:#ffffff59;--td-font-white-4:#ffffff38;--td-font-gray-1:#000000e6;--td-font-gray-2:#0009;--td-font-gray-3:#0006;--td-font-gray-4:#00000042;--td-brand-color:var(--td-brand-color-8);--td-warning-color:var(--td-warning-color-5);--td-error-color:var(--td-error-color-6);--td-success-color:var(--td-success-color-5);--td-brand-color-hover:var(--td-brand-color-7);--td-brand-color-focus:var(--td-brand-color-2);--td-brand-color-active:var(--td-brand-color-9);--td-brand-color-disabled:var(--td-brand-color-3);--td-brand-color-light:var(--td-brand-color-1);--td-brand-color-light-hover:var(--td-brand-color-2);--td-warning-color-hover:var(--td-warning-color-4);--td-warning-color-focus:var(--td-warning-color-2);--td-warning-color-active:var(--td-warning-color-6);--td-warning-color-disabled:var(--td-warning-color-3);--td-warning-color-light:var(--td-warning-color-1);--td-warning-color-light-hover:var(--td-warning-color-2);--td-error-color-hover:var(--td-error-color-5);--td-error-color-focus:var(--td-error-color-2);--td-error-color-active:var(--td-error-color-7);--td-error-color-disabled:var(--td-error-color-3);--td-error-color-light:var(--td-error-color-1);--td-error-color-light-hover:var(--td-error-color-2);--td-success-color-hover:var(--td-success-color-4);--td-success-color-focus:var(--td-success-color-2);--td-success-color-active:var(--td-success-color-6);--td-success-color-disabled:var(--td-success-color-3);--td-success-color-light:var(--td-success-color-1);--td-success-color-light-hover:var(--td-success-color-2);--td-mask-active:#0006;--td-mask-disabled:#0009;--td-mask-background:#242424f5;--td-mask-gradient:#24242400;--td-bg-color-page:var(--td-gray-color-14);--td-bg-color-container:var(--td-gray-color-13);--td-bg-color-container-hover:var(--td-gray-color-12);--td-bg-color-container-active:var(--td-gray-color-10);--td-bg-color-container-select:var(--td-gray-color-9);--td-bg-color-secondarycontainer:var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover:var(--td-gray-color-11);--td-bg-color-secondarycontainer-active:var(--td-gray-color-9);--td-bg-color-component:var(--td-gray-color-11);--td-bg-color-component-hover:var(--td-gray-color-10);--td-bg-color-component-active:var(--td-gray-color-9);--td-bg-color-secondarycomponent:var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover:var(--td-gray-color-9);--td-bg-color-secondarycomponent-active:var(--td-gray-color-8);--td-bg-color-component-disabled:var(--td-gray-color-12);--td-bg-color-specialcomponent:transparent;--td-text-color-primary:var(--td-font-white-1);--td-text-color-secondary:var(--td-font-white-2);--td-text-color-placeholder:var(--td-font-white-3);--td-text-color-disabled:var(--td-font-white-4);--td-text-color-anti:#fff;--td-text-color-brand:var(--td-brand-color-8);--td-text-color-link:var(--td-brand-color-8);--td-text-color-watermark:#ffffff1a;--td-border-level-1-color:var(--td-gray-color-11);--td-component-stroke:var(--td-gray-color-11);--td-border-level-2-color:var(--td-gray-color-9);--td-component-border:var(--td-gray-color-9);--td-shadow-1:0 4px 6px #0000000f, 0 1px 10px #00000014, 0 2px 4px #0000001f;--td-shadow-2:0 8px 10px #0000001f, 0 3px 14px #0000001a, 0 5px 5px #00000029;--td-shadow-3:0 16px 24px #00000024, 0 6px 30px #0000001f, 0 8px 10px #0003;--td-shadow-inset-top:inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right:inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom:inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left:inset -.5px 0 0 #5e5e5e;--td-table-shadow-color:#0000008c;--td-scrollbar-color:#ffffff1a;--td-scrollbar-hover-color:#ffffff4d;--td-scroll-track-color:#333}:root{--td-radius-small:2px;--td-radius-default:3px;--td-radius-medium:6px;--td-radius-large:9px;--td-radius-extraLarge:12px;--td-radius-round:999px;--td-radius-circle:50%;--td-font-family:PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium:PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small:12px;--td-font-size-link-medium:14px;--td-font-size-link-large:16px;--td-font-size-mark-small:12px;--td-font-size-mark-medium:14px;--td-font-size-body-small:12px;--td-font-size-body-medium:14px;--td-font-size-body-large:16px;--td-font-size-title-small:14px;--td-font-size-title-medium:16px;--td-font-size-title-large:18px;--td-font-size-title-extraLarge:20px;--td-font-size-headline-small:24px;--td-font-size-headline-medium:28px;--td-font-size-headline-large:36px;--td-font-size-display-medium:48px;--td-font-size-display-large:64px;--td-line-height-link-small:20px;--td-line-height-link-medium:22px;--td-line-height-link-large:24px;--td-line-height-mark-small:20px;--td-line-height-mark-medium:22px;--td-line-height-body-small:20px;--td-line-height-body-medium:22px;--td-line-height-body-large:24px;--td-line-height-title-small:22px;--td-line-height-title-medium:24px;--td-line-height-title-large:26px;--td-line-height-title-extraLarge:28px;--td-line-height-headline-small:32px;--td-line-height-headline-medium:36px;--td-line-height-headline-large:44px;--td-line-height-display-medium:56px;--td-line-height-display-large:72px;--td-font-link-small:var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium:var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large:var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small:600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium:600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small:var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium:var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large:var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small:600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium:600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large:600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-title-extraLarge:600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);--td-font-headline-small:600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium:600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large:600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium:600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large:600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-size-1:2px;--td-size-2:4px;--td-size-3:6px;--td-size-4:8px;--td-size-5:12px;--td-size-6:16px;--td-size-7:20px;--td-size-8:24px;--td-size-9:28px;--td-size-10:32px;--td-size-11:36px;--td-size-12:40px;--td-size-13:48px;--td-size-14:56px;--td-size-15:64px;--td-size-16:72px;--td-comp-size-xxxs:var(--td-size-6);--td-comp-size-xxs:var(--td-size-7);--td-comp-size-xs:var(--td-size-8);--td-comp-size-s:var(--td-size-9);--td-comp-size-m:var(--td-size-10);--td-comp-size-l:var(--td-size-11);--td-comp-size-xl:var(--td-size-12);--td-comp-size-xxl:var(--td-size-13);--td-comp-size-xxxl:var(--td-size-14);--td-comp-size-xxxxl:var(--td-size-15);--td-comp-size-xxxxxl:var(--td-size-16);--td-pop-padding-s:var(--td-size-2);--td-pop-padding-m:var(--td-size-3);--td-pop-padding-l:var(--td-size-4);--td-pop-padding-xl:var(--td-size-5);--td-pop-padding-xxl:var(--td-size-6);--td-comp-paddingLR-xxs:var(--td-size-1);--td-comp-paddingLR-xs:var(--td-size-2);--td-comp-paddingLR-s:var(--td-size-4);--td-comp-paddingLR-m:var(--td-size-5);--td-comp-paddingLR-l:var(--td-size-6);--td-comp-paddingLR-xl:var(--td-size-8);--td-comp-paddingLR-xxl:var(--td-size-10);--td-comp-paddingTB-xxs:var(--td-size-1);--td-comp-paddingTB-xs:var(--td-size-2);--td-comp-paddingTB-s:var(--td-size-4);--td-comp-paddingTB-m:var(--td-size-5);--td-comp-paddingTB-l:var(--td-size-6);--td-comp-paddingTB-xl:var(--td-size-8);--td-comp-paddingTB-xxl:var(--td-size-10);--td-comp-margin-xxs:var(--td-size-1);--td-comp-margin-xs:var(--td-size-2);--td-comp-margin-s:var(--td-size-4);--td-comp-margin-m:var(--td-size-5);--td-comp-margin-l:var(--td-size-6);--td-comp-margin-xl:var(--td-size-7);--td-comp-margin-xxl:var(--td-size-8);--td-comp-margin-xxxl:var(--td-size-10);--td-comp-margin-xxxxl:var(--td-size-12);color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--c-primary:#f59e0b;--c-primary-strong:#ea7c1a;--c-primary-soft:#fff7ed;--c-accent:#3b82f6;--c-accent-strong:#2563eb;--c-accent-soft:#eff6ff;--c-success:#10b981;--c-success-soft:#ecfdf5;--c-warn:#f97316;--c-warn-soft:#ffedd5;--c-danger:#ef4444;--c-danger-soft:#fee2e2;--c-purple:#8b5cf6;--c-purple-soft:#f5f3ff;--c-teal:#14b8a6;--c-teal-soft:#ecfeff;--c-text:#1f2937;--c-text-secondary:#475569;--c-text-tertiary:#94a3b8;--c-border:#e6ebf2;--c-border-soft:#f1f5f9;--c-surface:#fff;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--sh-sm:0 1px 2px #0f172a0d;--sh-md:0 6px 20px #0f172a0f;--sh-lg:0 18px 48px #0f172a1a;--sh-glow:0 8px 24px #f59e0b38;--g-warm:linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--g-cool:linear-gradient(135deg, #38bdf8 0%, #6366f1 100%);--g-leaf:linear-gradient(135deg, #34d399 0%, #14b8a6 100%);--g-page:radial-gradient(1200px 600px at 100% -10%, #fdba742e, transparent 60%), radial-gradient(900px 500px at 0% 0%, #7dd3fc2e, transparent 55%), linear-gradient(180deg, #f6f8fc 0%, #eef2f8 100%);background:#f6f8fc;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Helvetica Neue,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--g-page);min-width:1024px;color:var(--c-text);background-attachment:fixed;margin:0}body:has(.login-page){background:#e7f4ff;min-width:0}button{font:inherit;cursor:pointer;border:0}#app{min-height:100vh}.app-shell{min-height:100vh;color:var(--c-text);background:0 0}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e9edf4;align-items:center;height:64px;padding:0 28px;display:flex;position:relative}.login-page{isolation:isolate;background:#e7f4ff url(/assets/login-background-DWoR7l9X.jpg) 50%/cover no-repeat;place-items:center;min-width:0;min-height:100vh;padding:52px 24px 76px;display:grid;position:relative;overflow:hidden}.login-page:before{z-index:-1;content:"";background:linear-gradient(135deg,#f59e0b1a 0%,#3b82f61a 100%);position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #fffffff2;border-radius:22px;width:min(440px,100%);padding:42px 44px 36px;position:relative;box-shadow:0 24px 64px #1f293738}.login-card:before{content:"";background:linear-gradient(90deg,#f59e0b 0%,#f97316 50%,#fb923c 100%);border-radius:22px 22px 0 0;height:4px;position:absolute;inset:0 0 auto}.login-header{text-align:center}.login-brand{color:#ea7c1a;align-items:center;gap:10px;margin-bottom:28px;font-size:22px;font-weight:700;line-height:1;display:inline-flex}.login-brand-mark{object-fit:cover;border:2px solid #ffffffeb;border-radius:11px;width:36px;height:36px;display:block;box-shadow:0 6px 16px #f59e0b4d}.login-eyebrow{color:#f59e0b;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.login-card h1{color:#0f172a;letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:1.25}.login-subtitle{color:#64748b;margin-top:10px;font-size:13px}.login-form{gap:16px;margin-top:30px;display:grid}.login-field{color:#475569;gap:7px;font-size:13px;font-weight:600;display:grid}.login-field input{color:#0f172a;border:1.5px solid var(--c-border);background:#fff;border-radius:10px;outline:0;width:100%;padding:13px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.login-submit{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border-radius:12px;width:100%;min-height:46px;margin-top:6px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 8px 22px #f59e0b4d}.login-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 28px #f59e0b5c}.login-submit:disabled{cursor:wait;opacity:.7}.login-error{color:#dc2626;margin:-3px 0 0;font-size:12px;line-height:1.45}.login-copyright{color:#1f2937a6;text-align:center;text-shadow:0 1px 2px #fff9;font-size:12px;position:absolute;bottom:28px;left:0;right:0}@media (width<=560px){.login-page{background-position:56%;align-items:center;padding:28px 18px 64px}.login-card{border-radius:18px;padding:32px 24px 28px}.login-brand{margin-bottom:22px;font-size:20px}.login-card h1{font-size:26px}.login-copyright{bottom:20px}}.brand{color:#1d2a44;letter-spacing:.2px;align-items:center;gap:10px;width:192px;font-size:18px;font-weight:700;display:flex}.brand-mark{object-fit:cover;width:34px;height:34px;box-shadow:var(--sh-glow);border-radius:9px;display:block}.classroom-switcher{flex:none;margin-right:16px;position:relative}.classroom-switcher-trigger{color:#475569;border:1px solid var(--c-border);border-radius:var(--r-full);text-align:left;background:linear-gradient(#fff 0%,#f8fbff 100%);align-items:center;gap:8px;min-width:178px;height:40px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.classroom-switcher-label{color:#94a3b8;white-space:nowrap;font-size:11px}.classroom-switcher-trigger strong{color:#1d2a44;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.classroom-switcher-arrow{color:#94a3b8;margin-left:auto;font-size:14px}.classroom-switcher-menu{z-index:50;border:1px solid var(--c-border);border-radius:var(--r-md);width:max(220px,100%);box-shadow:var(--sh-lg);background:#fff;gap:3px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.classroom-switcher-menu button{color:#475569;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;min-height:34px;padding:0 11px;font-size:13px;display:flex}.classroom-switcher-menu small{color:#f59e0b;font-size:11px;font-weight:600}.classroom-switcher-menu p{color:#94a3b8;padding:10px 11px;font-size:12px}.top-nav{align-items:center;gap:4px;height:100%;display:flex}.top-nav button{color:#64748b;border-radius:var(--r-full);background:0 0;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:color .18s,background .18s}.top-nav button.active{color:#fff;background:var(--g-warm);box-shadow:var(--sh-glow);font-weight:600}.top-nav-item{align-items:center;height:100%;display:flex;position:relative}.top-nav-arrow{opacity:.7;margin-left:4px}.top-dropdown{border:1px solid var(--c-border);border-radius:var(--r-md);min-width:148px;box-shadow:var(--sh-lg);z-index:60;background:#fff;flex-direction:column;gap:2px;padding:7px;display:flex;position:absolute;top:calc(100% - 4px);left:0}.top-dropdown button{text-align:left;color:#475569;white-space:nowrap;background:0 0;border-radius:8px;height:36px;padding:0 12px;font-size:13px}.top-dropdown button:hover{color:#ea7c1a;background:var(--c-primary-soft)}.top-dropdown button.current{color:#ea7c1a;background:var(--c-primary-soft);font-weight:600}.top-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-btn{color:#64748b;background:var(--c-surface-soft);border-radius:var(--r-full);justify-content:center;align-items:center;width:38px;height:38px;transition:color .18s,background .18s;display:inline-flex;position:relative}.icon-btn:hover{color:#ea7c1a;background:var(--c-primary-soft)}.icon-btn b{border-radius:var(--r-full);background:var(--c-danger);color:#fff;text-align:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.user-chip{color:#475569;font-size:13px;font-weight:500}.avatar{border-radius:var(--r-full);color:#fff;background:var(--g-warm);justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #f59e0b4d}.body{min-height:calc(100vh - 68px);display:flex}.sidebar{border-right:1px solid var(--c-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;flex:0 0 232px;width:232px;padding:18px 12px}.workspace{border:1px solid var(--c-border);border-radius:var(--r-md);background:linear-gradient(135deg,#fff7ed 0%,#fef3c7 100%);align-items:center;gap:9px;margin:0 6px 18px;padding:12px 13px;display:flex}.workspace-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #f59e0b33}.workspace strong{color:#1d2a44;font-size:13px;display:block}.workspace small{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.chevron{color:#ea7c1a;margin-left:auto}.menu-title{color:#475569;border-radius:var(--r-sm);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;transition:color .18s,background .18s;display:flex}.menu-title.selected{color:#fff;background:var(--g-warm);box-shadow:var(--sh-glow);font-weight:600}.menu-icon{color:currentColor;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.menu-image{object-fit:cover;border-radius:7px;width:24px;height:24px;display:block}.arrow{color:currentColor;opacity:.7;margin-left:auto}.submenu{border-left:2px solid var(--c-border-soft);gap:2px;margin:4px 0 10px 36px;padding-left:12px;display:grid}.submenu button{color:#64748b;text-align:left;background:0 0;border-radius:6px;padding:8px 12px;font-size:13px}.submenu button:hover{color:#ea7c1a;background:var(--c-primary-soft)}.submenu button.current{color:#ea7c1a;background:var(--c-primary-soft);font-weight:600}.content{flex:1;min-width:0;padding:28px 36px 56px;overflow:hidden}.page-heading{border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:22px 26px;display:flex}.page-heading-icon{object-fit:cover;border-radius:16px;flex:0 0 56px;width:56px;height:56px;margin-right:0;box-shadow:0 8px 20px #536aae2e}.page-heading:has(.page-heading-icon){justify-content:initial;align-items:center;gap:14px}.page-heading:has(.page-heading-icon)>.page-heading-icon+div{margin-right:auto}.eyebrow{color:#ea7c1a;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}h1,h2,p{margin:0}h1{color:#0f172a;letter-spacing:-.2px;font-size:26px;font-weight:700;line-height:1.3}.muted{color:#64748b;margin-top:6px;font-size:13px}.primary,.outline{border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.primary{color:#fff;background:var(--g-warm);box-shadow:var(--sh-glow);padding:10px 18px}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #f59e0b52}.primary:active{transform:translateY(0)}.primary:disabled{cursor:wait;opacity:.65;box-shadow:none;transform:none}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--c-border);border-radius:var(--r-md);min-height:116px;box-shadow:var(--sh-sm);background:#ffffffd9;align-items:center;gap:14px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex}.stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--r-sm);place-items:center;width:48px;height:48px;font-size:22px;display:grid}.stat-icon.blue{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.stat-icon.green{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.stat-icon.orange{color:#ea580c;background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%)}.stat-icon.purple{color:#7c3aed;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.stat-card span,.stat-card small{color:#94a3b8;font-size:12px;display:block}.stat-card strong{color:#0f172a;font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin:4px 0;font-size:28px;font-weight:700;line-height:1;display:block}.grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:20px;display:grid}.panel{border:1px solid var(--c-border);border-radius:var(--r-lg);min-height:300px;box-shadow:var(--sh-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;padding:24px}.owner-panel{min-height:0;margin-bottom:18px}.owner-list{gap:8px;margin-top:16px;display:grid}.owner-row{color:#52627a;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px;align-items:center;gap:14px;padding:10px 12px;font-size:13px;display:flex}.owner-current{color:#8a97aa}.owner-row .outline{margin-left:auto}.birthday-tools{gap:8px;display:flex}.birthday-tools select{color:#52627a;background:#fff;border:1px solid #dfe6f0;border-radius:6px;padding:8px 10px}.birthday-grid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-top:22px;display:grid}.birthday-day{color:#52627a;background:#f8fafc;border:1px solid #eef2f7;border-radius:7px;gap:7px;min-height:90px;padding:12px;font-size:13px;display:grid}.birthday-day strong{color:#2563eb}.group-create{gap:8px;margin:18px 0;display:flex}.group-create input{border:1px solid #dfe6f0;border-radius:6px;flex:0 240px;padding:9px 10px}.group-board{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;display:grid}.group-column{background:#f8fafc;border:1px solid #e8eef6;border-radius:7px;min-height:230px;padding:14px}.group-column h3{color:#52627a;margin:0 0 12px;font-size:14px}.group-column-head{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.group-column-head h3{margin:0}.group-column-actions{flex:none;align-items:center;gap:8px;display:flex}.group-column-actions .text-btn.danger{color:#c75e4d}.group-column-head input,.group-leader select{color:#52627a;background:#fff;border:1px solid #dfe6f0;border-radius:5px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.group-leader{color:#8a97aa;gap:5px;margin:10px 0 12px;font-size:11px;display:grid}.student-chip{color:#334155;cursor:grab;background:#fff;border:1px solid #e4eaf2;border-radius:6px;gap:3px;margin-bottom:8px;padding:9px 10px;font-size:13px;display:grid}.student-chip small{color:#9aa7ba;font-size:11px}.group-empty{color:#a3afc0;text-align:center;padding:30px 0;font-size:12px}.seat-tools{align-items:end;gap:10px;margin:18px 0;display:flex}.seat-tools label{color:#7a879a;gap:5px;font-size:11px;display:grid}.seat-tools input{border:1px solid #dfe6f0;border-radius:6px;width:72px;padding:8px}.seat-layout{background:#f8fafc;border:1px solid #e8eef6;border-radius:8px;gap:10px;padding:18px;display:grid}.seat-cell{color:#64748b;background:#fff;border:1px solid #dfe7f1;border-radius:7px;place-items:center;min-height:74px;padding:8px;font-size:12px;display:grid}.seat-cell:hover{background:#eff6ff;border-color:#93c5fd}.seat-cell.podium{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.seat-students{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.seat-students .student-chip{margin:0;padding:7px 10px;display:inline-flex}.panel-head{border-bottom:1px dashed var(--c-border-soft);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}h2{color:#0f172a;letter-spacing:-.1px;font-size:17px;font-weight:700}.panel-head p{color:#94a3b8;margin-top:6px;font-size:12px}.text-btn{color:#ea7c1a;border-radius:var(--r-xs);background:0 0;padding:4px 8px;font-size:12px;font-weight:600;transition:background .18s}.text-btn:hover{background:var(--c-primary-soft)}.empty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:28px;display:flex}.empty-art{color:#f59e0b;border-radius:var(--r-md);background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);place-items:center;width:64px;height:64px;margin-bottom:14px;font-size:30px;display:grid;box-shadow:0 8px 20px #f59e0b26}.empty strong{color:#1f2937;font-size:16px;font-weight:700}.empty p{color:#94a3b8;margin:8px 0 18px;font-size:13px}.outline{color:#ea7c1a;border:1.5px solid var(--c-primary);background:#fff;padding:9px 16px}.outline:hover:not(:disabled){color:#fff;background:var(--g-warm);box-shadow:var(--sh-glow);border-color:#0000}.outline:disabled{cursor:wait;opacity:.55}.toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.segmented{background:#eef2f7;border-radius:7px;gap:2px;padding:3px;display:flex}.segmented button{color:#7a879a;background:0 0;border-radius:5px;padding:7px 13px;font-size:12px}.search-box{border:1.5px solid var(--c-border);background:#fff;border-radius:10px;align-items:center;gap:8px;width:210px;padding:6px 6px 6px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-icon{color:#94a3b8;flex:none;font-size:14px;line-height:1}.search-box input{width:auto;min-width:0;color:var(--c-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:6px 0;font-size:13px}.search-box input::placeholder{color:#94a3b8}.search-submit{color:#fff;background:var(--c-primary);font:inherit;cursor:pointer;border:0;border-radius:7px;flex:none;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.search-submit:active{transform:scale(.96)}.class-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px;display:grid}.class-card{border:1px solid var(--c-border);border-radius:var(--r-md);min-height:210px;box-shadow:var(--sh-sm);background:#ffffffeb;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.class-card:before{content:"";background:var(--g-warm);height:4px;position:absolute;inset:0 0 auto}.class-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.class-card-top{justify-content:space-between;align-items:center;display:flex}.class-avatar{color:#fff;background:var(--g-warm);border-radius:var(--r-sm);place-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:grid;box-shadow:0 6px 16px #f59e0b4d}.status{border-radius:var(--r-full);padding:4px 10px;font-size:11px;font-weight:600}.class-card h2{margin:16px 0 6px;font-size:17px;font-weight:700}.class-meta{color:#94a3b8;font-size:12px}.class-meta span{color:#cbd5e1;margin:0 4px}.class-card-foot{border-top:1px dashed var(--c-border-soft);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px;display:flex}.class-card-foot button{color:#64748b;background:var(--c-surface-soft);border-radius:var(--r-full);border:1px solid #0000;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.class-card-foot button:hover{color:#ea7c1a;background:var(--c-primary-soft);border-color:var(--c-primary-soft)}.class-card-foot .danger-action{color:#ef4444}.recycle-panel{min-height:0}.recycle-row{color:#52627a;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.recycle-row:first-of-type,.recycle-toggle{margin-top:14px}.class-empty{background:#fff;border:1px dashed #dbe3ef;border-radius:8px;grid-column:1/-1;min-height:330px}.student-panel{min-height:420px}.student-toolbar{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.student-toolbar select{color:#52627a;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;width:220px;padding:9px 11px;font-size:13px}.student-file-actions{gap:8px;margin-left:auto;display:flex}.student-file-actions button:disabled{cursor:wait;opacity:.6}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.student-table{border:1px solid #edf0f5;border-radius:7px;overflow:hidden}.table-head{color:#8a97aa;background:#f8fafc;grid-template-columns:1.2fr 1.2fr .7fr 1fr .8fr 1fr;padding:12px 16px;font-size:12px;display:grid}.table-row{color:#52627a;border-top:1px solid #f1f3f7;grid-template-columns:1.2fr 1.2fr .7fr 1fr .8fr 1fr;align-items:center;padding:13px 16px;font-size:13px;display:grid}.row-action{color:#2563eb;text-align:left;background:0 0;padding:0;font-size:12px}.row-actions{gap:10px;display:flex}.row-action.danger{color:#ef4444}.student-table .empty{min-height:280px}.table-state{color:#8a97aa;justify-content:center;align-items:center;gap:14px;min-height:280px;font-size:13px;display:flex}.error-state{color:#dc2626;flex-direction:column}.pagination{color:#8a97aa;border-top:1px solid #f1f3f7;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}.pagination>div{gap:5px;display:flex}.page-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:5px;min-width:28px;height:28px;padding:0 6px;font-size:12px}.page-btn:hover:not(:disabled),.page-btn.current{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.page-btn:disabled{cursor:not-allowed;opacity:.45}.modal-mask{z-index:20;background:#19274047;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:9px;width:420px;padding:24px;box-shadow:0 20px 60px #1625412e}.modal-head{justify-content:space-between;margin-bottom:22px;display:flex}.modal-head h2{font-size:18px}.modal-head p{color:#9aa7ba;margin-top:6px;font-size:12px}.modal-close{color:#94a3b8;background:0 0;font-size:22px}.modal label{color:#52627a;gap:8px;font-size:12px;display:grid}.modal input{color:#27364f;border:1px solid #dfe6f0;border-radius:6px;outline:0;width:100%;padding:10px 11px;font-size:13px}.modal input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.modal select{color:#27364f;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;width:100%;padding:10px 11px;font-size:13px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.password-rule{color:#8a97aa;font-size:12px}.profile-page{max-width:1040px}.profile-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:18px;display:grid}.profile-card{min-height:0}.profile-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:16px;font-size:25px;font-weight:700;display:grid}.profile-card h2{font-size:20px}.profile-role{color:#8a97aa;margin-top:6px;font-size:13px}.profile-details{gap:14px;margin:26px 0 0;display:grid}.profile-details div{border-top:1px solid #f0f3f7;justify-content:space-between;align-items:baseline;gap:18px;padding-top:12px;display:flex}.profile-details dt{color:#8a97aa;font-size:12px}.profile-details dd{color:#52627a;text-align:right;margin:0;font-size:13px}.profile-logout{color:#dc2626;border-color:#fecaca;width:100%;margin-top:24px}.profile-logout:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.profile-logout:disabled{cursor:wait;opacity:.6}.profile-password-form{gap:14px;margin-top:22px;display:grid}.profile-password-form label{color:#52627a;gap:7px;font-size:12px;display:grid}.profile-password-form input{color:#27364f;border:1px solid #dfe6f0;border-radius:6px;outline:0;width:100%;padding:10px 11px;font-size:13px}.profile-password-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.profile-success{color:#16a34a;font-size:12px}.class-session-page{max-width:1040px}.class-session-panel{min-height:360px}.class-session-selectors{grid-template-columns:repeat(2,minmax(0,280px));gap:14px;display:grid}.class-session-selectors label{color:#52627a;gap:7px;font-size:12px;display:grid}.class-session-selectors select{color:#27364f;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;width:100%;padding:10px 11px;font-size:13px}.class-session-selectors select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.class-session-selectors select:disabled{color:#9aa7ba;cursor:not-allowed;background:#f8fafc}.class-session-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;min-height:210px;padding:28px;display:grid}.class-session-state strong{color:#52627a;font-size:15px}.class-session-state p{color:#9aa7ba;max-width:430px;margin:8px 0 18px;font-size:13px;line-height:1.7}.active-session{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:180px;margin-top:24px;padding:24px;display:flex}.active-session h2{margin-top:11px;font-size:20px}.active-session p{color:#6b7f70;margin-top:8px;font-size:13px}.class-session-active-actions{align-items:center;gap:8px;display:flex}.session-live{color:#15803d;background:#dcfce7;border-radius:10px;padding:4px 9px;font-size:12px;display:inline-block}.danger-outline{color:#dc2626;white-space:nowrap;border-color:#fecaca}.danger-outline:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.attendance-panel,.timer-panel{min-height:0;margin-top:18px}.timer-create{grid-template-columns:minmax(180px,1fr) 150px auto;align-items:end;gap:10px;margin-top:18px;display:grid}.timer-create input,.timer-settings input{color:#334155;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;min-width:0;padding:9px 10px;font-size:12px}.timer-create label,.timer-settings label{color:#7a879a;gap:6px;font-size:11px;display:grid}.timer-create label input,.timer-settings label input{width:82px}.timer-active{background:#f8fafc;border:1px solid #e8eef6;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.timer-status{color:#64748b;background:#e2e8f0;border-radius:10px;padding:4px 8px;font-size:11px;display:inline-block}.timer-status.running{color:#15803d;background:#dcfce7}.timer-status.finished{color:#dc2626;background:#fee2e2}.timer-active h3{color:#334155;margin:9px 0 0;font-size:15px}.timer-active strong{color:#2563eb;font-variant-numeric:tabular-nums;letter-spacing:0;margin-top:7px;font-size:30px;display:block}.timer-settings{align-items:end;gap:8px;display:flex}.timer-state{color:#8a97aa;place-items:center;min-height:108px;font-size:13px;display:grid}.score-panel{min-height:0;margin-top:18px}.score-file-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.score-file-actions button:disabled{cursor:wait;opacity:.6}.success-text{color:#15803d;margin:14px 0 0;font-size:12px}.score-adjust-form{background:#f8fafc;border:1px solid #e8eef6;border-radius:7px;grid-template-columns:minmax(230px,1.1fr) 110px minmax(220px,1fr) auto;align-items:end;gap:10px;margin-top:18px;padding:14px;display:grid}.score-student-picker{gap:8px;display:grid}.score-student-picker select,.score-adjust-form input{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;padding:9px 10px;font-size:12px}.score-adjust-form label{color:#7a879a;gap:6px;font-size:11px;display:grid}.score-adjust-form input:focus,.score-student-picker select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.score-current{color:#64748b;margin:10px 0 0;font-size:12px}.score-record-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-bottom:12px;display:flex}.score-record-head h3{color:#334155;margin:0;font-size:14px}.score-record-head p{color:#94a3b8;margin-top:5px;font-size:12px}.score-record-list{border-top:1px solid #f0f3f7}.score-record-row{color:#52627a;border-bottom:1px solid #f0f3f7;grid-template-columns:minmax(125px,.75fr) 60px minmax(200px,1.25fr) 52px;align-items:center;gap:14px;min-height:68px;padding:10px 0;display:grid}.score-record-student{gap:5px;min-width:0;display:grid}.score-record-student strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.score-record-student small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.score-delta{color:#15803d;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.score-delta.negative{color:#dc2626}.score-record-main{min-width:0}.score-record-main i{color:#2563eb;background:#dbeafe;border-radius:10px;padding:3px 6px;font-size:10px;font-style:normal;display:inline-block}.score-record-main i.reversal{color:#64748b;background:#e2e8f0}.score-record-main i.reversed{color:#a16207;background:#fef3c7}.score-record-main p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:12px;overflow:hidden}.score-record-placeholder{color:#cbd5e1;text-align:center}.score-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;min-height:132px;font-size:13px;display:grid}.score-state strong{color:#52627a}.score-state p{color:#9aa7ba;margin-top:7px;font-size:12px}.task-panel{min-height:0;margin-top:18px}.task-form{grid-template-columns:minmax(160px,1fr) minmax(180px,1.4fr) 116px auto auto;gap:8px;margin:18px 0;display:grid}.task-form input{color:#334155;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;min-width:0;padding:9px 10px;font-size:12px}.task-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.task-score-field{color:#7a879a;gap:4px;font-size:11px;display:grid}.task-score-field input{width:100%}.task-layout{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:16px;display:grid}.task-list{background:#f8fafc;border:1px solid #e8eef6;border-radius:7px;padding:8px}.task-item{color:#52627a;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 10px;display:flex}.task-item:hover,.task-item.selected{color:#2563eb;background:#fff;border-color:#dbeafe}.task-item.disabled{opacity:.65}.task-item-main{gap:4px;min-width:0;display:grid}.task-item strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.task-item small{color:#94a3b8;font-size:11px}.task-item i{color:#15803d;background:#dcfce7;border-radius:10px;flex:none;padding:3px 6px;font-size:10px;font-style:normal}.task-item.disabled i{color:#64748b;background:#e2e8f0}.task-actions{gap:12px;padding:10px 8px 2px;display:flex}.task-completion{border:1px solid #edf0f5;border-radius:7px;overflow:hidden}.task-completion-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px;display:flex}.task-completion-head h3{color:#334155;margin:0;font-size:14px}.task-completion-head p{color:#94a3b8;margin-top:5px;font-size:12px}.task-completion-head>span{color:#2563eb;flex:none;font-size:12px}.task-completion .attendance-filter{padding:0 16px}.task-completion-list{border-top:1px solid #edf0f5}.task-completion-row{color:#52627a;border-top:1px solid #f1f3f7;justify-content:space-between;align-items:center;gap:16px;min-height:57px;padding:10px 16px;display:flex}.task-completion-row:first-child{border-top:0}.task-score-actions{align-items:center;gap:8px;display:flex}.task-score-actions input{background:#fbfffd;border:1px solid #dcebe4;border-radius:8px;width:84px;height:30px;padding:0 8px;font-size:12px}.task-score-actions input:focus{border-color:#79c8b2;outline:0;box-shadow:0 0 0 3px #79c8b226}.task-completion-row>div{gap:4px;display:grid}.task-completion-row strong{color:#334155;font-size:13px}.task-completion-row small{color:#94a3b8;font-size:11px}.task-completion-row button{color:#64748b;background:#fff;border:1px solid #dfe6f0;border-radius:5px;min-width:70px;padding:6px 9px;font-size:11px}.task-completion-row button.completed{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.task-completion-row button:disabled{cursor:not-allowed;opacity:.6}.task-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;min-height:116px;font-size:13px;display:grid}.task-state strong{color:#52627a}.task-state p{color:#9aa7ba;margin-top:7px;font-size:12px}.compact-state{min-height:160px}.score-rule-page{max-width:1040px}.score-rule-panel{min-height:0}.score-rule-section+.score-rule-section{border-top:1px solid #edf0f5;margin-top:26px;padding-top:24px}.score-rule-section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.score-rule-section-head h2{color:#334155;font-size:16px}.score-rule-section-head p{color:#9aa7ba;margin-top:5px;font-size:12px}.score-rule-section-head select{color:#52627a;min-width:240px;font:inherit;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;padding:9px 10px;font-size:13px}.score-rule-section-head select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.score-rule-table{border:1px solid #edf0f5;border-radius:7px;margin-top:16px;overflow:hidden}.score-rule-head,.score-rule-row{grid-template-columns:minmax(160px,1fr) 82px 150px 90px;align-items:center;gap:12px;padding:11px 16px;display:grid}.score-rule-head{color:#8a97aa;background:#f8fafc;font-size:12px}.score-rule-row{color:#52627a;border-top:1px solid #f1f3f7;min-height:58px;font-size:13px}.score-rule-row strong{color:#334155;font-weight:600}.class-rule-head,.class-rule-row{grid-template-columns:minmax(140px,1fr) 100px 82px 150px 180px}.rule-switch{cursor:pointer;align-items:center;width:34px;height:20px;display:inline-flex}.rule-switch input{opacity:0;pointer-events:none;position:absolute}.rule-switch i{background:#cbd5e1;border-radius:12px;width:34px;height:20px;transition:background .16s;display:block;position:relative}.rule-switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0f172a2e}.rule-switch input:checked+i:after{transform:translate(14px)}.rule-score{color:#8a97aa;background:#fff;border:1px solid #dfe6f0;border-radius:6px;align-items:center;width:136px;display:flex;overflow:hidden}.rule-score:focus-within{border-color:#79c8b2;box-shadow:0 0 0 3px #79c8b226}.rule-score input{color:#334155;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:8px 4px 8px 10px;font-size:13px}.rule-score span{padding-right:10px;font-size:12px}.rule-origin{color:#64748b;background:#f1f5f9;border-radius:10px;justify-self:start;padding:4px 7px;font-size:11px;font-style:normal}.rule-origin.overridden{color:#2563eb;background:#eff6ff}.rule-actions{gap:7px;display:flex}.score-rule-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;gap:8px;min-height:132px;font-size:13px;display:grid}.score-rule-state strong{color:#52627a}.score-rule-state p{color:#9aa7ba;font-size:12px}.attendance-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendance-toolbar p{color:#9aa7ba;margin-top:5px;font-size:12px}.attendance-filter{color:#8a97aa;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 12px;font-size:12px;display:flex}.attendance-table{border:1px solid #edf0f5;border-radius:7px;overflow:hidden}.attendance-head,.attendance-row{grid-template-columns:1fr 1.1fr .9fr 2fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.attendance-head{color:#8a97aa;background:#f8fafc;font-size:12px}.attendance-row{color:#52627a;border-top:1px solid #f1f3f7;min-height:58px;font-size:13px}.attendance-status{color:#64748b;text-align:center;background:#f1f5f9;border-radius:10px;min-width:52px;padding:4px 7px;font-size:11px;font-style:normal;display:inline-block}.attendance-status.present{color:#15803d;background:#dcfce7}.attendance-status.late{color:#c2410c;background:#ffedd5}.attendance-status.absent{color:#dc2626;background:#fee2e2}.attendance-actions{flex-wrap:wrap;gap:6px;display:flex}.attendance-actions button{color:#52627a;background:#fff;border:1px solid #dfe6f0;border-radius:5px;padding:5px 9px;font-size:11px}.attendance-actions button:hover:not(:disabled),.attendance-actions button.selected{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.attendance-actions button.absent:hover:not(:disabled),.attendance-actions button.absent.selected{color:#dc2626;background:#fef2f2;border-color:#fecaca}.attendance-actions button:disabled{cursor:not-allowed;opacity:.6}.attendance-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;min-height:180px;font-size:13px;display:grid}.attendance-state strong{color:#52627a}.attendance-state p{color:#9aa7ba;margin-top:7px;font-size:12px}.primary:disabled{opacity:.6;cursor:wait}.teacher-panel{gap:18px;display:grid}.teacher-list-panel{padding:0;overflow:hidden}.teacher-toolbar{color:#77849a;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:13px;display:flex}.teacher-table-head,.teacher-table-row{grid-template-columns:1.25fr 1fr .8fr 1.7fr;align-items:center;gap:12px;padding:14px 18px;display:grid}.teacher-table-head{color:#8390a5;background:#f8fafc;font-size:12px}.teacher-table-row{color:#4d5b70;border-top:1px solid #f0f3f7;min-height:62px;font-size:14px}.teacher-name{color:#2c3b52;align-items:center;gap:9px;font-weight:600;display:flex}.teacher-name i{color:#4e7ce0;background:#e8f0ff;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.teacher-table-row .row-actions{flex-wrap:wrap}.message-entry{position:relative}.message-entry b{color:#fff;background:#f97316;border:2px solid #fff;border-radius:10px;min-width:16px;padding:1px 4px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:-5px;right:-8px}.message-page{max-width:1040px}.message-panel{min-height:0}.message-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.message-toolbar .search-box{width:min(100%,360px)}.message-unread-filter{color:#64748b;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.message-unread-filter input{accent-color:#2563eb;width:15px;height:15px}.message-list{border-top:1px solid #edf0f5}.message-item{color:#64748b;border-bottom:1px solid #edf0f5;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px 4px;display:grid}.message-item.unread{background:#f5f9ff;border-radius:7px;padding-left:10px;padding-right:10px}.message-icon{color:#7c3aed;background:#f3e8ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:grid}.message-icon.plus{color:#2f9d7e;background:#e6f9f2}.message-icon.minus{color:#c86655;background:#fdeeea}.message-body{min-width:0}.message-title{align-items:center;gap:8px;min-width:0;display:flex}.message-title strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.message-title span{color:#ea580c;background:#ffedd5;border-radius:9px;flex:none;padding:2px 6px;font-size:10px}.message-body p{color:#748198;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;overflow:hidden}.message-body small{color:#a0acbd;margin-top:5px;font-size:11px;display:block}.message-read{color:#94a3b8;font-size:11px;font-style:normal}.message-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;gap:8px;min-height:210px;font-size:13px;display:grid}.message-state strong{color:#52627a}.message-state p{color:#9aa7ba;font-size:12px}.message-pagination{margin-top:14px}.score-analysis-page{max-width:1160px}.score-analysis-panel{min-height:0}.analysis-toolbar{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:end;gap:16px;padding-bottom:18px;display:flex}.analysis-filters,.analysis-actions{align-items:end;gap:10px;display:flex}.analysis-filters label{color:#7a879a;gap:6px;font-size:11px;display:grid}.analysis-filters select,.analysis-filters input{color:#52627a;min-width:138px;height:36px;font:inherit;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;padding:0 9px;font-size:12px}.analysis-filters select{min-width:210px}.analysis-filters select:focus,.analysis-filters input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #eff6ff}.analysis-actions{flex:none}.analysis-actions .primary,.analysis-actions .outline{min-height:36px;padding:0 13px}.analysis-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;gap:8px;min-height:340px;font-size:13px;display:grid}.analysis-state strong{color:#52627a}.analysis-state p{color:#9aa7ba;font-size:12px}.analysis-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.analysis-card{background:#f9fbff;border:1px solid #edf1f7;border-radius:7px;align-items:center;gap:11px;min-height:84px;padding:14px;display:flex}.analysis-card i{color:#2563eb;background:#e6f0ff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:12px;font-style:normal;display:grid}.analysis-card i.green{color:#15803d;background:#dcfce7}.analysis-card i.orange{color:#c2410c;background:#ffedd5}.analysis-card i.purple{color:#7c3aed;background:#f3e8ff}.analysis-card i.negative{color:#dc2626;background:#fee2e2}.analysis-card span{color:#8a97aa;font-size:11px;display:block}.analysis-card strong{color:#1f3b63;font-variant-numeric:tabular-nums;margin-top:5px;font-size:22px;line-height:1;display:block}.analysis-card strong.negative,.analysis-table-row b.negative{color:#dc2626}.analysis-chart-grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:16px;display:grid}.analysis-section{background:#fff;border:1px solid #edf0f5;border-radius:7px;min-width:0;padding:16px}.analysis-section-head h2{color:#334155;font-size:14px}.analysis-section-head p{color:#9aa7ba;margin-top:5px;font-size:11px}.analysis-chart{width:100%;height:246px;margin-top:12px}.analysis-table{border:1px solid #edf0f5;border-radius:6px;margin-top:14px;overflow:hidden}.analysis-table-head,.analysis-table-row{align-items:center;gap:10px;padding:10px 12px;display:grid}.analysis-table-head{color:#8a97aa;background:#f8fafc;font-size:11px}.analysis-table-row{color:#64748b;border-top:1px solid #f0f3f7;min-height:43px;font-size:12px}.analysis-table-row strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.analysis-table-row b{color:#15803d;font-variant-numeric:tabular-nums}.analysis-table-empty{color:#9aa7ba;text-align:center;padding:24px 12px;font-size:12px}.analysis-state.slim{min-height:120px;padding:18px 0}.analysis-state.slim.error-state{gap:5px}.analysis-state.slim.error-state .outline{min-height:30px;padding:0 11px;font-size:12px}.analysis-card strong.positive,.analysis-table-row b.positive{color:#15803d}.analysis-chart.tall{height:330px}.sa-summary{background:linear-gradient(135deg,#fffdf7,#fff7ea);border:1px solid #f3e3c3;border-radius:8px;align-items:center;gap:26px;margin:20px 0 0;padding:15px 18px;display:flex}.sa-summary-name{color:#8a5a17;font-size:17px;font-weight:700}.sa-summary-stats{flex:1;gap:30px;margin-left:12px;display:flex}.sa-summary-stats div{justify-items:start;gap:2px;display:grid}.sa-summary-stats b{color:#f59a32;font-variant-numeric:tabular-nums;font-size:21px;line-height:1}.sa-summary-stats span{color:#b08d55;font-size:11px}.sa-tabs{border-bottom:1px solid #edf0f5;gap:4px;margin:18px 0 16px;display:flex}.sa-tabs button{color:#7a879a;background:0 0;border-radius:6px 6px 0 0;padding:10px 14px;font-size:13px;transition:color .15s,background .15s;position:relative}.sa-tabs button:hover{color:#f59a32;background:#fff8ee}.sa-tabs button.active{color:#e9871f;font-weight:700}.sa-tabs button.active:after{content:"";background:#f59a32;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.sa-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr) minmax(280px,1fr);gap:16px;display:grid}.sa-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:16px;display:grid}.sa-inline-filter{justify-content:space-between;align-items:center;gap:12px;display:flex}.sa-inline-filter select{min-width:128px}.sa-sub{color:#9aa7ba;margin-top:5px;font-size:11px}.sa-rank-card{flex-direction:column;display:flex}.sa-rank-list{flex-direction:column;flex:1;gap:7px;max-height:356px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.sa-rank-list li{background:#f8fafc;border:1px solid #eef2f7;border-radius:7px;align-items:center;gap:10px;min-height:50px;padding:8px 10px;display:flex}.sa-rank-list li:first-child{background:#fffaf0;border-color:#f5e5c4}.sa-rank-badge{color:#8a97aa;background:#eef2f7;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;font-weight:700;display:grid}.sa-rank-badge.rank-1{color:#92400e;background:linear-gradient(160deg,#fde68a,#f59e0b);box-shadow:0 3px 7px #f59e0b59}.sa-rank-badge.rank-2{color:#475569;background:linear-gradient(160deg,#e2e8f0,#94a3b8);box-shadow:0 3px 7px #94a3b859}.sa-rank-badge.rank-3{color:#9a3412;background:linear-gradient(160deg,#fdba74,#ea580c);box-shadow:0 3px 7px #ea580c52}.sa-rank-info{gap:3px;display:grid;overflow:hidden}.sa-rank-info strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sa-rank-info span{color:#8a97aa;font-variant-numeric:tabular-nums;font-size:11px}.sa-rank-empty{color:#9aa7ba;justify-content:center;min-height:60px;font-size:12px}.sa-contribution{flex:1;justify-items:end;gap:3px;display:grid}.sa-contribution b{color:#15803d;font-variant-numeric:tabular-nums;font-size:12px}.sa-contribution b.negative{color:#dc2626}.sa-contribution span{color:#9aa7ba;font-size:10px}.sa-contribution em{background:#eef2f7;border-radius:2px;width:100%;height:4px;font-style:normal;display:block;position:relative;overflow:hidden}.sa-contribution em i{background:linear-gradient(90deg,#fbbf24,#f59a32);border-radius:2px;display:block;position:absolute;inset:0 auto 0 0}.sa-record-row{grid-template-columns:118px 74px minmax(0,1fr)}.sa-record-reason{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sa-compare-row{grid-template-columns:minmax(84px,1.2fr) minmax(84px,1fr) 88px 88px 80px}.sa-group-compare-row{grid-template-columns:minmax(110px,1.4fr) 64px 88px 88px 80px}@media (width<=1180px){.sa-overview-grid{grid-template-columns:1fr 1fr}.sa-overview-grid .analysis-section:first-child{grid-column:1/-1}}@media (width<=900px){.sa-summary{flex-direction:column;align-items:stretch;gap:12px}.sa-summary-stats{flex-wrap:wrap;gap:16px;margin-left:0}.sa-tabs{flex-wrap:wrap}.sa-overview-grid,.sa-detail-grid{grid-template-columns:1fr}.sa-record-row{grid-template-columns:96px 64px minmax(0,1fr)}.sa-compare-row{grid-template-columns:minmax(64px,1fr) minmax(64px,1fr) 68px 68px 64px}.sa-group-compare-row{grid-template-columns:minmax(80px,1.4fr) 48px 68px 68px 64px}}.course-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.course-toolbar strong{color:#334155;font-size:16px}.course-toolbar .muted{margin:5px 0 0}.course-tree{border:1px solid #edf0f5;border-radius:7px;overflow:hidden}.course-node+.course-node{border-top:1px solid #edf0f5}.course-tree-row{min-height:52px;padding:10px 14px 10px var(--course-indent);color:#52627a;background:#fff;align-items:center;gap:10px;display:flex}.course-expand-toggle,.course-expand-placeholder{color:#719185;background:0 0;border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.course-expand-toggle:hover{color:#2f8d73;background:#eaf8f2}.course-expand-toggle:focus-visible{outline-offset:2px;outline:2px solid #7bc9b4}.course-tree-row.inactive{opacity:.72;background:#fafafa}.course-tree-row strong{color:#334155;min-width:120px;font-size:13px}.course-kind,.course-status,.course-score{border-radius:10px;flex:none;padding:3px 7px;font-size:10px}.course-kind{color:#2563eb;background:#eff6ff}.course-status{color:#8a97aa;background:#f1f5f9}.course-score{color:#ad7a05;background:#fff8d9}.course-node-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.course-node-description{margin:-3px 14px 10px var(--course-indent);color:#8a97aa;font-size:12px;line-height:1.55}.course-node-children{border-top:1px solid #f3f5f8}.course-editor{width:min(460px,100vw - 32px)}.course-editor form{display:grid}.course-editor label{color:#52627a;gap:7px;margin-top:14px;font-size:12px;display:grid}.course-editor input,.course-editor textarea{color:#27364f;width:100%;font:inherit;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;padding:10px 11px;font-size:13px}.course-editor textarea{resize:vertical;min-height:76px}.course-editor input:focus,.course-editor textarea:focus{border-color:#69cbb1;box-shadow:0 0 0 3px #69cbb129}.sprite-config-page{max-width:1240px}.sprite-heading{margin-bottom:20px}.sprite-heading-mark{color:#168f73;background:#eafaf5;border:1px solid #d5f0e6;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.sprite-stage-workspace,.sprite-catalog-workspace,.sprite-deployment-workspace{background:#fff;border:1px solid #e9edf4;border-radius:8px;padding:18px}.sprite-catalog-workspace,.sprite-deployment-workspace{margin-top:16px}.sprite-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.sprite-section-head h2{color:#334155;margin-top:4px;font-size:17px}.sprite-section-head h2 small{color:#78a08e;margin-left:7px;font-size:11px;font-weight:500}.sprite-section-kicker{color:#bd7a11;font-size:11px;font-weight:700;display:inline-block}.sprite-section-kicker.mint{color:#168f73}.stage-timeline{grid-template-columns:repeat(6,minmax(142px,1fr));gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.stage-card{background:#fffdf5;border:1px solid #f3e8bb;border-radius:7px;grid-template-columns:42px minmax(0,1fr);gap:9px;min-width:150px;min-height:92px;padding:12px;display:grid;position:relative}.stage-card:after{content:"";border-top:1px dashed #e6d789;width:10px;position:absolute;top:42px;right:-10px}.stage-card:last-child:after{display:none}.stage-card.disabled{opacity:.68;background:#fafbfc;border-color:#edf0f4}.stage-orbit{color:#c18b16;background:#fff3c5;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.stage-orbit img{object-fit:cover;width:100%;height:100%}.stage-content{align-content:center;gap:2px;min-width:0;display:grid}.stage-number{color:#b99338;font-size:10px}.stage-content strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stage-content>span:last-child{color:#8a7560;font-size:11px}.stage-actions{grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:2px;display:flex}.stage-actions>button:first-child{color:#8190a5;background:0 0;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.stage-actions>button:first-child:hover{color:#d95f4b;background:#fff1ed}.stage-status{border-radius:9px;padding:3px 7px;font-size:10px}.stage-status.enabled{color:#168f73;background:#e6faf4}.stage-status.paused{color:#8391a4;background:#eef2f6}.species-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:13px;display:grid}.species-card{background:#fff;border:1px solid #e6edf1;border-radius:7px;grid-template-rows:140px minmax(0,1fr) auto;min-height:270px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.species-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #4058751a}.species-card.disabled{filter:grayscale(.55);opacity:.72}.reward-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:13px;display:grid}.reward-card{background:#fff;border:1px solid #e6edf1;border-radius:7px;grid-template-rows:140px minmax(0,1fr) auto;min-height:270px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.reward-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #4058751a}.reward-card.disabled{filter:grayscale(.55);opacity:.72}.reward-cover{color:#f59e32;background:#fff7ed;place-items:center;display:grid}.reward-cover img{object-fit:cover;width:100%;height:100%}.reward-body{gap:7px;padding:14px;display:grid}.reward-body h3{color:#27364f;margin:4px 0 0;font-size:16px}.reward-body b{color:#e9871f;font-size:14px}.reward-body p{color:#8a97aa;min-height:34px;font-size:12px;line-height:1.45}.reward-body small{color:#6f8096;font-size:12px}.reward-status{color:#2da477;font-size:11px}.asset-upload{color:#8a97aa;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;place-items:center;width:120px;height:96px;display:grid;position:relative;overflow:hidden}.asset-upload img{object-fit:cover;width:100%;height:100%}.asset-upload span{align-items:center;gap:5px;font-size:12px;display:inline-flex}.asset-upload input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.species-cover{color:#d7725f;background:linear-gradient(135deg,#fff5de 0%,#eaf9f5 100%);place-items:center;display:grid;overflow:hidden}.species-cover img{object-fit:cover;width:100%;height:100%}.species-body{gap:7px;padding:12px 13px 10px;display:grid}.species-body>div{justify-content:space-between;align-items:start;gap:6px;display:flex}.species-series{color:#168f73;text-overflow:ellipsis;white-space:nowrap;max-width:86px;font-size:10px;display:inline-block;overflow:hidden}.species-body h3{color:#334155;margin:4px 0 0;font-size:14px}.species-body b{color:#a66d11;background:#fff7d9;border-radius:4px;justify-self:start;padding:3px 6px;font-size:10px}.species-body p{color:#8a97aa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.species-foot{border-top:1px solid #f0f3f5;gap:12px;padding:9px 13px;display:flex}.species-foot .row-action{font-size:11px}.sprite-section-kicker.coral{color:#d95f4b}.deployment-head{margin-bottom:12px}.deployment-head .primary{align-items:center;gap:6px;display:inline-flex}.deployment-toolbar{background:#f8fbfd;border:1px solid #eef2f5;border-radius:6px;align-items:center;gap:12px;min-height:42px;margin-bottom:14px;padding:8px 10px;display:flex}.deployment-toolbar label{color:#60728b;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.deployment-toolbar svg{color:#168f73}.deployment-toolbar select{color:#334155;min-width:188px;height:30px;font:inherit;background:#fff;border:1px solid #dfe7ec;border-radius:5px;outline:none;padding:0 26px 0 9px;font-size:12px}.deployment-toolbar select:focus{border-color:#69cbb1;box-shadow:0 0 0 3px #69cbb126}.deployment-count{color:#a66d11;margin-left:auto;font-size:11px}.deployment-error,.deployment-message{margin:0 0 12px;font-size:12px}.deployment-message{color:#168f73}.deployment-state{color:#8a97aa;background:#fcfdff;border:1px dashed #dce6ec;border-radius:6px;align-content:center;place-items:center;gap:8px;min-height:126px;font-size:12px;display:grid}.deployment-state svg{color:#69cbb1}.deployment-species-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;display:grid}.deployment-species-card{cursor:pointer;background:#fff;border:1px solid #e6edf1;border-radius:6px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:68px;padding:8px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.deployment-species-card:hover{background:#fbfffd;border-color:#b9dfd3}.deployment-species-card.selected{background:#f0fcf8;border-color:#69cbb1;box-shadow:0 4px 12px #32a1831c}.deployment-species-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.deployment-species-cover{color:#d7725f;background:#fff3df;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.deployment-species-cover img{object-fit:cover;width:100%;height:100%}.deployment-species-card strong,.deployment-species-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.deployment-species-card strong{color:#3d4c62;font-size:12px}.deployment-species-card span{color:#9a835e;margin-top:4px;font-size:10px}.deployment-species-card i{color:#0000;background:#f1f5f7;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:7px;right:7px}.deployment-species-card.selected i{color:#fff;background:#2bbf9a}.sprite-state,.sprite-empty{color:#8a97aa;background:#fff;border:1px solid #e9edf4;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:290px;font-size:13px;display:grid}.sprite-state strong,.sprite-empty strong{color:#52627a}.sprite-state svg,.sprite-empty svg{color:#f0a426}.sprite-failed{color:#d95f4b}.sprite-empty{background:#fcfdff;border-style:dashed;min-height:186px}.sprite-empty p{color:#9aa7ba;font-size:12px}.catalog-empty{min-height:260px}.sprite-editor{width:min(520px,100vw - 32px)}.sprite-editor form{display:grid}.sprite-editor label{color:#52627a;gap:7px;margin-top:13px;font-size:12px;display:grid}.sprite-editor input,.sprite-editor textarea{color:#27364f;width:100%;font:inherit;background:#fff;border:1px solid #dfe6f0;border-radius:6px;outline:0;padding:10px 11px;font-size:13px}.sprite-editor textarea{resize:vertical;min-height:72px}.sprite-editor input:focus,.sprite-editor textarea:focus{border-color:#69cbb1;box-shadow:0 0 0 3px #69cbb129}.sprite-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sprite-asset-picker{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.sprite-asset-input{display:none}.sprite-asset-preview{color:#d18b50;background:#f4fbf8;border:1px dashed #b9ddcf;border-radius:6px;grid-row:1/span 2;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.sprite-asset-preview.empty{background:#fffaf0;border-color:#ead9aa}.sprite-asset-preview img{object-fit:cover;width:100%;height:100%}.sprite-asset-actions{flex-wrap:wrap;gap:7px;display:flex}.sprite-asset-upload{color:#257c69;border-color:#b8dfd3;align-items:center;gap:5px;width:fit-content;min-height:30px;padding:0 9px;font-size:11px;display:inline-flex}.sprite-asset-upload:hover{color:#126958;background:#f0fcf8}.sprite-asset-clear{color:#a16919;background:#fff8e6;border:1px solid #f1dfac;border-radius:4px;align-items:center;gap:4px;width:fit-content;min-height:30px;padding:0 7px;font-size:10px;display:inline-flex}.sprite-asset-clear:hover{color:#d26350;background:#fff0eb;border-color:#f1c8bc}.sprite-asset-error{color:#d95f4b;grid-column:2;margin:0;font-size:11px}.sprite-asset-spinner{animation:.8s linear infinite sprite-asset-spin}@keyframes sprite-asset-spin{to{transform:rotate(360deg)}}.sprite-editor-mask{align-items:start;padding:88px 24px 24px;overflow:auto}.sprite-editor-mask .sprite-editor{margin:0 auto}.species-editor{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:0 24px;width:min(980px,100vw - 48px);max-height:calc(100vh - 112px);display:grid;overflow:auto}.species-editor .modal-head,.species-editor>.login-error,.species-editor>.modal-actions{grid-column:1/-1}.species-editor .modal-head{z-index:1;background:#fff;border-bottom:1px solid #edf2f0;margin:-24px -24px 0;padding:22px 24px 16px;position:sticky;top:-24px}.species-editor-main,.species-editor-assets{min-width:0}.species-editor-main>label:first-child,.species-editor-assets>label:first-child{margin-top:16px}.species-editor-main textarea{min-height:148px}.species-editor-assets{border-left:1px solid #edf1ef;padding-left:24px}.species-editor .modal-actions{background:#fff;border-top:1px solid #edf2f0;margin:20px -24px -24px;padding:15px 24px;position:sticky;bottom:-24px}.species-editor .species-stage-assets{margin-top:16px}.species-editor .species-stage-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.species-editor .species-stage-asset-row{grid-template-columns:1fr;gap:10px;min-height:138px}.species-editor .sprite-asset-preview{aspect-ratio:1;grid-row:auto;align-self:center;width:76px;height:auto}.species-editor .sprite-asset-preview img{aspect-ratio:1;object-fit:cover}.species-editor .species-stage-asset-row .sprite-asset-picker{grid-template-columns:52px minmax(0,1fr)}.species-editor .species-stage-asset-row .sprite-asset-preview{width:52px}.species-editor .sprite-asset-actions{align-self:center}@media (width<=780px){.species-editor{grid-template-columns:1fr;width:min(620px,100vw - 24px)}.species-editor-assets{border-left:0;padding-left:0}.species-editor .species-stage-assets-grid{grid-template-columns:1fr}.species-editor .modal-head{top:-24px}}.species-stage-assets{background:#f8fbfd;border:1px solid #e1e9f0;border-radius:6px;gap:10px;margin-top:15px;padding:12px;display:grid}.species-stage-assets>div:first-child{gap:3px;display:grid}.species-stage-assets>div:first-child strong{color:#3d4c62;font-size:13px}.species-stage-assets>div:first-child span,.species-stage-assets-empty{color:#738197;font-size:11px}.species-stage-assets-grid{gap:8px;max-height:420px;display:grid;overflow-y:auto}.species-stage-asset-row{background:#fff;border:1px solid #e6edf1;border-radius:5px;grid-template-columns:minmax(125px,.75fr) minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.species-stage-asset-row .sprite-asset-picker{grid-template-columns:48px minmax(0,1fr)}.species-stage-asset-row .sprite-asset-preview{width:48px;height:48px}.species-stage-asset-title{align-items:center;gap:8px;min-width:0;display:flex}.species-stage-asset-title>img,.species-stage-asset-title>svg{object-fit:cover;color:#b17f48;background:#fff7e8;border-radius:50%;flex:none;width:32px;height:32px;padding:4px}.species-stage-asset-title div{min-width:0}.species-stage-asset-title strong,.species-stage-asset-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.species-stage-asset-title strong{color:#43526a;font-size:12px}.species-stage-asset-title span{color:#8290a3;margin-top:3px;font-size:10px}.sprite-growth-workspace{background:#fff;border:1px solid #e9edf4;border-radius:8px;padding:16px}.sprite-growth-state{color:#8a97aa;text-align:center;align-content:center;place-items:center;gap:9px;min-height:300px;font-size:13px;display:grid}.sprite-growth-state svg{color:#e8ad35}.sprite-growth-state strong{color:#52627a}.sprite-growth-state span{color:#9aa7ba;font-size:12px}.sprite-growth-tip{color:#a66d11;background:#fffaf0;border:1px solid #f5e7bc;border-radius:6px;margin:14px 0 12px;padding:9px 11px;font-size:12px}.sprite-growth-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;display:grid}.sprite-growth-card{background:#fff;border:1px solid #e6edf1;border-radius:7px;min-width:0;padding:12px}.sprite-growth-card:hover{border-color:#c4e4d8;box-shadow:0 7px 18px #326e5b12}.sprite-growth-card-top{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.sprite-growth-card-top strong,.sprite-growth-card-top span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sprite-growth-card-top strong{color:#3d4c62;font-size:13px}.sprite-growth-card-top span{color:#95a1b2;margin-top:4px;font-size:10px}.sprite-growth-card-top>b{color:#d46d59;white-space:nowrap;align-self:start;font-size:11px}.sprite-growth-stage{justify-content:space-between;align-items:baseline;gap:8px;margin-top:13px;display:flex}.sprite-growth-stage span{color:#168f73;font-size:12px;font-weight:700}.sprite-growth-stage small{color:#8a97aa;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sprite-growth-progress{background:#edf4f1;border-radius:4px;height:6px;margin-top:7px;overflow:hidden}.sprite-growth-progress i{border-radius:inherit;background:#69cbb1;min-width:2px;height:100%;display:block}.sprite-growth-card-foot{border-top:1px solid #f0f3f5;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding-top:9px;display:flex}.sprite-growth-card-foot>span{color:#687990;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sprite-growth-card-foot div{flex:none;gap:5px;display:flex}.sprite-growth-card-foot b,.sprite-growth-card-foot em{white-space:nowrap;border-radius:4px;padding:3px 5px;font-size:10px;font-style:normal}.sprite-growth-card-foot b{color:#d95f4b;background:#fff0ec}.sprite-growth-card-foot em{color:#168f73;background:#eafaf5}.sprite-growth-pagination{color:#7e8da3;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.stat-icon.mint{color:#168f73;background:#e6faf4}.stat-icon.coral{color:#d95f4b;background:#fff0ec}.stat-icon.yellow{color:#ad7a05;background:#fff8d9}.primary:hover{background:#dc6853}.workspace-dot{background:#f0c64d}.message-entry b{background:#f07b65}.student-toolbar select:focus{border-color:#69cbb1;box-shadow:0 0 0 3px #69cbb129}.student-toolbar{flex-wrap:wrap;align-items:center}.student-table{overflow-x:auto}@media (width<=900px){.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px}.brand{width:auto;margin-right:auto}.classroom-switcher{order:3;width:100%;margin-right:0}.classroom-switcher-trigger{width:100%}.top-nav{order:4;width:100%;overflow-x:auto}.top-actions{margin-left:0}.student-toolbar{align-items:stretch}.student-toolbar select,.student-toolbar .search-box{width:100%}.student-file-actions{flex-wrap:wrap;width:100%;margin-left:0}.student-table{overflow-x:auto}.table-head,.table-row{min-width:680px}.course-toolbar{flex-direction:column;align-items:flex-start}.course-tree-row{flex-wrap:wrap;align-items:flex-start}.course-node-actions{width:100%;margin-left:0}}@media (width<=1100px){.content{padding:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1200px){.class-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=900px){.teacher-table-head{display:none}.teacher-table-row{grid-template-columns:1fr 1fr}.teacher-table-row>span:last-child{grid-column:1/-1}.teacher-toolbar{flex-direction:column;align-items:flex-start}.profile-grid,.class-session-selectors{grid-template-columns:1fr}.active-session{flex-direction:column;align-items:flex-start}.attendance-head{display:none}.attendance-row{grid-template-columns:1fr 1fr}.attendance-row>span:last-child{grid-column:1/-1}.attendance-filter{flex-direction:column;align-items:flex-start}.task-form{grid-template-columns:1fr 1fr}.task-form input,.task-score-field{grid-column:1/-1}.task-layout{grid-template-columns:1fr}.timer-create{grid-template-columns:1fr 1fr}.timer-create>input{grid-column:1/-1}.timer-active{flex-direction:column;align-items:flex-start}.timer-settings{flex-wrap:wrap}.score-adjust-form{grid-template-columns:1fr 1fr}.score-student-picker,.score-reason{grid-column:1/-1}.score-record-row{grid-template-columns:minmax(0,1fr) 54px 52px}.score-record-main{grid-area:2/1/auto/-1}.score-file-actions{justify-content:flex-start}.score-rule-section-head{flex-direction:column;align-items:stretch}.score-rule-section-head select{width:100%}.score-rule-head{display:none}.score-rule-row,.class-rule-row{grid-template-columns:1fr 1fr}.score-rule-row>strong,.class-rule-row>strong{grid-column:1/-1}.rule-actions{flex-wrap:wrap}.analysis-toolbar,.analysis-filters{flex-direction:column;align-items:stretch}.analysis-filters select,.analysis-filters input{width:100%}.analysis-actions{justify-content:flex-end}.analysis-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-chart-grid{grid-template-columns:1fr}}@media (width<=1100px){.species-grid,.reward-grid{grid-template-columns:repeat(3,minmax(190px,1fr))}.stage-timeline{grid-template-columns:repeat(6,minmax(150px,1fr))}.deployment-species-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.sprite-growth-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media (width<=900px){.sprite-section-head{flex-direction:column;align-items:flex-start}.species-grid,.reward-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.sprite-heading-mark{display:none}.deployment-toolbar{flex-direction:column;align-items:flex-start}.deployment-count{margin-left:0}.deployment-species-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.sprite-growth-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media (width<=700px){.message-toolbar{flex-direction:column;align-items:stretch}.message-toolbar .search-box{width:100%}.message-item{grid-template-columns:34px minmax(0,1fr)}.message-item>.row-action,.message-read{grid-column:2;justify-self:start}}.sprite-growth-detail{color:#168f73;background:#f2fcf8;border:1px solid #d8f0e6;border-radius:5px;width:100%;margin-top:10px;padding:7px 9px;font-size:11px;font-weight:700}.sprite-profile-mask{background:#1f314940;justify-items:end}.sprite-profile-drawer{background:#f8fbfd;width:min(720px,100vw);height:100%;overflow-y:auto;box-shadow:-14px 0 34px #30435e29}.sprite-profile-head{background:#fff;border-bottom:1px solid #e9eef3;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sprite-profile-head span{color:#db725e;font-size:11px;font-weight:700}.sprite-profile-head h2{color:#334155;margin-top:3px;font-size:19px}.sprite-profile-head .modal-close{color:#78879a;background:#f5f8fa;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.sprite-profile-head .modal-close:hover{color:#d95f4b;background:#fff0ec}.sprite-profile-state{color:#8a97aa;align-content:center;place-items:center;gap:9px;min-height:320px;font-size:13px;display:grid}.sprite-profile-state svg{color:#e9aa2e}.sprite-profile-state strong{color:#53647c}.sprite-profile-summary,.sprite-profile-stage,.sprite-profile-collection{background:#fff;border:1px solid #e6edf1;border-radius:7px;margin:16px 18px 0;padding:15px}.sprite-profile-summary{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.sprite-profile-avatar{color:#d87560;background:#fff2df;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.sprite-profile-avatar img,.sprite-profile-cover img{object-fit:cover;width:100%;height:100%}.sprite-profile-summary strong,.sprite-profile-summary span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sprite-profile-summary strong{color:#3a4c65;font-size:14px}.sprite-profile-summary span{color:#91a0b2;margin-top:5px;font-size:11px}.sprite-profile-summary>b{color:#d86b57;white-space:nowrap;align-self:start;font-size:12px}.sprite-profile-stage>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sprite-profile-stage strong{color:#168f73;font-size:13px}.sprite-profile-stage span{color:#8998aa;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sprite-profile-progress{background:#eaf4f0;border-radius:4px;height:7px;margin-top:9px;overflow:hidden}.sprite-profile-progress i{border-radius:inherit;background:#69cbb1;min-width:2px;height:100%;display:block}.sprite-profile-timeline{grid-template-columns:repeat(6,minmax(82px,1fr));gap:0;margin-top:14px;list-style:none;display:grid;overflow-x:auto}.sprite-profile-timeline li{color:#aab5c1;gap:3px;min-width:96px;padding-right:10px;font-size:10px;display:grid;position:relative}.sprite-profile-timeline li:before{content:"";border-top:1px dashed #d9e3e8;position:absolute;top:6px;left:12px;right:0}.sprite-profile-timeline li:last-child:before{display:none}.sprite-profile-timeline i{z-index:1;background:#e9eef2;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:relative;box-shadow:0 0 0 1px #d9e3e8}.sprite-profile-timeline li.reached{color:#168f73}.sprite-profile-timeline li.reached i{background:#69cbb1;box-shadow:0 0 0 1px #69cbb1}.sprite-profile-timeline b{color:inherit;font-size:10px;font-weight:600}.sprite-profile-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.sprite-profile-section-head>div{gap:3px;display:grid}.sprite-profile-section-head span{color:#586a83;font-size:12px;font-weight:700}.sprite-profile-section-head strong{color:#168f73;font-size:10px}.sprite-profile-section-head>b{color:#d86652;background:#fff0ec;border-radius:4px;padding:4px 6px;font-size:10px}.sprite-profile-empty{color:#93a0b1;text-align:center;background:#fcfdff;border:1px dashed #dce6ec;border-radius:6px;align-content:center;place-items:center;gap:8px;min-height:180px;font-size:12px;display:grid}.sprite-profile-empty svg{color:#e7ad35}.sprite-profile-empty strong{color:#5b6c83}.sprite-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sprite-profile-card{background:#fff;border:1px solid #e7edf1;border-radius:6px;grid-template-columns:54px minmax(0,1fr);gap:9px;min-height:108px;padding:9px;display:grid}.sprite-profile-card.unlockable{background:#fffdf6;border-color:#f1d998}.sprite-profile-card.owned{background:#f9fffc;border-color:#ccebdd}.sprite-profile-card.locked{opacity:.76}.sprite-profile-cover{color:#d87560;background:#fff2df;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.sprite-profile-card-body{align-content:start;gap:4px;min-width:0;display:grid}.sprite-profile-card-body>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.sprite-profile-card-body strong,.sprite-profile-card-body span,.sprite-profile-card-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sprite-profile-card-body strong{color:#3c4e65;font-size:12px}.sprite-profile-card-body span{color:#7b9b8c;font-size:9px}.sprite-profile-card-body>b{color:#a27517;justify-self:start;font-size:10px}.sprite-profile-card-body p{color:#8796a9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.sprite-profile-card-body em{border-radius:4px;justify-self:start;align-items:center;gap:3px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.sprite-profile-card-body em.owned{color:#168f73;background:#e7faf3}.sprite-profile-card-body em.unlockable{color:#b37a08;background:#fff7d9}.sprite-profile-card-body em.locked{color:#8290a2;background:#f0f3f6}.sprite-profile-card-body small{color:#c26a58;font-size:9px}@media (width<=900px){.sprite-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sprite-profile-action{border-radius:4px;min-height:27px;margin-top:3px;padding:0 8px;font-size:10px}.sprite-profile-action svg{flex:none}.sprite-profile-action-error{color:#c65e4d;background:#fff0ec;border:1px solid #f5cfc7;border-radius:5px;margin:0 0 10px;padding:7px 9px;font-size:11px}.sprite-action-spinner{animation:.8s linear infinite sprite-asset-spin}.sprite-profile-operations{background:#fff;border:1px solid #e6edf1;border-radius:7px;margin:16px 18px 20px;padding:15px}.sprite-profile-operations-state{color:#94a1b1;justify-content:center;align-items:center;gap:6px;min-height:58px;font-size:11px;display:flex}.sprite-profile-operation-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.sprite-profile-operation-list li{border-top:1px solid #f0f3f5;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.sprite-profile-operation-list li:first-child{border-top:0}.sprite-profile-operation-list span{gap:3px;min-width:0;display:grid}.sprite-profile-operation-list strong{color:#53647c;font-size:11px}.sprite-profile-operation-list small{color:#98a5b4;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sprite-profile-operation-list time{color:#a5afbb;flex:none;font-size:10px}.lottery-mark{color:#c66c46;background:#fff1e9;border-color:#ffd4bf}.lottery-settings-panel,.lottery-prize-panel{min-height:0;margin-bottom:18px}.lottery-settings-toolbar{align-items:end}.lottery-settings-toolbar label:not(.switch-label){min-width:104px}.lottery-settings-toolbar input[type=number]{width:100%}.lottery-prize-panel .section-title p{color:#8d9aaa;margin-top:5px;font-size:12px}.lottery-prize-table{border:1px solid #edf0f5;border-radius:7px;margin-top:18px;overflow:hidden}.lottery-prize-head,.lottery-prize-row{grid-template-columns:72px minmax(150px,1.1fr) minmax(150px,1fr) 80px 92px 70px;align-items:center;gap:12px;padding:12px 15px;font-size:13px;display:grid}.lottery-prize-head{color:#8a97aa;background:#f8fafc;font-size:12px}.lottery-prize-row{color:#617086;border-top:1px solid #f0f3f7}.lottery-prize-row strong{color:#3c4e65;font-size:13px}.lottery-prize-row .status{justify-self:start}.lottery-prize-modal{width:470px}.lottery-draw-panel{min-height:0}.lottery-draw-grid{grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);align-items:stretch;gap:26px;display:grid}.lottery-controls{align-content:start;gap:17px;display:grid}.lottery-controls>label,.lottery-control-group{color:#62738a;gap:7px;font-size:12px;font-weight:600;display:grid}.lottery-controls select{color:#3d5068;background:#fff;border:1px solid #dfe7f0;border-radius:6px;outline:0;width:100%;min-height:39px;padding:0 10px}.lottery-controls small{color:#d27155;font-size:11px}.lottery-draw-button{color:#fff;background:#e98051;min-height:42px;box-shadow:0 3px 8px #de704838}.lottery-draw-button:hover:not(:disabled){background:#d76e42}.lottery-draw-button:disabled{cursor:not-allowed;opacity:.55}.lottery-stage{color:#6d7d91;text-align:center;background:#f8fffc;border:1px dashed #cde9dc;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:230px;padding:20px;display:grid}.lottery-stage.wheel{background:#fffaf0;border-color:#f3d894}.lottery-stage-icon{color:#39a788;background:#e5f8f0;border-radius:50%;place-items:center;width:82px;height:82px;display:grid}.lottery-stage.wheel .lottery-stage-icon{color:#d79921;background:#fff0c9}.lottery-stage strong{color:#3c5861;font-size:16px}.lottery-stage p{color:#94a2b0;max-width:260px;font-size:12px;line-height:1.55}.lottery-stage b{color:#c77442;font-size:12px}.lottery-result{border-top:1px solid #eff2f4;margin-top:24px;padding-top:20px}.lottery-result .section-title small{color:#8d9aaa;font-size:11px}.lottery-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.lottery-result-grid.wheel{grid-template-columns:repeat(3,minmax(0,1fr))}.lottery-result-card{color:#378d76;text-align:center;background:#f7fffb;border:1px solid #ccebdd;border-radius:7px;align-content:center;place-items:center;gap:6px;min-height:122px;padding:14px;display:grid;position:relative}.lottery-result-grid.wheel .lottery-result-card{color:#bd7d14;background:#fffaf0;border-color:#f4d99a}.lottery-result-card>b{color:#a3b4bd;font-size:10px;position:absolute;top:9px;left:10px}.lottery-result-card strong{color:#465a70;font-size:13px}.lottery-result-card span{color:#8393a3;font-size:11px}.lottery-records{border-top:1px solid #eff2f4;margin-top:24px;padding-top:20px}.lottery-record-empty{min-height:160px}@media (width<=1100px){.lottery-draw-grid{grid-template-columns:minmax(280px,.9fr) minmax(280px,1fr)}.lottery-prize-head,.lottery-prize-row{grid-template-columns:52px minmax(120px,1fr) minmax(125px,1fr) 60px 76px 52px;gap:8px;padding-left:10px;padding-right:10px}}.adventure-hub-page{max-width:1240px}.adventure-heading-mark{color:#3d9b87;background:#effbf7;border-color:#cdeee3}.adventure-state{color:#8898aa;text-align:center;background:#fff;border:1px solid #e8eef2;border-radius:7px;align-content:center;place-items:center;gap:9px;min-height:260px;font-size:13px;display:grid}.adventure-state svg{color:#e1a339}.adventure-state strong{color:#53647a}.adventure-state p{color:#96a4b4;font-size:12px}.adventure-failed{color:#c86655;background:#fffaf8;border-color:#f0d5ce}.adventure-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.adventure-feature-card{background:#fff;border:1px solid #e4ecee;border-radius:7px;grid-template-columns:40px minmax(0,1fr);gap:10px;min-height:136px;padding:13px;transition:transform .16s,box-shadow .16s;display:grid}.adventure-feature-card.feature-ready:hover{transform:translateY(-2px);box-shadow:0 9px 20px #3a54681a}.adventure-feature-card.feature-developing{background:#fcfdff;border-color:#edf0f4}.adventure-feature-card.feature-placeholder{background:#fffdf7;border-color:#f0e6bc}.adventure-feature-icon{color:#359b84;background:#e8f9f2;border-radius:7px;place-items:center;width:40px;height:40px;display:grid}.feature-developing .adventure-feature-icon{color:#7385a0;background:#eef3f8}.feature-placeholder .adventure-feature-icon{color:#d18a26;background:#fff2cf}.adventure-feature-body{min-width:0}.adventure-feature-name{justify-content:space-between;align-items:center;gap:6px;display:flex}.adventure-feature-name strong{color:#43566d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.adventure-feature-body p{color:#8c9aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.adventure-status,.feature-disabled{border-radius:4px;place-self:end start;padding:3px 6px;font-size:10px;font-weight:700}.adventure-status.ready{color:#168c72;background:#e6f9f2}.adventure-status.developing,.feature-disabled{color:#8190a2;background:#eef2f5}.adventure-status.placeholder{color:#aa7317;background:#fff4d3}.feature-enter{color:#18856e;background:#f0fcf7;border:1px solid #cdeee2;border-radius:5px;place-self:end start;min-height:27px;padding:0 10px;font-size:11px;font-weight:700}.feature-enter:hover{color:#0c7059;background:#e3f8ef}.adventure-config-panel{min-height:0}.adventure-config-panel .section-title p{color:#8d9aaa;margin-top:5px;font-size:12px}.adventure-config-list{border:1px solid #e8edf1;border-radius:7px;margin-top:18px;overflow:hidden}.adventure-config-row{border-top:1px solid #edf1f4;grid-template-columns:minmax(128px,1.1fr) minmax(116px,.9fr) minmax(150px,1.5fr) 88px 105px 66px 48px 62px;align-items:end;gap:9px;padding:11px 13px;display:grid}.adventure-config-row:first-child{border-top:0}.adventure-config-row>label{color:#8492a2;gap:5px;font-size:10px;display:grid}.adventure-config-row input,.adventure-config-row select{color:#51647b;width:100%;min-width:0;height:31px;font:inherit;background:#fff;border:1px solid #dfe7ee;border-radius:5px;outline:0;padding:0 7px;font-size:11px}.adventure-config-row input:focus,.adventure-config-row select:focus{border-color:#69cbb1;box-shadow:0 0 0 3px #69cbb124}.adventure-config-code{gap:4px;min-width:0;padding-bottom:5px;display:grid}.adventure-config-code strong,.adventure-config-code span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adventure-config-code strong{color:#43566d;font-size:12px}.adventure-config-code span{color:#98a5b4;font-size:10px}.adventure-switch{align-content:center;min-height:31px}.adventure-config-row .row-action{min-height:31px;padding:0 7px;font-size:11px}.adventure-config-row .row-action:disabled{cursor:wait;opacity:.6}@media (width<=1180px){.adventure-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.adventure-config-list{overflow-x:auto}.adventure-config-row{min-width:980px}}@media (width<=760px){.adventure-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.random-draw-page{max-width:1160px}.random-draw-mark{color:#d06d49;background:#fff4ec;border-color:#ffd6c5}.random-draw-workspace{min-height:480px;padding:0;overflow:hidden}.random-draw-create{background:linear-gradient(135deg,#fbfffd,#fffdfa);grid-template-columns:minmax(260px,.9fr) minmax(420px,1.1fr);align-items:center;gap:34px;min-height:360px;padding:34px;display:grid}.random-draw-create h2{color:#40546a;margin-top:8px;font-size:20px}.random-draw-create p{color:#8b9bad;max-width:330px;margin-top:9px;font-size:12px;line-height:1.7}.random-draw-create-form{background:#fff;border:1px solid #e3ede9;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:21px;display:grid;box-shadow:0 9px 22px #4970630f}.random-draw-create-form label{color:#74869a;gap:7px;font-size:12px;font-weight:600;display:grid}.random-draw-create-form select{color:#445a70;width:100%;min-width:0;height:38px;font:inherit;background:#fff;border:1px solid #dce8e5;border-radius:6px;outline:0;padding:0 10px;font-size:12px}.random-draw-create-form select:focus{border-color:#65c7ad;box-shadow:0 0 0 3px #65c7ad26}.random-draw-create-form .primary{background:#3caa8e;grid-column:1/-1;justify-self:start;min-height:38px;box-shadow:0 3px 8px #2c9a7c2e}.random-draw-create-form .primary:hover:not(:disabled){background:#278d73}.random-draw-summary{border-bottom:1px solid #edf0f2;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:20px 24px;display:grid}.random-draw-status h2{color:#40556c;margin-top:8px;font-size:18px}.random-draw-status p{color:#8c9baa;margin-top:6px;font-size:12px}.random-draw-counts{gap:9px;display:flex}.random-draw-counts span{color:#91a0ac;text-align:center;background:#f5fbf8;border:1px solid #dceee7;border-radius:6px;gap:2px;min-width:76px;padding:7px 11px;font-size:10px;display:grid}.random-draw-counts b{color:#2b8c74;font-size:17px;line-height:1.1}.random-draw-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.random-draw-actions .outline{color:#537088;border-color:#dce6ec;min-height:33px;padding:0 10px}.random-draw-actions .outline:hover:not(:disabled){color:#247f6a;background:#f0fcf7;border-color:#bce5d7}.random-draw-actions .danger-outline:hover:not(:disabled){color:#b85146;background:#fff7f4;border-color:#f2cfc7}.random-draw-display-link{color:#527185;background:#f3fbff;border:1px solid #d6eaf3;border-radius:6px;align-items:center;gap:8px;margin:16px 24px 0;padding:10px 12px;font-size:12px;display:flex}.random-draw-display-link svg{color:#4a9bc2}.random-draw-display-link a{color:#247fa7;align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.random-draw-display-link .text-btn{color:#8295a4}.random-draw-stage{color:#8696a7;text-align:center;background:#f8fcfb;border:1px dashed #c9e6da;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:264px;margin:20px 24px;padding:26px;display:grid}.random-draw-stage.revealed{background:#fffcf5;border-color:#eedba9}.random-draw-stage-icon{color:#3b9f86;background:#e2f7ef;border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:2px;display:grid}.random-draw-stage.revealed .random-draw-stage-icon{color:#d49625;background:#fff0c9}.random-draw-stage>span{color:#8c9cab;font-size:12px}.random-draw-stage>strong{color:#40586d;font-size:27px;line-height:1.15}.random-draw-stage>p{color:#8d9cab;font-size:12px}.random-draw-stage>small{color:#bd7627;background:#fff3d6;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.random-draw-button{background:#e98051;min-width:132px;min-height:38px;margin-top:8px;box-shadow:0 3px 8px #d3653f33}.random-draw-button:hover:not(:disabled){background:#d66f43}.random-draw-button:disabled{cursor:not-allowed;opacity:.58}.random-draw-history{border-top:1px solid #edf1f3;margin:0 24px 24px;padding-top:19px}.random-draw-history .section-title{justify-content:space-between;align-items:end;display:flex}.random-draw-history .section-title h2{color:#475a70;margin-top:7px;font-size:15px}.random-draw-history .section-title small{color:#92a0ae;font-size:11px}.random-draw-history-list{border:1px solid #ebeff2;border-radius:7px;margin-top:14px;overflow:hidden}.random-draw-history-row{color:#66778b;border-top:1px solid #eff2f4;grid-template-columns:88px minmax(150px,1fr) 86px 135px;align-items:center;gap:12px;min-height:47px;padding:8px 13px;font-size:12px;display:grid}.random-draw-history-row:first-child{border-top:0}.random-draw-sequence{color:#529681;background:#eaf8f2;border-radius:4px;justify-self:start;padding:4px 6px;font-size:10px;font-weight:700}.random-draw-history-row strong{color:#465b72;gap:2px;font-size:13px;display:grid}.random-draw-history-row strong small{color:#98a5b2;font-size:10px;font-weight:400}.random-draw-history-row>b{color:#c27a30;font-size:11px}.random-draw-history-row>b.muted{color:#9ba8b2;font-weight:500}.random-draw-history-row time{color:#94a2b0;text-align:right;font-size:11px}.random-draw-history-empty{min-height:150px}.random-draw-display{color:#40566b;background:#edf8f5;grid-template-rows:auto 1fr;min-width:1024px;min-height:100vh;padding:26px 36px 38px;display:grid}.random-draw-display header{justify-content:space-between;align-items:center;display:flex}.random-draw-display-brand,.random-draw-display-tag{align-items:center;gap:8px;display:inline-flex}.random-draw-display-brand{color:#287f6b;font-size:19px;font-weight:800}.random-draw-display-tag{color:#b77727;background:#fff4d8;border:1px solid #f3dda6;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.random-draw-display-stage,.random-draw-display-state{align-content:center;place-items:center;display:grid}.random-draw-display-state{color:#6f8493;text-align:center;gap:13px;font-size:18px}.random-draw-display-state svg{color:#de9e27}.random-draw-display-state.failed{color:#bb6256}.random-draw-display-state button{color:#387b92;background:#fff;border:1px solid #cde2ec;border-radius:6px;margin-top:4px;padding:8px 12px}.random-draw-display-stage{gap:18px}.random-draw-display-meta{gap:10px;display:flex}.random-draw-display-meta span{color:#57917e;background:#e1f4ec;border-radius:5px;padding:6px 10px;font-size:13px;font-weight:700}.random-draw-display-card{text-align:center;background:#fff;border:1px solid #d7ebe3;border-radius:8px;align-content:center;place-items:center;gap:12px;width:min(680px,78vw);min-height:430px;padding:40px;display:grid;box-shadow:0 20px 45px #2d69571f}.random-draw-display-card.revealed{background:#fffdf7;border-color:#efddb0}.random-draw-display-icon{color:#3b9b83;background:#e5f7f0;border-radius:50%;place-items:center;width:130px;height:130px;display:grid}.random-draw-display-card.revealed .random-draw-display-icon{color:#d69524;background:#fff0c9}.random-draw-display-card>span{color:#8d9dab;font-size:16px}.random-draw-display-card>strong{color:#40576c;font-size:48px;line-height:1.12}.random-draw-display-card>p{color:#8798a8;font-size:17px}.random-draw-display-card>small{color:#a1aeb9;font-size:13px}@media (width<=1100px){.random-draw-create{grid-template-columns:minmax(210px,.8fr) minmax(360px,1.2fr);gap:22px;padding:26px}.random-draw-summary{gap:12px;padding:17px}.random-draw-history-row{grid-template-columns:80px minmax(120px,1fr) 74px 110px;gap:8px;padding:8px 10px}}@keyframes page-enter{0%{opacity:.65}to{opacity:1}}.content .page-heading{background:linear-gradient(102deg,#fbfffd 0%,#f3fbf8 68%,#fff9ed 100%);border:1px solid #e4eee9;border-radius:20px;margin-bottom:18px;padding:22px 26px}.content .page-heading .eyebrow{color:#6ea99a;font-weight:700}.content .page-heading h1{color:#3e5663;font-size:26px}.content .page-heading .muted{color:#819690}.class-session-context{color:#70809a;align-content:center;gap:4px;min-height:34px;font-size:12px;display:grid}.class-session-context strong{color:#3f907b;font-size:14px}.content .panel-title,.content .section-title,.content .panel-head{gap:12px}.content .panel-title strong,.content .section-title h2,.content .panel-head h2{color:#3e5862}.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{background:#fcfffd;border-color:#dceae5;border-radius:12px;transition:border-color .16s,box-shadow .16s,background .16s}.content input:not([type=checkbox]):not([type=radio]):focus,.content select:focus,.content textarea:focus{background:#fff;border-color:#79c8b2;outline:0;box-shadow:0 0 0 3px #79c8b226}.content .toolbar-row,.content .student-toolbar,.content .panel-title{padding-bottom:12px}.content .table-head{color:#75908a;background:#f4fbf8;border-color:#e2eee9}.content .table-row{border-color:#edf3f0;transition:background .15s}.content .table-row:hover{background:#f8fffc}.content .empty{background:#fbfffd;border:1px dashed #d8e9e2;border-radius:16px;min-height:190px}.content .success-message{color:#32836e;background:#effbf6;border-color:#cbeadf;border-radius:12px}.content .login-error,.content .error-state{border-radius:12px}.content .pagination .page-btn{border-radius:999px}.content .stat-card{border-color:#e1ece9;border-radius:18px;box-shadow:0 7px 18px #4865740d}.content .stat-icon.green{color:#2e9679;background:#e8faf3}@media (width<=760px){.content .page-heading{padding:19px 20px}}:root{--ink:#3d5660;--muted-ink:#82958f;--mint:#57b89d;--mint-soft:#eaf8f2;--coral:#ef8b67;--coral-soft:#fff0e8;--sun:#e8b84d;--sun-soft:#fff7dc;--line:#deece7;--surface:#fff;--canvas:#f4f9f7}.topbar{border-bottom-color:var(--line);background:#fffffff5;height:70px;padding:0 30px;box-shadow:0 3px 16px #456c630d}.brand{width:202px;color:var(--ink)}.brand-mark{color:#fff;background:var(--coral);border-radius:12px;width:34px;height:34px;box-shadow:0 5px 12px #ef8b6733}.classroom-switcher-trigger{min-width:200px;height:42px;color:var(--ink);background:#f6fcfa;border-color:#d7ebe3;border-radius:14px}.classroom-switcher-trigger:hover{background:var(--mint-soft);border-color:#9bd4c1}.classroom-switcher-trigger strong{color:#3f907b}.classroom-switcher-menu{border-color:#d7ebe3;border-radius:14px;box-shadow:0 16px 34px #3a635924}.classroom-switcher-menu button{border-radius:10px}.classroom-switcher-menu button:hover,.classroom-switcher-menu button.selected{color:#2f8a72;background:var(--mint-soft)}.top-nav{gap:4px}.top-nav button{color:#7b928b;border-radius:999px;padding:0 15px}.top-dropdown{border-color:var(--line);box-shadow:0 12px 32px #456c6324}.top-dropdown button:hover,.top-dropdown button.current{color:#318f76;background:var(--mint-soft)}.top-actions{gap:12px}.icon-btn{color:#73918a}.icon-btn:hover{color:var(--coral)}.user-chip{color:#526d67}.avatar{color:#3b937b;background:#ddf4eb;width:36px;height:36px}.body{min-height:calc(100vh - 70px)}.sidebar{border-right-color:var(--line);background:#f8fdfb;flex-basis:248px;width:248px;padding:20px 14px}.workspace{background:#fff;border-color:#e2eee9;border-radius:16px;margin:0 6px 20px;padding:13px 12px;box-shadow:0 5px 14px #456c630a}.workspace-dot{background:var(--mint);width:9px;height:9px;box-shadow:0 0 0 4px #eaf8f2}.workspace strong{color:var(--ink)}.menu-group{margin-bottom:5px}.menu-title{color:#607972;border-radius:13px;padding:11px 12px}.submenu{gap:3px;margin:4px 0 10px 38px}.submenu button{border-radius:10px;padding:9px 11px}.content{background:radial-gradient(circle at 92% 4%, #fff7dc94, transparent 26%), var(--canvas);padding:32px 40px 54px}.content .page-heading{border-radius:22px;box-shadow:0 8px 22px #456c630d}.content .page-heading h1{letter-spacing:0}.primary{color:#fff;background:var(--coral);border-radius:999px;padding:11px 18px;box-shadow:0 6px 14px #ef8b6733}.primary:hover:not(:disabled){background:#e47754}.outline{color:#3b937b;background:#fff;border-color:#bfe3d6;border-radius:999px;padding:9px 15px}.outline:hover:not(:disabled){color:#287b64;background:var(--mint-soft);border-color:#8fceb9}.text-btn{color:#3b937b}.content .panel,.content .class-card,.content .student-table,.content .attendance-table,.content .score-rule-table,.content .task-completion,.content .message-panel,.content .teacher-list-panel{border-color:var(--line);border-radius:20px;box-shadow:0 8px 22px #456c630b}.content .panel{background:var(--surface);padding:24px}.content .panel-head p,.content .section-title p,.content .panel-title p{color:var(--muted-ink)}.content .panel-head h2,.content .section-title h2,.content .panel-title strong{color:var(--ink)}.content .class-card{padding:20px}.content .class-card:hover{box-shadow:0 12px 26px #456c631a}.class-avatar{color:#3b937b;background:var(--mint-soft);border-radius:14px}.status.active{color:#2f9076;background:var(--mint-soft)}.status.inactive{color:#9a9e9e;background:#f0f4f3}.class-card-foot{border-top-color:#edf4f1}.class-card-foot button{color:#668079;border-radius:8px}.class-card-foot button:hover{color:#318e75;background:#f1fbf7}.content .toolbar,.content .student-toolbar,.content .toolbar-row{gap:14px}.content .search-box{width:240px}.content .table-head,.content .teacher-table-head,.content .attendance-head,.content .score-rule-head{color:#78918a;background:#f1faf6;border-color:#e2eee9}.content .empty{background:#fbfffd;border-radius:18px}.content .success-message{color:#318d74;background:#effbf6;border-color:#c8e9dc}.content .error-state{color:#cf6b55;background:#fff8f5;border-color:#f3d7ce}.content .pagination{border-top-color:#e7f0ed}.content .page-btn{color:#6c847d;border-color:#dceae5;min-width:30px;height:30px}.content .page-btn:hover:not(:disabled),.content .page-btn.current{color:#2f8d73;background:var(--mint-soft);border-color:#a8d9c8}.content .modal{border-radius:22px;box-shadow:0 24px 70px #304f4833}.content .modal-mask{background:#304a4447}.content .modal-close{border-radius:999px}.content .group-column,.content .seat-layout,.content .task-list,.content .score-adjust-form{background:#f7fcfa;border-color:#dfeee8;border-radius:16px}.content .student-chip,.content .seat-cell,.content .task-item{border-color:#e2eee9;border-radius:12px}.content .student-chip:hover,.content .seat-cell:hover,.content .task-item:hover,.content .task-item.selected{background:#f0fbf7;border-color:#a8d9c8}.content .seat-cell.podium{color:#c57f2b;background:var(--sun-soft);border-color:#f2d48e}.content .stat-card{background:#fff}.content .stat-icon{border-radius:14px}.content .stat-icon.mint,.content .stat-icon.green{color:#329477;background:var(--mint-soft)}.content .stat-icon.blue{color:#5f91ad;background:#edf7fb}@media (width<=1100px){.content{padding-left:28px;padding-right:28px}}@media (width<=760px){.content{padding:24px 20px 40px}.sidebar{flex-basis:224px;width:224px}.content .search-box{width:min(100%,220px)}}.content .expedition-config-panel,.content .lottery-settings-panel{min-height:0}.content .expedition-config-panel>.config-toolbar,.content .lottery-settings-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px 20px;padding:4px 2px 2px;display:grid}.content .config-toolbar>label:not(.switch-label),.content .lottery-settings-toolbar>label:not(.switch-label),.content .expedition-tier-card label:not(.switch-label),.content .lottery-prize-modal label:not(.switch-label){color:#60756f;gap:7px;min-width:0;font-size:12px;font-weight:600;display:grid}.content .config-toolbar>label:not(.switch-label) input,.content .lottery-settings-toolbar>label:not(.switch-label) input,.content .expedition-tier-card input:not([type=checkbox]):not([type=radio]),.content .expedition-tier-card select,.content .lottery-prize-modal input:not([type=checkbox]):not([type=radio]),.content .lottery-prize-modal select{width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fbfffd;border:1px solid #dceae5;border-radius:10px;outline:0;padding:8px 11px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.content .config-toolbar>label:not(.switch-label) input:focus,.content .lottery-settings-toolbar>label:not(.switch-label) input:focus,.content .expedition-tier-card input:not([type=checkbox]):not([type=radio]):focus,.content .expedition-tier-card select:focus,.content .lottery-prize-modal input:not([type=checkbox]):not([type=radio]):focus,.content .lottery-prize-modal select:focus{background:#fff;border-color:#79c8b2;box-shadow:0 0 0 3px #79c8b226}.content .expedition-tier-grid{gap:18px;display:grid}.content .expedition-tier-card{min-height:0;padding:24px 26px 26px}.content .expedition-tier-card .section-title{align-items:center;margin-bottom:20px}.content .expedition-tier-card .section-title h2{margin-top:4px;font-size:18px}.content .expedition-tier-card .sprite-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin-bottom:16px}.content .expedition-tier-card>label:last-child{margin-top:2px}.content .expedition-tier-card>label:last-child select{min-height:40px}.content .lottery-settings-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.content .lottery-settings-toolbar .switch-label{color:#47776b;background:#f2fbf7;border:1px solid #d9eee6;border-radius:10px;min-height:38px;padding:9px 11px}.content .lottery-settings-toolbar>.primary{align-self:end;min-height:40px}.content .lottery-prize-modal{gap:16px;display:grid}.content .lottery-prize-modal .sprite-form-row{gap:16px}@media (width<=900px){.content .expedition-config-panel>.config-toolbar,.content .lottery-settings-toolbar,.content .expedition-tier-card .sprite-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.content .expedition-config-panel>.config-toolbar,.content .lottery-settings-toolbar,.content .expedition-tier-card .sprite-form-row{grid-template-columns:1fr}.content .expedition-tier-card{padding:20px}}.login-card{border-radius:26px;padding:42px 42px 36px;box-shadow:0 22px 64px #396c8438}.login-brand{color:#3c7f8d}.login-brand-mark{background:var(--coral);border-radius:13px}.login-field input{background:#f3fbffe6;border-radius:14px;padding:13px 14px}.login-submit{background:var(--coral);border-radius:999px;min-height:48px}.login-submit:hover:not(:disabled){background:#e47754}@media (width<=560px){.login-card{border-radius:22px;padding:32px 26px 30px}}.workspace-heading{background:linear-gradient(135deg,#fff7edd9 0%,#fef3c78c 50%,#dbeafea6 100%);border:1px solid #f59e0b2e;align-items:center;position:relative;overflow:hidden}.workspace-heading:before{content:"";pointer-events:none;background:radial-gradient(circle,#fb923c59 0%,#fb923c00 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.workspace-heading:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f638 0%,#3b82f600 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:90px}.workspace-heading h1{max-width:720px;font-size:30px}.workspace-heading>.primary{z-index:1;position:relative}.workspace-shortcuts{min-height:0;margin-top:20px;position:relative;overflow:hidden}.workspace-shortcuts:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b1a 0%,#f59e0b00 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.workspace-shortcuts .panel-head,.workspace-shortcuts .shortcut-grid{z-index:1;position:relative}.shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.shortcut-card{min-height:82px;color:var(--ink);text-align:left;background:#fbfffd;border:1px solid #e1eee9;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.shortcut-card:hover{border-color:#a8d9c8;transform:translateY(-2px);box-shadow:0 10px 22px #456c631a}.shortcut-mark{color:#319579;background:var(--mint-soft);border-radius:13px;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.shortcut-card.coral .shortcut-mark{color:var(--coral);background:var(--coral-soft)}.shortcut-card.yellow .shortcut-mark{color:#c08a26;background:var(--sun-soft)}.shortcut-card.blue .shortcut-mark{color:#5f91ad;background:#edf7fb}.shortcut-card strong,.shortcut-card small{display:block}.shortcut-card strong{color:var(--ink);font-size:13px}.shortcut-card small{color:var(--muted-ink);margin-top:5px;font-size:11px}.shortcut-arrow{color:#90aea4;font-size:18px}@media (width<=1100px){.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.workspace-heading{flex-direction:column;align-items:flex-start;gap:18px}.workspace-heading h1{font-size:25px}.shortcut-grid{grid-template-columns:1fr}}:root{--coral:#eb7f5d;--coral-strong:#dc684a;--coral-soft:#fff1eb;--mint:#50ad91;--mint-soft:#eaf8f2;--sun:#e5b449;--sun-soft:#fff6d9;--canvas:#f4f1fa;--surface:#fff;--ink:#41525c;--muted-ink:#84908d;--line:#ece7e1;--c-primary:#ef7258;--c-primary-strong:#e45f44;--c-primary-soft:#fff1eb;--c-accent:#4c9fe6;--c-accent-strong:#2f86d3;--c-accent-soft:#eef7fd;--c-text:#33414d;--c-text-secondary:#5f6f7a;--c-border:#e7e1dc;--c-border-soft:#f2eee9;--c-surface-soft:#f4f7f5;--c-text-soft:#5f6f7a;--g-warm:linear-gradient(135deg, #f5927a, #ef7258);--g-cool:linear-gradient(135deg, #7ec8f0, #5b9ae8);--g-leaf:linear-gradient(135deg, #86d9bd, #50ad91);--sh-glow:0 8px 20px #ef725842;--sh-sticker:0 3px 0 #cec2b97a;--sh-card:0 10px 24px #46605814;--sh-pop:0 18px 40px #46605824;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:30px}.app-shell{isolation:isolate;background-color:var(--canvas);background-image:linear-gradient(118deg,#f7f4fc 0%,#f0ecf8 48%,#f8f5fc 100%);background-size:180% 180%;animation:18s ease-in-out infinite alternate canvas-drift;position:relative}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f6fcb8}.content{background:0 0}.app-shell>.body{z-index:1;position:relative}.app-shell>.topbar{z-index:20}.content>section:not(.quiz-game-page){animation:.2s ease-out both page-enter}@keyframes canvas-drift{0%{background-position:0 45%}to{background-position:100% 55%}}@media (prefers-reduced-motion:reduce){.app-shell{animation:none}}.primary{background:var(--coral);transition:background .18s,box-shadow .18s,transform .18s;box-shadow:0 5px 12px #d6654733}.primary:active:not(:disabled){transform:translateY(1px)}.outline{color:#4b9e84;border-color:#b9dfd1;transition:color .18s,border-color .18s,background .18s,transform .18s}.outline:hover:not(:disabled){color:#347d67;background:var(--mint-soft);border-color:#96cfbd;transform:translateY(-1px)}.text-btn,.row-action{color:#db704f}.class-card{flex-direction:column;min-height:244px;display:flex}.class-card-foot{gap:12px;margin-top:auto;padding-top:16px;display:grid}.class-card-teaching-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.class-card-action{color:#347e69;background:#f3fbf7;border:1px solid #d7eee4;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:42px;padding:8px 9px;font-size:12px;font-weight:700;display:inline-flex}.class-card-action:hover{color:#246b58;background:#e8f8f0;border-color:#a9d9c7}.class-card-action svg,.class-card-management-action svg,.course-link-button svg{flex:none}.class-card-action span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-card-management-actions{flex-wrap:wrap;gap:5px;display:flex}.class-card-management-action{color:#70877f;background:0 0;border-radius:7px;align-items:center;gap:5px;min-height:30px;padding:4px 7px;font-size:12px;display:inline-flex}.class-card-management-action:hover{color:#347e69;background:#f1faf6}.class-card-management-action.danger-action,.class-card-management-action.danger-action:hover{color:#cf6854}.class-card-management-action.danger-action:hover{background:#fff3f0}.course-panel{max-width:1280px}.course-toolbar{margin-bottom:14px}.course-toolbar strong{font-size:19px}.class-course-context{color:#58736a;background:#f3faf6;border:1px solid #deece6;border-radius:9px;flex-wrap:wrap;align-items:baseline;gap:9px;margin-bottom:22px;padding:12px 14px;font-size:13px;display:flex}.class-course-context strong{color:#314c45;font-size:15px}.class-course-context .muted{margin-left:auto;font-size:12px}.class-course-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.class-course-column{background:#fbfefc;border:1px solid #deece6;border-radius:12px;min-width:0;overflow:hidden}.class-course-column>header{background:#f3faf6;border-bottom:1px solid #e6f0ec;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;display:flex}.class-course-column h3{color:#334d46;margin:0;font-size:15px}.class-course-column header p{color:#80938d;margin:4px 0 0;font-size:12px}.class-course-column header>span{color:#437d6c;background:#e1f4eb;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.available-courses>header{background:#fffaf1;border-bottom-color:#f1eadb}.available-courses header>span{color:#a67728;background:#fff0c7}.course-link-list{padding:8px}.course-link-row{border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 8px 10px 12px;display:flex}.course-link-row+.course-link-row{border-top:1px solid #edf3f0}.course-link-row strong{color:#405750;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.course-link-button{border:1px solid;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.course-link-button.bind{color:#2d856b;background:#ebf9f2;border-color:#b7e3d0}.course-link-button.bind:hover{color:#216b55;background:#dff4e9;border-color:#88cbae}.course-link-button.unlink{color:#bd6252;background:#fff6f3;border-color:#f1ccc3}.course-link-button.unlink:hover{color:#a44f40;background:#ffebe6;border-color:#e8ab9d}.class-course-empty{color:#8ba09a;text-align:center;place-items:center;min-height:154px;padding:18px;font-size:13px;display:grid}.class-course-empty.no-class{background:#fbfefc;border:1px dashed #d6e8e1;border-radius:12px;min-height:260px}@media (width<=820px){.class-card-teaching-actions,.class-course-columns{grid-template-columns:1fr}}@media (width<=520px){.course-link-row{gap:10px}}.content button,.sidebar button,.topbar button,.content input,.content select,.content textarea{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s,opacity .18s}.content button:active:not(:disabled),.sidebar button:active:not(:disabled),.topbar button:active:not(:disabled){transform:translateY(1px)scale(.985)}.content input:focus,.content select:focus,.content textarea:focus{border-color:#aa9bcf;box-shadow:0 0 0 3px #aa9bcf29}.content .panel{transition:border-color .2s,box-shadow .2s}.content .panel:hover{border-color:#ded4ed;box-shadow:0 11px 28px #6f599114}.content .table-row,.content .teacher-table-row,.content .attendance-row,.content .course-link-row,.content .recycle-row{transition:background-color .18s,color .18s}.content .course-link-row:hover{background:#efe8fa7a}.modal-mask{animation:.16s ease-out both modal-mask-in}.modal{animation:.2s cubic-bezier(.2,.8,.25,1) both modal-in}@keyframes modal-mask-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.content button,.sidebar button,.topbar button,.content input,.content select,.content textarea,.content .panel,.content .table-row,.content .teacher-table-row,.content .attendance-row,.content .course-link-row,.content .recycle-row,.modal-mask,.modal{transition:none;animation:none}}.exchange-panel{max-width:1160px;min-height:0}.exchange-form{background:#fffaf6;border:1px solid #f1e5dc;border-radius:14px;grid-template-columns:minmax(220px,1.1fr) minmax(150px,.7fr) minmax(280px,1.5fr) auto;align-items:end;gap:16px;margin-top:4px;padding:20px;display:grid}.exchange-form label{color:#7b766f;gap:8px;min-width:0;font-size:12px;font-weight:700;display:grid}.exchange-form select{color:#4d5c67;width:100%;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #e4dcd4;border-radius:10px;outline:0;padding:0 34px 0 12px;font-size:13px}.exchange-form select:focus{border-color:#e59a80;box-shadow:0 0 0 3px #eb7f5d24}.exchange-form .primary{white-space:nowrap;min-height:42px;padding:0 19px}.exchange-panel>.login-error{background:#fff5f1;border:1px solid #f2d6ca;border-radius:9px;margin:14px 2px 0;padding:10px 12px}.exchange-panel>.success-message{align-items:center;gap:7px;margin:14px 2px 0;padding:10px 12px;display:flex}.exchange-panel>.section-title{border-bottom:1px solid #eee5de;margin-top:28px;padding-bottom:12px}.exchange-panel>.section-title h2{font-size:18px}.exchange-panel .exchange-list{background:#fff;border:1px solid #eee5de;border-radius:12px;margin-top:4px;display:grid;overflow:hidden}.exchange-panel .exchange-row{color:#6f7b81;grid-template-columns:minmax(150px,1fr) minmax(180px,1.4fr) 130px 180px;align-items:center;gap:18px;min-height:58px;padding:10px 16px;font-size:13px;display:grid}.exchange-panel .exchange-row+.exchange-row{border-top:1px solid #f1ebe6}.exchange-panel .exchange-row>span:first-child{color:#425765;font-weight:700}.exchange-panel .exchange-row>span:nth-child(2){color:#68777d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exchange-panel .exchange-row b{color:#d86e52;font-variant-numeric:tabular-nums;font-size:13px}.exchange-panel .exchange-row small{color:#9b9b96;text-align:right;white-space:nowrap}.exchange-panel>.empty{background:#fffdfa;border:1px dashed #eadfd5;border-radius:12px;min-height:220px;margin-top:4px}@media (width<=900px){.exchange-form{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-form .primary{width:100%}.exchange-panel .exchange-row{grid-template-columns:minmax(110px,1fr) minmax(130px,1.3fr) auto}.exchange-panel .exchange-row small{text-align:left;grid-column:1/-1}}@media (width<=560px){.exchange-form{grid-template-columns:1fr;padding:16px}.exchange-panel .exchange-row{grid-template-columns:1fr auto;gap:7px 12px;padding:12px 14px}.exchange-panel .exchange-row>span:nth-child(2){grid-column:1/-1}.exchange-panel .exchange-row b{grid-area:1/2}.exchange-panel .exchange-row small{grid-column:1/-1}}.topbar{border-bottom-color:var(--line)}.brand-mark{background:var(--coral)}.top-nav button:hover,.top-nav button.active{color:#d96849;background:var(--coral-soft)}.menu-title:hover,.menu-title.selected{color:#398f76;background:var(--mint-soft)}.content .page-heading{border-color:var(--line);background:#fff;box-shadow:0 7px 18px #604a390b}.content .page-heading .eyebrow{color:#dd7756}.content .panel,.content .class-card,.content .student-table,.content .attendance-table,.content .score-rule-table,.content .task-completion,.content .message-panel,.content .teacher-list-panel{border-color:var(--line);box-shadow:0 7px 18px #604a390b}.content .table-head,.content .teacher-table-head,.content .attendance-head,.content .score-rule-head{color:#7d8d87;background:#fcfaf7}.content .table-row:hover,.content .teacher-table-row:hover,.content .attendance-row:hover{background:#fffaf6}.content .empty{background:#fffdfa;border-color:#eadfd5}.content .empty-art{color:var(--coral);background:var(--coral-soft)}.content input:not([type=checkbox]):not([type=radio]):focus,.content select:focus,.content textarea:focus{border-color:#e59a80;box-shadow:0 0 0 3px #eb7f5d24}.content .stat-icon.orange{color:#db714f;background:var(--coral-soft)}.content .stat-icon.green,.content .stat-icon.mint{color:#329477;background:var(--mint-soft)}.content .stat-icon.yellow{color:#bc8a27;background:var(--sun-soft)}.adventure-hub-page .adventure-state{border-color:var(--line);background:#fff;border-radius:16px;min-height:260px}.adventure-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.adventure-directory-grid .adventure-feature-card{border-color:var(--line);text-align:center;border-radius:14px;grid-template-rows:auto minmax(72px,1fr) auto;grid-template-columns:1fr;justify-items:center;min-height:220px;padding:22px 18px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 5px 14px #604a390a}.adventure-directory-grid .adventure-feature-card.feature-ready:hover{border-color:#f0b6a1;transform:translateY(-3px);box-shadow:0 12px 24px #97594021}.adventure-directory-grid .adventure-feature-icon{color:#e36f4f;background:#fff0eb;border:1px solid #ffddd0;border-radius:50%;width:52px;height:52px}.adventure-directory-grid .feature-developing .adventure-feature-icon{color:#8b999a;background:#f2f4f2;border-color:#e1e6e2}.adventure-directory-grid .feature-placeholder .adventure-feature-icon{color:#c58b27;background:#fff6dd;border-color:#f3dfac}.adventure-directory-grid .adventure-feature-body{align-content:start;width:100%;display:grid}.adventure-directory-grid .adventure-feature-name{justify-content:center}.adventure-directory-grid .adventure-feature-name strong{color:var(--ink);font-size:14px}.adventure-directory-grid .adventure-feature-body p{color:#89938f;min-height:35px;margin-top:8px;font-size:11px;line-height:1.55}.adventure-directory-grid .feature-enter{color:#fff;background:var(--coral);border:0;border-radius:999px;min-width:60px;min-height:30px;padding:0 13px;transition:background .18s,transform .18s;box-shadow:0 4px 9px #dc684a2e}.adventure-directory-grid .feature-enter:hover{color:#fff;background:var(--coral-strong);transform:translateY(-1px)}.adventure-directory-grid .feature-disabled{border-radius:999px;place-self:end center;padding:4px 9px}.adventure-directory-grid .adventure-status.developing,.adventure-directory-grid .feature-disabled{color:#7e8b8a;background:#f0f3f1}.adventure-directory-grid .adventure-status.placeholder{color:#aa791b;background:var(--sun-soft)}@media (width<=1180px){.adventure-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.adventure-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sprite-growth-page{max-width:1320px}.sprite-panel-head{border:1px solid var(--line);background:#fffdf9;border-radius:8px;align-items:center;gap:14px;min-height:106px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 7px 18px #604a390b}.sprite-panel-mark{background:#eef5ff;border:1px solid #c9d9ff;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden;box-shadow:0 4px 10px #5b82e021}.sprite-panel-mark img{object-fit:cover;width:100%;height:100%}.sprite-panel-head .eyebrow{color:#d96e51;margin:0 0 4px;font-weight:700}.sprite-panel-head h1{color:#40515b;font-size:23px}.sprite-panel-head .muted{margin-top:4px}.sprite-panel-summary{background:#fff;border:1px solid #ece6de;border-radius:7px;grid-template-columns:repeat(3,minmax(92px,1fr));gap:0;min-width:330px;margin-left:auto;display:grid}.sprite-panel-summary div{border-right:1px solid #eee9e3;gap:3px;padding:10px 12px;display:grid}.sprite-panel-summary div:last-child{border-right:0}.sprite-panel-summary b{color:#db704f;font-size:18px;line-height:1}.sprite-panel-summary span{color:#8e958e;white-space:nowrap;font-size:10px}.sprite-growth-workspace{border-color:var(--line);background:#fff;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 7px 18px #604a390b}.sprite-sort-button{color:#697975;background:#fff;border:1px solid #deded7;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.sprite-sort-button:hover{color:#cf674b;background:#fff6f1;border-color:#efb6a2}.sprite-growth-state{min-height:340px}.sprite-growth-tip{border-radius:5px;margin:14px 14px 0}.sprite-growth-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px}.sprite-growth-card{box-shadow:none;background:#fff;border-color:#e9e4dd;border-radius:7px;padding:13px;transition:transform .16s,border-color .16s,box-shadow .16s}.sprite-growth-card:hover{border-color:#edb7a4;transform:translateY(-2px);box-shadow:0 8px 18px #77523c17}.sprite-growth-card-top{grid-template-columns:58px minmax(0,1fr) 30px;gap:10px}.sprite-student-name{min-width:0}.sprite-student-name strong,.sprite-student-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sprite-student-name strong{color:#3f5059;margin-top:3px;font-size:14px}.sprite-student-name span{color:#95a19c;margin-top:4px;font-size:10px}.sprite-student-name em{color:#c87821;align-items:center;gap:3px;margin-top:6px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.sprite-student-name em svg{color:#e0a432}.sprite-growth-detail{color:#d96e51;background:#fff4ef;border:1px solid #ffdbce;border-radius:5px;place-items:center;width:30px;height:30px;margin:0;padding:0;display:grid}.sprite-growth-detail:hover{color:#bc563d;background:#ffece4}.sprite-growth-stage{margin-top:12px}.sprite-growth-stage span{color:#398f76}.sprite-growth-progress{background:#edf3ef;height:7px}.sprite-growth-progress i{background:#6bc8aa}.sprite-growth-stats{border-top:1px solid #f0ece7;border-bottom:1px solid #f0ece7;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 0;padding:9px 0;display:grid}.sprite-growth-stats div{min-width:0}.sprite-growth-stats dt{color:#9aa49e;font-size:10px}.sprite-growth-stats dd{color:#4d5e59;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;font-weight:700;overflow:hidden}.sprite-growth-card-foot{border-top:0;margin-top:9px;padding-top:0}.sprite-growth-card-foot>span{color:#6a7d76;font-size:11px;font-weight:700}.sprite-growth-card-foot b{color:#bd7120;white-space:nowrap;background:#fff7dd;border-radius:4px;padding:3px 5px;font-size:10px}.sprite-quick-tools{background:#fffdf9;border:1px solid #ece6de;border-radius:7px;align-self:start;overflow:hidden}.sprite-quick-tools-head{color:#53645d;border-bottom:1px solid #eee9e3;align-items:center;gap:6px;padding:12px;font-size:12px;display:flex}.sprite-quick-tools-head svg{color:#df7959}.sprite-quick-tools button{color:#60716a;text-align:left;border-bottom:1px solid #f0ece7;grid-template-columns:20px minmax(0,1fr);gap:1px 7px;width:100%;padding:11px 12px;display:grid}.sprite-quick-tools button:hover{color:#ca6247;background:#fff5ef}.sprite-quick-tools button svg{color:#df7a5a;grid-row:1/span 2;align-self:center}.sprite-quick-tools button span{font-size:12px;font-weight:700}.sprite-quick-tools button small{color:#9aa49e;font-size:10px}.sprite-quick-tip{color:#96845e;background:#fff9e7;gap:7px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.sprite-quick-tip svg{color:#dda237;flex:none}.sprite-growth-pagination{margin:0;padding:0 14px 16px}@media (width<=900px){.sprite-panel-head{align-items:flex-start}.sprite-panel-summary{min-width:0}.sprite-quick-tools{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sprite-quick-tools-head,.sprite-quick-tip{grid-column:1/-1}.sprite-quick-tools button{border-right:1px solid #f0ece7}.sprite-quick-tools button:last-of-type{border-right:0}}@media (width<=640px){.sprite-panel-summary{grid-template-columns:1fr}.sprite-panel-summary div{border-bottom:1px solid #eee9e3;border-right:0}.sprite-panel-summary div:last-child{border-bottom:0}.sprite-growth-grid,.sprite-quick-tools{grid-template-columns:1fr}.sprite-quick-tools button{border-right:0}.sprite-sort-button{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{box-sizing:border-box;flex:none;width:100%;min-width:0;overflow:visible}.app-shell>.body{flex:auto;min-height:0;overflow:hidden}.avatar{padding:0;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profile-main{gap:18px;min-width:0;display:grid}.profile-avatar-wrap{width:82px;height:82px;margin-bottom:16px;position:relative}.profile-avatar-wrap .profile-avatar{color:#3b937b;background:var(--mint-soft);width:82px;height:82px;margin:0;overflow:hidden}.profile-avatar-wrap img.profile-avatar{object-fit:cover;display:block}.profile-avatar-edit{color:#fff;background:var(--coral);cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .18s,background .18s;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 3px 8px #d6654740}.profile-avatar-edit:hover:not(.loading){background:var(--coral-strong);transform:translateY(-1px)}.profile-avatar-edit.loading{cursor:wait;opacity:.65}.profile-avatar-edit input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.profile-info-form,.profile-password-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.profile-info-form label,.profile-password-form label{color:#52627a;gap:7px;min-width:0;font-size:12px;display:grid}.profile-info-form label:first-child,.profile-password-form label{grid-column:1/-1}.profile-info-form input,.profile-password-form input{color:#27364f;border:1px solid #dfe6f0;border-radius:7px;outline:0;width:100%;min-width:0;padding:10px 11px;font-size:13px}.profile-info-form input:focus,.profile-password-form input:focus{border-color:#6c9de0;box-shadow:0 0 0 3px #6c9de024}.profile-info-form .login-error,.profile-info-form .profile-success,.profile-password-form .login-error,.profile-password-form .profile-success,.profile-info-form .modal-actions,.profile-password-form .modal-actions{grid-column:1/-1}.profile-info-form .modal-actions,.profile-password-form .modal-actions{margin-top:2px}.profile-info-form .primary,.profile-password-form .primary,.profile-logout{justify-content:center;align-items:center;gap:7px;display:inline-flex}.profile-load-error{justify-items:start;gap:12px;max-width:520px;display:grid}@media (width<=640px){.profile-info-form{grid-template-columns:1fr}.profile-info-form label:first-child{grid-column:auto}}.content{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.sidebar{overscroll-behavior:contain;min-height:0;overflow-y:auto}.brand{white-space:nowrap;flex:0 202px;width:auto;min-width:142px}.classroom-switcher{flex:0 248px;min-width:0;margin-right:12px}.classroom-switcher-trigger{width:100%;min-width:0}.top-nav{flex:0 auto;min-width:0;overflow:visible}.top-nav::-webkit-scrollbar{display:none}.top-nav button{white-space:nowrap;flex:none}.top-actions{flex:none;min-width:0;margin-left:auto}.user-chip{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}@media (width<=1180px){.topbar{padding-left:18px;padding-right:18px}.brand{flex-basis:176px;min-width:156px;font-size:18px}.classroom-switcher{flex-basis:212px;margin-right:8px}.top-nav button{padding-left:11px;padding-right:11px}.top-actions{gap:8px;margin-left:8px}.user-chip{display:none}}select:not([multiple]){appearance:none;background-image:linear-gradient(45deg,#0000 50%,#d8795d 50%),linear-gradient(135deg,#d8795d 50%,#0000 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;outline:0;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s;box-shadow:0 3px 9px #785b480e;color:#53645f!important;background-color:#fffdfa!important;border:1px solid #eadfd5!important;border-radius:14px!important;padding-right:36px!important}select:not([multiple]):hover:not(:disabled){background-color:#fff8f3!important;border-color:#e8b29f!important}select:not([multiple]):focus,select:not([multiple]):focus-visible{box-shadow:0 0 0 3px #e78f7229,0 5px 12px #785b4812;border-color:#df967e!important}select:not([multiple]):disabled{box-shadow:none;cursor:not-allowed;opacity:.86;color:#a2aaa5!important;background-color:#f7f6f2!important;border-color:#e8e5df!important}select option{color:#53645f;font:inherit;background:#fffdfa}select option:checked{color:#2f806d;background:#e9f8f1}select[multiple]{box-shadow:0 3px 9px #785b480e;background:#fffdfa!important;border-color:#eadfd5!important;border-radius:14px!important}select[multiple] option{border-radius:9px;padding:7px 9px}select[multiple] option:checked{color:#2f806d;background:#e9f8f1}.cute-select.t-select{width:100%}.cute-select .t-input{color:#53645f;min-height:38px;box-shadow:none;background:#fffdfb;border:2px solid #ece3db;border-radius:14px;padding-right:10px;transition:border-color .16s,box-shadow .16s,background .16s}.cute-select .t-input:hover{background:#fffdfb;border-color:#e2d5ca}.cute-select .t-input.t-input--focused,.cute-select .t-input.t-is-focused{border-color:#69cbb1;box-shadow:0 0 0 4px #69cbb12e}.cute-select .t-input.t-is-disabled,.cute-select .t-input.t-is-disabled:hover{background:#f8f5f1;border-color:#eee6df}.cute-select .t-input__inner{color:#53645f;font-size:13px}.cute-select .t-input__inner::placeholder{color:#a2aaa5}.cute-select .t-select__right-icon{color:#d8795d}.cute-select-popup .t-popup__content{background:#fffdfa;border:1px solid #eadfd5;border-radius:16px;padding:7px;overflow:hidden;box-shadow:0 14px 30px #6a4d3b29}.cute-select-popup .t-select-option{color:#53645f;border-radius:11px;min-height:36px;margin:2px 0;padding:0 10px;font-size:13px}.cute-select-popup .t-select-option:hover,.cute-select-popup .t-select-option.t-is-selected{color:#2f806d;background:#e9f8f1}.cute-select-popup .t-select-option.t-is-disabled{color:#b4bbb7}.spg-layout{grid-template-columns:320px minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.spg-ranking{background:linear-gradient(#fffdf6 0%,#fff 34%);border:1px solid #f0e4c8;border-radius:18px;flex-direction:column;gap:10px;max-height:calc(100vh - 140px);padding:14px 12px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:0 8px 22px #b8963c14}.spg-ranking-head{color:#8a6a14;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.spg-ranking-head svg{color:#fff;background:linear-gradient(135deg,#f7c948,#e8a020);border-radius:9px;padding:4px;box-shadow:0 4px 10px #e8a0204d}.spg-ranking-tabs{background:#f4efe2;border-radius:11px;gap:4px;padding:3px;display:flex}.spg-ranking-tabs button{color:#9a8c66;background:0 0;border-radius:8px;flex:1;height:28px;font-size:12px}.spg-ranking-tabs button.current{color:#8a6a14;background:#fff;font-weight:700;box-shadow:0 2px 8px #a0823229}.spg-rank-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.spg-rank-item{border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:8px 9px;transition:background .15s,border-color .15s;display:flex}.spg-rank-item:hover{background:#fdf8ea;border-color:#f2e6c4}.spg-rank-badge{color:#8a97a8;background:#eef2f6;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.spg-rank-badge.top-1{color:#7c5a00;background:linear-gradient(135deg,#ffe9a8,#f5c542);box-shadow:0 3px 8px #e4b43c66}.spg-rank-badge.top-2{color:#55606e;background:linear-gradient(135deg,#f2f5f9,#c3ccd8);box-shadow:0 3px 8px #96a0af59}.spg-rank-badge.top-3{color:#7c4a1e;background:linear-gradient(135deg,#ffdfd0,#e8a067);box-shadow:0 3px 8px #dc965a59}.spg-rank-info{flex:1;gap:2px;min-width:0;display:grid}.spg-rank-info strong{color:#3d4c62;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.spg-rank-info small{color:#a8b4c4;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.spg-rank-points{color:#b8860b;font-variant-numeric:tabular-nums;background:#fff7e0;border:1px solid #f5e3ae;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.spg-rank-points:before{content:"🎖";font-size:10px}.spg-main{flex-direction:column;gap:12px;min-width:0;display:flex}.sprite-growth-grid .spg-card{background:#fff;border:1px solid #e8f0ec;border-radius:18px;padding:14px 14px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 4px 14px #5078640f}.sprite-growth-grid .spg-card:before{content:"";opacity:.75;background:linear-gradient(90deg,#7cd8b8,#5bbfa0 40%,#f0b860);height:4px;position:absolute;inset:0 0 auto}.sprite-growth-grid .spg-card:hover{border-color:#bfe5d4;transform:translateY(-3px);box-shadow:0 12px 28px #46826924}.spg-card-stage{background:radial-gradient(at 50% 42%,#eafaf3 0%,#f8fefd 62%,#f4faf7 100%);border:1px solid #e4f3ec;border-radius:16px;place-items:center;height:118px;margin:10px 0 6px;display:grid;position:relative}.spg-card-stage:after{content:"";opacity:.7;border:2px dashed #cdeadd;border-radius:50%;width:84px;height:84px;position:absolute}.spg-card-stage img,.spg-card-stage svg{z-index:1;position:relative}.spg-card-stage img{object-fit:contain;filter:drop-shadow(0 6px 10px #3c785f2e);max-width:82%;max-height:98px}.spg-card-stage svg{color:#bcd4c9}.spg-card .sprite-student-name{flex:1;min-width:0}.spg-card .sprite-student-name strong{font-size:14px}.spg-card .sprite-student-name em{white-space:nowrap}.spg-card .sprite-student-name span{font-size:10px}.sprite-growth-grid .spg-card .sprite-growth-progress{background:#edf5f0;border-radius:999px;height:8px}.sprite-growth-grid .spg-card .sprite-growth-progress i{border-radius:inherit;background:linear-gradient(90deg,#66d0ab,#3fae8b);box-shadow:0 1px 4px #3fae8b66}.sprite-growth-grid .spg-card .sprite-growth-stats dd{font-variant-numeric:tabular-nums;font-weight:800}.sprite-growth-grid .spg-card .sprite-growth-stats div:nth-child(2) dd{color:#e89730}.sprite-growth-grid .spg-card .sprite-growth-card-foot{background:#fafcfb;border-top:1px dashed #e6efe9;margin:10px -14px -12px;padding:8px 14px}.sprite-growth-grid .spg-card .sprite-growth-card-foot b{color:#d97b3f;background:linear-gradient(135deg,#fff0e4,#ffe3cd);border-radius:999px;padding:2px 9px}.spg-tools{max-height:calc(100vh - 128px);padding:14px 12px;position:sticky;top:0;overflow-y:auto}.spg-tools .sprite-quick-tools-head{color:#8a6a14;border-bottom:0;margin:0 0 10px;padding:0;font-size:14px;font-weight:700}.spg-tools .sprite-quick-tools-head svg{color:#fff;background:linear-gradient(135deg,#f5927a,#ef7258);border-radius:9px;padding:4px;box-shadow:0 4px 10px #ef72584d}.spg-tools>button{border-bottom:0;border-radius:12px}.spg-tools>button:hover{background:#fdf5ee}.spg-tools .sprite-quick-tip{border:1px solid #f5e7bc;border-radius:10px;margin-top:8px;padding:9px 10px}.spg-tools>button{border:1px solid var(--line,#e9edf4);background:#fff;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.spg-tools>button:hover{border-color:#bfe5d4;transform:translateY(-2px);box-shadow:0 8px 18px #46826921}.spg-tools-search{border:1px solid var(--line,#e9edf4);background:#fff;border-radius:999px;align-items:center;gap:7px;height:40px;margin-bottom:8px;padding-left:11px;display:flex;box-shadow:0 3px 10px #5078640d}.spg-tools-search svg{color:#8ca0b5;flex:none}.spg-tools-search input{width:100%;min-width:0;height:100%;font:inherit;border:0;outline:none;flex:1;font-size:12px}.spg-tools-search .primary{color:#168f73;width:auto;height:30px;box-shadow:none;background:#e6f9f2;border:0;border-radius:999px;flex:none;margin-right:5px;padding:0 16px;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:block}.spg-tools-search .primary:hover{color:#0c7059;background:#d3f3e8}.spg-tools-search .primary:active{transform:none}.spg-tools .sprite-sort-button{justify-content:center;width:100%;margin-bottom:4px}.sprite-quick-tools>button svg{border-radius:10px;padding:6px}.sprite-quick-tools>button:first-of-type svg{color:#fff;background:linear-gradient(135deg,#f59a86,#ef7258)}.sprite-quick-tools>button:nth-of-type(2) svg{color:#fff;background:linear-gradient(135deg,#5fc9a6,#3aa885)}.sprite-quick-tools>button:nth-of-type(3) svg{color:#fff;background:linear-gradient(135deg,#f0b860,#e09a35)}@media (width<=1180px){.spg-layout{grid-template-columns:210px minmax(0,1fr) 210px}}@media (width<=980px){.spg-layout{grid-template-columns:1fr}.spg-ranking,.spg-tools{max-height:none;position:static}.spg-ranking{order:2}.spg-main{order:1}.spg-tools{order:3}}.page-heading{border:1px solid var(--line,#e9edf4);background:#fff;border-radius:18px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 6px 18px #506e5f0f}.page-heading:before{content:"";opacity:.55;background:linear-gradient(90deg,#7cd8b8,#5bbfa0 40%,#f0b860);height:4px;position:absolute;inset:0 0 auto}.page-heading-icon{border-radius:16px}.stat-card{border:1px solid var(--line,#e9edf4);border-radius:16px;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px #506e5f0d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #506e5f1a}.primary{background:linear-gradient(135deg,#f5927a,#ef7258);box-shadow:0 4px 12px #ef725842}.primary:hover{background:linear-gradient(135deg,#ef8266,#e45f44);box-shadow:0 6px 16px #ef725857}.primary:active{transform:translateY(1px);box-shadow:0 2px 8px #ef725847}.content input:focus,.content select:focus,.content textarea:focus{border-color:#69cbb1;outline:none;box-shadow:0 0 0 3px #69cbb126}.student-table,.attendance-table,.score-rule-table,.analysis-table,.teacher-list-panel{border-color:var(--line,#e9edf4);border-radius:14px;box-shadow:0 4px 14px #506e5f0d}.sprite-growth-workspace{border-radius:18px;box-shadow:0 6px 18px #506e5f0f}.content .panel{border-color:var(--line,#e9edf4);border-radius:16px;box-shadow:0 4px 14px #506e5f0d}.modal{border-radius:18px;box-shadow:0 24px 60px #283c3233}.content button,.topbar button{transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.profile-page,.class-session-page,.comment-page,.score-rule-page,.message-page{max-width:1280px;margin-inline:auto}.score-analysis-page,.random-draw-page{max-width:1360px;margin-inline:auto}.sprite-config-page,.adventure-hub-page{max-width:1400px;margin-inline:auto}.sprite-growth-page{max-width:1760px;margin-inline:auto}.content input[type=checkbox]{accent-color:#3fae8b;cursor:pointer;width:16px;height:16px}.content .panel.form{max-width:680px;margin-inline:auto}.config-page{max-width:1080px;margin-inline:auto}.config-page .context-head{background:linear-gradient(102deg,#fbfffd 0%,#f3fbf8 68%,#fff9ed 100%);border:1px solid #e4eee9;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #506e5f0f}.config-page .context-head h1{color:#2c4a3e;margin:2px 0 6px;font-size:22px}.content .log-filters.log-filters{grid-template-columns:repeat(3,minmax(150px,1fr)) repeat(2,minmax(136px,.92fr)) auto;align-items:end}body{background:#fbf8f4}.app-shell{background-color:#fbf8f4;background-image:radial-gradient(circle at 6% 2%,#ffd8be8c,#0000 40%),radial-gradient(circle at 94% -4%,#bee7dc80,#0000 44%),radial-gradient(circle at 82% 96%,#d2dffa6b,#0000 42%),linear-gradient(#fdfbf7 0%,#f7f4f0 100%);background-size:145% 145%;animation:26s ease-in-out infinite alternate canvas-drift}.topbar{background:#fffdfae6;border-bottom:2px solid #f4ece5}.sidebar{background:#fffcf8d1;border-right:2px solid #f4ece5}.panel,.stat-card,.analysis-section,.sprite-stage-workspace,.sprite-catalog-workspace,.sprite-deployment-workspace,.sprite-growth-workspace,.class-card,.shortcut-card{background:#fffdfb;border:2px solid #f1e8e0;border-radius:20px;box-shadow:0 6px 0 -3px #d8cabf73,0 14px 30px #54645e0f}.stat-card:hover,.class-card:hover,.species-card:hover,.reward-card:hover,.shortcut-card:hover{border-color:#f6ddd0;box-shadow:0 8px 0 -3px #e8c5b28c,0 18px 34px #54645e17}.page-heading,.config-page .context-head{background:linear-gradient(104deg,#fffdfa 0%,#fff6ee 62%,#f4fbf8 100%);border:2px solid #f4e8dd;border-radius:24px;box-shadow:0 6px 0 -3px #e2d0c266,0 16px 34px #54645e0f}.stat-icon{border-radius:16px}.stat-card strong{color:#33414d}.owner-row,.birthday-day,.group-column,.seat-layout,.task-list,.timer-active,.score-adjust-form,.deployment-toolbar,.species-stage-assets{background:#fbf8f5;border-color:#f2ece6;border-radius:16px}.primary{background:linear-gradient(135deg,#f79a80,#ef7258);border-radius:999px;font-weight:700;box-shadow:0 4px #d1583d,0 10px 20px #ef725833}.primary:hover:not(:disabled){background:linear-gradient(135deg,#f4886b,#e86247);transform:translateY(-2px);box-shadow:0 6px #d1583d,0 14px 26px #ef725842}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #d1583d,0 4px 10px #ef725833}.outline{color:#327e68;background:#fff;border:2px solid #b7e0d1;border-radius:999px;font-weight:700;box-shadow:0 3px #a3d0c08c}.outline:hover:not(:disabled){color:#266955;background:var(--mint-soft);border-color:#96cfbd;transform:translateY(-2px);box-shadow:0 5px #a3d0c099}.outline:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #a3d0c080}.outline.danger-outline,.danger-outline{color:#cf5b45;border-color:#f6ccc2;box-shadow:0 3px #f0c8be8c}.outline.danger-outline:hover:not(:disabled),.danger-outline:hover:not(:disabled){color:#b8452e;background:#fff4f1;border-color:#f0b3a4;box-shadow:0 5px #f0c8be99}.text-btn,.row-action{color:#d9614a;white-space:nowrap;border-radius:999px;padding:3px 7px;font-weight:700;transition:background .15s,color .15s,transform .15s}.text-btn:hover:not(:disabled),.row-action:hover:not(:disabled){color:#bf4b33;background:#fff0ea}.row-action.danger:hover:not(:disabled){color:#c2371f;background:#ffefeb}.species-foot,.row-actions,.detail-actions,.course-node-actions{flex-wrap:wrap;gap:4px 10px}.icon-btn{background:var(--c-surface-soft);border-radius:14px}.icon-btn:hover{background:var(--c-primary-soft);color:#d9614a}.class-card-foot button,.class-card-management-action,.class-card-action,.course-link-button,.attendance-actions button,.task-completion-row button,.page-btn,.search-submit,.segmented button{border-radius:12px}.class-card-action{background:#f6fcf9;border:2px solid #d7eee4;border-radius:14px}.content input:not([type=checkbox]):not([type=radio]):not([type=range]),.content select,.content textarea,.modal input,.modal select,.login-field input{background:#fffdfb;border:2px solid #ece3db;border-radius:14px;transition:border-color .16s,box-shadow .16s,background .16s}.content input:not([type=checkbox]):not([type=radio]):not([type=range]):hover:not(:disabled),.content select:hover:not(:disabled){border-color:#e2d5ca}.content input:focus,.content select:focus,.content textarea:focus,.modal input:focus,.modal select:focus,.login-field input:focus{border-color:#69cbb1;outline:none;box-shadow:0 0 0 4px #69cbb12e}.content .search-box input,.content .rule-score input,.content .spg-tools-search input,.content .sprite-asset-input{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.t-input__inner,.t-input__inner:hover,.t-input__inner:focus,.t-input__inner:focus-visible,.t-textarea__inner,.t-textarea__inner:hover,.t-textarea__inner:focus,.t-textarea__inner:focus-visible{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important}.search-box{background:#fff;border:2px solid #ece3db;border-radius:999px}.search-box:focus-within{border-color:#69cbb1;box-shadow:0 0 0 4px #69cbb129}.search-submit{background:var(--coral);border-radius:999px}.search-submit:hover{background:var(--coral-strong)}.segmented{background:#f4eee8;border-radius:999px}.segmented button{border-radius:999px}.segmented button.active{color:#2f7f67;background:#fff;box-shadow:0 2px #b4cdc380}.classroom-switcher-trigger{background:#fffdfb;border:2px solid #ece3db;border-radius:999px}.classroom-switcher-trigger:hover{border-color:#f2c4b2;box-shadow:0 0 0 4px #ef72581a}.classroom-switcher-menu,.top-dropdown{box-shadow:var(--sh-pop);border:2px solid #f1e8e0;border-radius:18px}.classroom-switcher-menu button,.top-dropdown button{border-radius:12px}.rule-switch i{background:#ddd5cd}.rule-switch input:checked+i{background:var(--mint)}.table-head,.attendance-head,.teacher-table-head,.analysis-table-head,.score-rule-head,.student-row.header,.score-row.score-header>*{color:#8b7f76;background:#f9f5f1}.student-table,.attendance-table,.score-rule-table,.analysis-table,.course-tree,.task-completion,.teacher-list-panel{background:#fffdfb;border:2px solid #f2ebe4;border-radius:18px}.table-row:hover,.attendance-row:hover,.teacher-table-row:hover,.analysis-table-row:hover,.score-rule-row:hover,.course-link-row:hover,.recycle-row:hover,.task-completion-row:hover{background:#fffaf6}.course-tree-row{background:#fffdfb}.course-tree-row:hover{background:#fffaf6}.status,.course-kind,.course-status,.course-score,.message-title span,.timer-status,.attendance-status,.session-live,.analysis-card i,.rule-origin,.dimension-chip,.status-chip{border-radius:999px;font-weight:700}.empty-art{background:linear-gradient(140deg,#fff5ea,#ffe6d6);border:3px solid #ffe0cd;border-radius:50%;width:78px;height:78px;font-size:32px;box-shadow:0 6px 0 -2px #ebc7ad80}.empty{min-height:240px}.empty strong{color:#3c4a55;font-size:17px}.empty p{color:#9a8f86}@media (prefers-reduced-motion:no-preference){.empty-art{animation:3.6s ease-in-out infinite empty-float}}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.top-nav button{border-radius:999px;font-weight:600}.top-nav button:hover{color:#d9614a;background:var(--c-primary-soft)}.top-nav button.active{color:#fff;background:var(--g-warm);box-shadow:0 3px #d1583d,0 8px 16px #ef72583d}.avatar{box-shadow:0 3px #d1583d,0 8px 16px #ef725842}.workspace{background:linear-gradient(135deg,#fffaf1,#fff3e2);border:2px solid #f6e3cd;border-radius:18px}.workspace-dot{background:var(--coral);box-shadow:0 0 0 4px #ef725829}.menu-title{border-radius:14px;font-weight:600}.menu-title:hover{color:#d9614a;background:var(--c-primary-soft)}.menu-title.selected{color:#fff;background:var(--g-warm);box-shadow:0 3px #d1583d,0 8px 16px #ef725838}.submenu{border-left:2px dashed #efe3d8}.submenu button{border-radius:11px}.submenu button:hover,.submenu button.current{color:#d9614a;background:var(--c-primary-soft)}.modal,.course-editor,.sprite-editor{border:2px solid #f2e9e1;border-radius:24px;box-shadow:0 10px 0 -4px #d4c4b873,0 30px 60px #283c3733}.modal-mask{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a302c4d}.modal-head{border-bottom:2px dashed #f2e9e1;padding-bottom:14px}.modal-close{border-radius:50%;width:30px;height:30px;line-height:1}.modal-close:hover{color:#d9614a;background:var(--c-primary-soft)}.species-editor .modal-head{border-bottom:1px solid #f2e9e1}.species-editor .modal-actions{border-top:1px solid #f2e9e1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e6dbd1 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d6c6b8 padding-box padding-box}::selection{color:#4a2c22;background:#ffdcc9}button:not(:disabled):active{transform:translateY(1px)}button:disabled,.primary:disabled,.outline:disabled,.text-btn:disabled,.row-action:disabled,.page-btn:disabled,.search-submit:disabled,.class-card-action:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;filter:saturate(.85);transform:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #ef725873}.content button,.topbar button,.sidebar button{cursor:pointer}@media (prefers-reduced-motion:reduce){.app-shell{animation:none}button:not(:disabled):active{transform:none}}.content :is(.panel,.modal) :is(.student-table,.attendance-table,.score-rule-table,.analysis-table,.participation-table,.value-table,.admin-table,.lottery-prize-table,.teacher-list-panel,.message-panel,.message-list,.exchange-list,.score-record-list,.random-draw-history-list,.sprite-profile-operation-list,.task-completion,.task-completion-list,.sa-rank-list,.course-tree,.seat-layout,.task-list,.timer-active,.score-adjust-form,.deployment-toolbar,.adventure-config-list,.adventure-directory-grid,.sprite-growth-grid,.active-session,.comment-form,.task-form,.exchange-form,.profile-info-form,.profile-password-form,.random-draw-create-form,.empty){box-shadow:none;border-color:#0000}.content :is(.panel,.modal) :is(.panel,.stat-card,.class-card,.shortcut-card,.analysis-section){box-shadow:none;background:#fdf9f5;border-color:#0000}.class-scope{color:#96a1ac;white-space:nowrap;align-items:center;gap:7px;min-height:34px;font-size:12px;line-height:1.2;display:inline-flex}.class-scope:before{content:"";background:var(--mint);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #50ad9124}.class-scope strong{color:#3c4a55;font-size:13px;font-weight:700}.class-scope.is-empty:before{background:#c9c2ba;box-shadow:0 0 0 3px #c9c2ba1f}.class-scope.is-empty strong{color:#a8a09a;font-weight:500}.participation-filters .class-scope,.analysis-filters .class-scope,.value-filters .class-scope{align-self:center}.app-toast-wrap[data-v-684e4f8c]{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;max-width:min(92vw,560px);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.app-toast[data-v-684e4f8c]{pointer-events:auto;color:#33414d;background:#fffdfb;border:2px solid #ece7e1;border-radius:18px;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:11px 14px 11px 11px;font-size:13.5px;line-height:1.55;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 0 -2px #d6cac073,0 16px 34px #283c3729}.app-toast.success[data-v-684e4f8c]{background:#f6fdfa;border-color:#b9e6d5}.app-toast.error[data-v-684e4f8c]{background:#fff8f6;border-color:#f6c9bf}.app-toast.success .app-toast-chip[data-v-684e4f8c]{color:#2f8f72;background:#e2f7ee}.app-toast.error .app-toast-chip[data-v-684e4f8c]{color:#cf5b45;background:#ffeae4}.app-toast.info .app-toast-chip[data-v-684e4f8c]{color:#3f86c9;background:#e9f4fd}.app-toast-chip[data-v-684e4f8c]{color:#5f6f7a;background:#f1f4f3;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.app-toast-text[data-v-684e4f8c]{overflow-wrap:anywhere;white-space:pre-wrap}.app-toast-close[data-v-684e4f8c]{color:#a8a098;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;transition:color .15s,background .15s;display:grid}.app-toast-close[data-v-684e4f8c]:hover{color:#cf5b45;background:#fff0ea}.app-toast-timer[data-v-684e4f8c]{opacity:.22;transform-origin:0;background:currentColor;width:100%;height:3px;animation-name:toast-timer-684e4f8c;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}.app-toast.success .app-toast-timer[data-v-684e4f8c]{color:#2f8f72}.app-toast.error .app-toast-timer[data-v-684e4f8c]{color:#cf5b45}.app-toast.info .app-toast-timer[data-v-684e4f8c]{color:#3f86c9}@keyframes toast-timer-684e4f8c{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-enter-active[data-v-684e4f8c]{transition:opacity .24s,transform .24s cubic-bezier(.22,1.2,.36,1)}.toast-leave-active[data-v-684e4f8c]{transition:opacity .18s,transform .18s}.toast-enter-from[data-v-684e4f8c]{opacity:0;transform:translateY(-14px)scale(.94)}.toast-leave-to[data-v-684e4f8c]{opacity:0;transform:translateY(-8px)scale(.97)}@media (prefers-reduced-motion:reduce){.toast-enter-active[data-v-684e4f8c],.toast-leave-active[data-v-684e4f8c]{transition:none}.app-toast-timer[data-v-684e4f8c]{opacity:0;animation:none}}