@font-face{font-family:Interface;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6fa;color:#202c40;font-family:Interface,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:#6c49b8;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a592e5;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.25px;margin-bottom:14px}h3{font-size:16px;margin-bottom:8px}p{margin-bottom:14px}.muted{color:#727d90}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:750;color:#7e6da0;margin-bottom:8px}.starting{display:grid;place-content:center;justify-items:center;min-height:100vh;color:#72809a;gap:20px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#a58be0;border-radius:13px;color:white;font-size:22px;letter-spacing:-2px;font-weight:800}.brand-mark.large{width:62px;height:62px;font-size:34px;border-radius:19px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:237px;background:#182338;color:#e1e5ee;padding:31px 23px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;margin-bottom:45px}.brand strong{font-size:19px;letter-spacing:-.4px}.brand small{display:block;font-size:10px;color:#95a2ba;letter-spacing:1.2px;text-transform:uppercase;margin-top:3px}.nav-label{color:#7e8ca7;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;margin:0 13px 12px}.nav{display:grid;gap:5px}.nav a{color:#aebad0;display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:10px;font-weight:550;font-size:13px}.nav a:hover{background:#202f49;color:white;text-decoration:none}.nav a.active{background:#8f73cd;color:#fff}.icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer{margin-top:auto;padding-top:22px;border-top:1px solid #304059}.user-line{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2b3d58;color:#c8dbed;font-size:11px;font-weight:700}.user-line strong{display:block;font-size:12px}.user-line small{color:#8f9eb8;font-size:11px}.signout{background:none;border:0;color:#9aabc6;padding:11px 0 0;font-size:11px}.workspace{margin-left:237px;min-height:100vh}.topbar{height:77px;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:16px}.breadcrumb{font-size:12px;color:#7c879a}.breadcrumb b{color:#3b465b;font-weight:550}.topbar-right{display:flex;align-items:center;gap:20px;font-size:12px;color:#7d8799}.live-dot{display:inline-block;width:6px;height:6px;background:#54ab96;border-radius:50%;margin-right:6px}.content{max-width:1450px;margin:auto;padding:34px 37px 55px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.page-head p{margin-bottom:0;max-width:650px;color:#7a8497}.head-actions{display:flex;align-items:center;gap:9px;padding-top:6px}.btn{border:1px solid #dfe3eb;padding:10px 16px;border-radius:8px;background:white;color:#40506a;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;white-space:nowrap}.btn:hover{background:#f3f1f9;text-decoration:none}.btn.primary{background:#7655b5;border-color:#7655b5;color:white}.btn.primary:hover{background:#63479a}.btn.mint{background:#dcefe8;border-color:#c9e4d9;color:#347660}.btn.danger{color:#a64d61}.btn.link{border:0;background:none;padding:4px;color:#7655b5}.btn .icon{width:16px;height:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{background:white;border:1px solid #e6e8ef;border-radius:12px;padding:20px 23px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#7a8497;font-size:11px;font-weight:600}.metric-symbol{display:grid;place-items:center;background:#f1edf8;color:#8b6cbf;width:31px;height:31px;border-radius:9px}.metric-symbol.mint{background:#e7f4ef;color:#67a28d}.metric-value{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.7px;margin-top:8px}.metric-note{font-size:10px;color:#929aac;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;border-radius:5px;background:#f1edf8;color:#8462b7;padding:4px 7px;white-space:nowrap}.badge.mint{background:#e6f3ed;color:#41856b}.badge.amber{background:#fff2d9;color:#9b782a}.badge.gray{background:#edf0f5;color:#7b8799}.badge.red{background:#fae9ed;color:#af5b6f}.panel{background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:23px;margin-bottom:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.panel-head h2{margin-bottom:3px}.panel-head p{margin-bottom:0;font-size:11px;color:#8b93a2}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:23px}.sync-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ece7f5;border:1px solid #dfd6ee;padding:20px 23px;border-radius:11px;margin-bottom:25px}.sync-panel h3{font-size:14px;margin-bottom:4px}.sync-panel p{font-size:11px;margin-bottom:0;color:#7a6d92}.sync-panel .icon-wrap{width:38px;height:38px;background:#fff7;border-radius:10px;color:#8a6cbd;display:grid;place-items:center;flex-shrink:0}.sync-copy{display:flex;align-items:center;gap:15px}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:19px}.filter-tabs{display:flex;background:#eef0f5;padding:4px;border-radius:8px;gap:3px}.filter-tabs button{border:0;background:none;color:#818a9a;font-size:11px;font-weight:650;padding:7px 12px;border-radius:6px}.filter-tabs button.active{background:white;color:#6c4d9d;box-shadow:0 1px 4px #1e28300c}.search{position:relative;margin-left:auto;min-width:180px}.search input{width:100%;padding:9px 12px 9px 34px;font-size:11px}.search .icon{position:absolute;left:11px;top:10px;width:15px;height:15px;color:#97a0b0}input,select,textarea{border:1px solid #dfe3eb;border-radius:7px;background:white;color:#34435c;padding:10px 12px;max-width:100%}input::placeholder,textarea::placeholder{color:#a0a8b7}input[type=checkbox]{width:16px;height:16px;accent-color:#7d5bb5;cursor:pointer;padding:0}input[type=date]{min-width:150px}textarea{resize:vertical;min-height:74px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;color:#929aaa;font-weight:650;text-transform:uppercase;letter-spacing:.8px;padding:12px 10px;border-bottom:1px solid #e7eaf0;background:#fafbfe}td{padding:14px 10px;border-bottom:1px solid #eef0f5;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{font-size:12px;color:#3c485f}.class-label{display:flex;align-items:center;gap:10px}.class-token{width:34px;height:34px;background:#f2edf8;border:1px solid #e6deef;border-radius:9px;display:grid;place-items:center;color:#8764b5;font-size:11px;font-weight:750;flex-shrink:0}.class-token.mint{background:#eaf4f0;color:#57917c;border-color:#deece6}.progress{height:5px;border-radius:5px;background:#edf0f5;overflow:hidden;min-width:70px}.progress span{display:block;height:100%;background:#a88ad2;border-radius:5px}.mini-progress{display:flex;align-items:center;gap:8px}.mini-progress small{font-size:10px;color:#8f98a7;min-width:25px}.schedule-list{display:grid;gap:0}.schedule-item{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #eff1f5;align-items:center}.schedule-item:last-child{border:0}.schedule-time{font-size:10px;color:#8c95a7;min-width:38px;line-height:1.7}.schedule-item h3{font-size:12px;margin:0 0 3px}.schedule-item p{font-size:10px;color:#98a0ae;margin:0}.schedule-item .badge{margin-left:auto}.empty{text-align:center;padding:38px 15px;color:#939dae}.empty .icon{width:30px;height:30px;margin-bottom:8px;color:#b6a5cd}.empty h3{color:#6e7a8e;font-size:14px}.empty p{font-size:12px;max-width:390px;margin:7px auto 15px}.note{padding:13px 16px;border:1px solid #e5e9f1;background:#f7f9fc;border-radius:8px;color:#7a879a;font-size:11px;margin:14px 0}.note.warning{background:#fff8eb;border-color:#f1e5c9;color:#927443}.note.error{background:#fff1f3;border-color:#edced5;color:#a35166}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:11px;font-weight:650;color:#637088}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.attendance-info{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:16px;margin-bottom:17px}.checkbox-line{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;color:#59667c}.checkbox-line input{flex-shrink:0;margin:2px 0 0}.checkbox-line strong{display:block;font-size:12px;color:#44526b}.checkbox-line small{display:block;font-size:10px;color:#8a94a6;margin-top:3px}.session-switches{display:flex;gap:30px;flex-wrap:wrap;padding:17px 0;border-top:1px solid #eef0f4}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #edf0f5}.attendance-toolbar p{margin:0;font-size:11px;color:#8c94a4}.attendance-actions{display:flex;gap:8px;flex-wrap:wrap}.attendance-actions .btn{font-size:10px;padding:8px 10px}.register-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf0f5;padding:13px 0}.register-row:last-child{border-bottom:0}.student-num{font-size:10px;color:#a4adba;width:20px}.student-info{flex:1;min-width:160px}.student-info strong{display:block;font-size:12px;font-weight:600}.student-info small{font-size:10px;color:#97a1b2}.status-choices{display:flex;gap:4px;flex-wrap:wrap}.status-choices button{font-size:10px;border:1px solid #e2e6ee;background:white;color:#98a1b2;border-radius:6px;padding:7px 10px}.status-choices button.active[data-status=present]{background:#e6f3ed;border-color:#c9e4d7;color:#43866b}.status-choices button.active[data-status=late]{background:#fff3df;border-color:#eedebd;color:#a4813b}.status-choices button.active[data-status=absent]{background:#fbe8ed;border-color:#efcdd8;color:#b65d76}.status-choices button.active[data-status=excused]{background:#eeebf6;border-color:#d9d0ed;color:#8d70b9}.status-choices button.active[data-status=unrecorded]{background:#edf0f5;border-color:#d5dce7;color:#7b899e}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #e7ebf3}.save-bar p{font-size:11px;margin:0;color:#8b96a8}.save-bar strong{color:#69778c}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.class-card{background:#fff;border:1px solid #e4e8ef;border-radius:11px;padding:21px;display:flex;flex-direction:column}.class-card h3{margin:14px 0 1px;font-size:20px}.class-card p{font-size:11px;color:#8a94a5}.class-card-top{display:flex;justify-content:space-between;align-items:center}.class-card .schedule{border-top:1px solid #edf0f5;padding-top:12px;margin-top:auto;color:#7c889d;font-size:10px;line-height:1.9}.class-card .btn{margin-top:16px;font-size:11px}.subhead{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.subhead h2{margin:0}.plan-card{display:flex;gap:15px;align-items:flex-start;padding:20px;border:1px solid #e5e7ef;border-radius:10px;margin-bottom:13px}.plan-card p{font-size:11px;color:#8792a5;margin-bottom:8px}.plan-card h3{font-size:13px}.plan-card .file-icon{width:39px;height:44px;background:#ecf4ef;color:#76a28b;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.plan-card .btn{margin-left:auto;align-self:center}.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:23px}.settings-grid .field{margin-bottom:17px}.settings-grid .field small{font-size:10px;color:#929bad}.settings-grid .panel{margin:0}.detail-list{display:grid;gap:13px}.detail-list div{display:flex;justify-content:space-between;font-size:11px;color:#8b95a6;gap:15px}.detail-list strong{color:#5c6980;font-weight:550;text-align:right}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:100;max-width:calc(100% - 36px);background:#22334c;color:#edf2fa;padding:13px 20px;box-shadow:0 8px 30px #18233830;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#934b61}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#182338;color:white;display:flex;flex-direction:column;padding:55px 10%;position:relative;overflow:hidden}.login-story::after{content:"";width:400px;height:400px;border:90px solid #a38bd31c;border-radius:50%;position:absolute;right:-240px;bottom:-150px}.login-story .brand{margin:0}.login-story .brand small{letter-spacing:1.8px}.login-heading{margin:auto 0;max-width:410px;padding:75px 0}.login-heading h1{font-size:46px;line-height:1.2;letter-spacing:-1.8px;margin:20px 0}.login-heading h1 span{color:#c6b2e9}.login-heading p{color:#a3b0c6;font-size:14px;line-height:1.8}.login-story footer{font-size:11px;color:#7689a6}.login-side{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:340px}.login-card h2{font-size:26px;letter-spacing:-.7px;margin-bottom:8px}.login-card p{font-size:12px;color:#919bad;margin-bottom:28px}.login-card .field{margin-bottom:19px}.login-card input{width:100%;padding:12px}.login-card .btn{width:100%;margin-top:7px;padding:12px}.login-error{background:#f9e9ee;color:#a2536a;border-radius:7px;padding:10px 12px;font-size:11px;margin-bottom:16px}.login-footer{border-top:1px solid #e5e8f0;margin-top:27px;padding-top:20px;font-size:10px;color:#a2aabb}.mobile-menu{display:none}dialog{border:1px solid #e2e5ed;border-radius:14px;box-shadow:0 20px 80px #17223540;padding:26px;max-width:450px;width:calc(100% - 30px);color:#43516a}dialog::backdrop{background:#18233870}dialog p{font-size:12px;color:#8390a3}dialog .dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}dialog .detail-list{padding:15px;background:#f5f7fa;border-radius:8px}.loading-banner{height:3px;background:linear-gradient(90deg,#bca2e6,#7cbba7,#bca2e6);background-size:200%;animation:loading 1s linear infinite;position:fixed;top:0;right:0;left:237px;z-index:50}@keyframes loading{to{background-position:200%}}.busy{opacity:.65;pointer-events:none}.skeleton{height:18px;border-radius:4px;background:#e8ecf3;animation:pulse 1.1s infinite alternate}@keyframes pulse{to{opacity:.4}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer-note{text-align:center;font-size:10px;color:#a3adbb;margin-top:23px}.status-dot{width:6px;height:6px;background:#8b96a7;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.ok{background:#62a68b}.row-actions{display:flex;align-items:center;gap:7px}.row-actions .btn{padding:6px 9px;font-size:10px}.roster-filter{margin:0}.setting-status{margin-top:15px;overflow-wrap:anywhere}
@media(min-width:1600px){.content{padding-top:43px}.metric{padding:24px}.columns{grid-template-columns:1.9fr 1fr}}
@media(max-width:1150px){.sidebar{width:210px;padding:28px 16px}.workspace{margin-left:210px}.content{padding:28px 25px}.topbar{padding:0 25px}.columns{grid-template-columns:1.5fr 1fr;gap:17px}.metric{padding:18px}.metric-grid{gap:12px}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.register-row{flex-wrap:wrap}.status-choices{margin-left:35px}.loading-banner{left:210px}.attendance-info{grid-template-columns:1fr 1fr}.attendance-info .field:last-child{grid-column:1/-1}}
@media(max-width:850px){.sidebar{width:190px;padding:26px 13px}.brand{gap:9px}.brand strong{font-size:17px}.nav a{font-size:12px;padding:11px 10px}.workspace{margin-left:190px}.topbar{padding:0 22px;height:68px}.topbar-right{gap:9px}.content{padding:25px 22px}.page-head{flex-direction:column;gap:10px}.head-actions{padding:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.columns,.settings-grid{grid-template-columns:1fr}.loading-banner{left:190px}.login-heading h1{font-size:38px}.login-story{padding:40px 10%}.sync-panel{align-items:flex-start}.sync-copy{align-items:flex-start}.sync-panel .btn{padding:9px 11px}.status-choices{margin-left:0}.register-row{gap:10px}.student-info{min-width:140px}.student-num{width:16px}.status-choices button{padding:6px 8px}.login-layout{grid-template-columns:.85fr 1fr}}
@media(max-width:600px){.sidebar{transform:translateX(-100%);width:237px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px #18233840}.workspace{margin-left:0}.mobile-menu{display:inline-flex;border:0;background:none;color:#65728a;padding:5px;margin-left:-6px}.mobile-menu .icon{width:22px;height:22px}.topbar{height:65px;padding:0 19px;position:sticky;top:0;z-index:20}.breadcrumb{font-size:10px;flex:1}.topbar-right{font-size:10px}.topbar-right .top-date{display:none}.content{padding:24px 17px 40px}h1{font-size:27px}.page-head{margin-bottom:21px}.page-head p{font-size:12px}.head-actions{width:100%;flex-wrap:wrap}.head-actions .btn{font-size:11px;flex:1}.metric-grid{gap:10px;margin-bottom:18px}.metric{padding:15px}.metric-top{font-size:10px}.metric-value{font-size:26px}.metric-symbol{width:28px;height:28px}.metric-note{font-size:9px}.panel{padding:18px;margin-bottom:18px}.panel-head{gap:8px}.panel-head h2{font-size:16px}.panel-head p{font-size:10px}.sync-panel{padding:17px;gap:12px;margin-bottom:18px;flex-wrap:wrap}.sync-panel .btn{margin-left:53px;font-size:10px}.sync-copy{gap:12px}.sync-panel h3{font-size:13px}.sync-panel p{font-size:10px}.class-grid{grid-template-columns:1fr 1fr;gap:10px}.class-card{padding:15px}.class-card h3{font-size:18px}.class-card .badge{font-size:8px;padding:3px 5px}.class-card .schedule{font-size:9px}.class-card-top .class-token{width:27px;height:27px;font-size:10px}.class-card .btn{padding:8px;font-size:10px}.filter-tabs{width:100%;justify-content:space-between}.filter-tabs button{flex:1;font-size:10px;padding:7px 8px}.filters{gap:10px}.search{width:100%;margin:0}.table-wrap{margin:0 -6px}td,th{padding:11px 7px}.attendance-info,.form-grid{grid-template-columns:1fr}.attendance-info .field:last-child{grid-column:auto}.attendance-info{gap:12px}.attendance-info select,.attendance-info input{width:100%}.session-switches{gap:15px}.session-switches .checkbox-line{width:100%}.register-row{position:relative;padding:13px 0;gap:9px}.student-info{min-width:calc(100% - 30px)}.status-choices{margin-left:25px;gap:4px}.status-choices button{font-size:9px;padding:7px 8px;min-height:32px}.save-bar{align-items:flex-start;flex-direction:column}.save-bar .btn{width:100%}.attendance-actions{width:100%}.attendance-actions .btn{flex:1;font-size:9px}.attendance-toolbar{padding:15px 0}.plan-card{padding:15px;flex-wrap:wrap;gap:12px}.plan-card h3{font-size:12px;overflow-wrap:anywhere}.plan-card>div:nth-child(2){width:calc(100% - 54px)}.plan-card .btn{margin:0 0 0 52px;font-size:10px}.topbar .badge{font-size:9px}.loading-banner{left:0}.login-layout{grid-template-columns:1fr}.login-story{padding:25px 27px;min-height:auto}.login-story .brand{margin:0}.login-heading{padding:29px 0 8px;max-width:100%}.login-heading h1{font-size:30px;margin:10px 0;letter-spacing:-1px}.login-heading p{font-size:11px;max-width:340px;margin-bottom:0}.login-story footer{display:none}.login-side{padding:32px 26px}.login-card h2{font-size:24px}.login-card p{margin-bottom:23px}.toast{bottom:16px;width:max-content;max-width:calc(100% - 24px);font-size:11px}.schedule-item .badge{font-size:8px}.small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}