:root{--primary:#0e9f8e;--primary-dark:#087d70;--primary-soft:#d5f2ed;--blue:#2e7cf6;--blue-soft:#e1edff;--orange:#ff9f43;--orange-soft:#ffe9d2;--bg:#f2f6fa;--surface:#fff;--surface-soft:#edf3f7;--text:#172b38;--muted:#6b7f8d;--line:#e3ebf2;--danger:#d5484d;--danger-soft:#fee8e8;--shadow:0 2px 3px #172b3814,0 10px 24px #172b380a;--hero:linear-gradient(130deg,#0e9f8e,#2e7cf6);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.45}html[data-theme=dark]{--primary:#53c9b9;--primary-dark:#34ab9c;--primary-soft:#135e55;--blue:#8fb9ff;--blue-soft:#1e4e94;--orange:#ffb66b;--orange-soft:#7a4308;--bg:#0f1417;--surface:#171e23;--surface-soft:#253038;--text:#d9e7ee;--muted:#a9bcc7;--line:#40515c;--danger:#ffb4ab;--danger-soft:#67252a;--shadow:0 2px 4px #0005,0 12px 28px #0003;--hero:linear-gradient(130deg,#135e55,#1e4e94)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-width:320px}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:2px}[hidden]{display:none!important}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle}.login-page{min-height:100dvh;padding:clamp(28px,8vh,80px) 20px;display:grid;align-content:start;justify-items:center;background:var(--hero);color:#fff;overflow:auto}.login-brand{text-align:center;margin:0 0 46px}.login-brand .magnet-logo{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;font-weight:900;font-size:40px;background:#123f3a;color:#ffd17c;box-shadow:inset 0 0 0 9px #ffffff12}.login-brand b{font-size:36px;letter-spacing:2px}.login-brand p{margin:6px 0;color:#ffffffdc}.login-card{width:min(550px,100%);padding:30px 34px 34px;border-radius:30px;background:var(--surface);box-shadow:0 18px 32px #003a4a4d;color:var(--text)}.login-card h1{font-size:31px;margin:0 0 4px}.login-card>p{margin:0 0 26px;color:var(--muted)}.field-icon{display:flex;align-items:center;gap:13px;height:66px;margin:16px 0;border:2px solid var(--line);border-radius:18px;padding:0 18px;color:var(--muted);background:var(--surface)}.field-icon .icon{width:25px;height:25px}.field-icon input{flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:18px}.field-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}.btn-primary,.btn-secondary,.btn-danger{min-height:48px;border-radius:15px;padding:0 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{color:#fff;background:var(--primary);box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 30%,transparent)}.btn-primary:disabled{opacity:.55;cursor:wait}.btn-secondary{color:var(--primary);background:transparent;border:2px solid var(--line)}.btn-danger{color:var(--danger);background:var(--danger-soft)}.login-submit{width:100%;margin-top:8px;font-size:17px}.form-error{min-height:20px;margin:10px 0 0;color:var(--danger);font-size:14px}.app-shell{min-height:100dvh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;padding:25px 14px 17px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand-lockup{display:flex;gap:11px;align-items:center;padding:0 9px 30px}.brand-mark,.mobile-logo{display:grid;place-items:center;border-radius:13px;background:var(--hero);color:#fff;font-size:19px;font-weight:900;width:40px;height:40px}.brand-lockup b{display:block;color:var(--primary);letter-spacing:1.1px}.brand-lockup small,.sidebar-profile small{display:block;color:var(--muted);font-size:12px}.desktop-nav{display:grid;gap:4px}.desktop-nav button{min-height:46px;display:flex;align-items:center;gap:12px;width:100%;padding:0 12px;text-align:left;border-radius:13px;color:var(--muted);background:transparent}.desktop-nav button .icon{width:21px;height:21px}.desktop-nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.sidebar-profile{border-top:1px solid var(--line);padding:16px 8px 0;margin-top:auto;display:grid;grid-template-columns:38px 1fr 34px;gap:9px;align-items:center}.sidebar-profile b{font-size:14px;display:block}.avatar,.profile-avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:800}.avatar{width:38px;height:38px}.icon-button{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--muted);background:transparent}.icon-button:hover{background:var(--surface-soft)}.workspace{width:100%;margin-left:254px}.topbar{height:68px;padding:0 34px;display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.mobile-title{font-weight:800;font-size:18px}.mobile-logo{display:none}.topbar-actions{display:flex;align-items:center;gap:7px}.profile-button{display:flex;gap:9px;align-items:center;padding:5px;background:transparent;color:var(--text)}.content{max-width:1260px;margin:0 auto;padding:34px 38px 48px}.page-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px}.page-title h1{margin:0;font-size:29px;letter-spacing:-.4px}.page-title p{margin:4px 0 0;color:var(--muted)}.gradient-banner{min-height:155px;border-radius:25px;padding:26px 29px;display:flex;align-items:center;justify-content:space-between;background:var(--hero);color:#fff;box-shadow:0 12px 25px color-mix(in srgb,var(--primary) 25%,transparent);overflow:hidden;position:relative}.gradient-banner:after{content:'';width:210px;height:210px;border-radius:50%;background:#fff1;position:absolute;right:-55px;bottom:-115px}.gradient-banner>*{position:relative;z-index:1}.gradient-banner span{font-size:14px;color:#ffffffd8}.gradient-banner h2{margin:7px 0;font-size:25px}.gradient-banner p{margin:0;color:#ffffffd8}.banner-icon{width:54px;height:54px;opacity:.85}.section-title{font-size:20px;margin:25px 3px 12px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.quick-card{min-height:132px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:21px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:left}.quick-card b{font-size:16px}.quick-card>span:last-child{color:var(--muted);font-size:12px}.icon-badge{width:42px;height:42px;border-radius:15px;display:grid;place-items:center}.icon-badge .icon{width:22px;height:22px}.mint{color:var(--primary);background:var(--primary-soft)}.blue{color:var(--blue);background:var(--blue-soft)}.orange{color:var(--orange);background:var(--orange-soft)}.home-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:16px}.card{margin-bottom:16px;padding:19px 20px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card h2{font-size:19px;margin:0}.tag{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700}.tag.primary{background:var(--primary-soft);color:var(--primary)}.tag.success{background:var(--primary-soft);color:var(--primary)}.tag.warning{background:var(--orange-soft);color:var(--orange)}.tag.neutral{background:var(--surface-soft);color:var(--muted)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.attendance-home>div:first-child{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px}.inline-actions{display:flex;align-items:center;gap:11px;margin-top:16px}.link-button{display:inline-flex;align-items:center;gap:3px;color:var(--primary);background:transparent;font-weight:700}.link-button .icon{width:16px}.info-row,.record-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.info-row:last-child,.record-row:last-child{border-bottom:0}.info-row>div,.record-row>div{min-width:0;flex:1}.info-row b,.record-row b,.history-card b,.manage-row b,.approval-item b{display:block;font-size:15px}.info-row small,.record-row small,.history-card small,.manage-row small,.approval-item small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.todo-line{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.todo-line:last-child{border:0}.todo-line .icon{width:18px;color:var(--orange)}.todo-line span{flex:1;font-size:14px}.todo-line small{font-size:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.metric-grid b{font-size:25px;color:var(--primary);display:block}.metric-grid span{font-size:12px;color:var(--muted)}.empty-state{padding:31px 15px;text-align:center;color:var(--muted)}.empty-state>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:50%;font-size:32px;background:var(--surface-soft)}.empty-state p{margin:0}.empty-state.error{color:var(--danger)}.progress-card{padding:21px 24px;margin-bottom:18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.progress-card>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.progress-card h2{font-size:20px;margin:0}.progress-card p,.card-date,.form-head p{color:var(--muted);margin:4px 0;font-size:14px}.progress-card>div+div{margin-top:16px}.progress-card>div+div b{font-size:20px;color:var(--orange)}.progress-card>i,.mastery-row>i{display:block;overflow:hidden;height:8px;margin-top:14px;border-radius:99px;background:var(--surface-soft)}.progress-card em,.mastery-row em{display:block;height:100%;border-radius:99px;background:var(--orange)}.form-card{padding:23px}.form-card>h2{margin-bottom:2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-card label,.drawer-form label{display:block;color:var(--muted);font-size:14px;margin:14px 0}.form-card input:not(.switch),.form-card select,.form-card textarea,.drawer-form input:not(.switch),.drawer-form select,.drawer-form textarea{width:100%;display:block;margin-top:6px;padding:13px 14px;color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:15px;outline:none}.form-card textarea,.drawer-form textarea{min-height:104px;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.drawer-form input:focus,.drawer-form select:focus,.drawer-form textarea:focus{border-color:var(--primary)}.form-card>.btn-primary{width:100%;margin-top:13px}.switch-list label{height:65px;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:17px;border-bottom:1px solid var(--line);margin:0}.switch-list label:last-child{border-bottom:0}.switch,.switch+ i{width:56px;height:32px}.switch{position:absolute;opacity:0;pointer-events:none}.switch+i{display:block;position:relative;border:2px solid var(--line);border-radius:99px;background:var(--surface-soft);transition:.2s}.switch+i:after{content:'';position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--line);transition:.2s}.switch:checked+i{background:var(--primary);border-color:var(--primary)}.switch:checked+i:after{left:28px;background:#fff}.field-label{color:var(--text)!important;font-size:17px!important}.choice-group{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}.choice-group button{min-height:39px;padding:0 16px;color:var(--muted);background:var(--surface);border:2px solid var(--line);border-radius:14px}.choice-group button.selected{color:var(--blue);background:var(--blue-soft);border-color:transparent;font-weight:700}.switch-line{min-height:64px;display:flex!important;align-items:center;justify-content:space-between;color:var(--text)!important}.switch-line b,.switch-line small{display:block}.switch-line small{font-size:13px;color:var(--muted);font-weight:400;margin-top:2px}.mastery-row{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;padding:8px 0}.mastery-row .level{width:39px;height:35px;display:grid;place-items:center;border-radius:15px;font-weight:800}.level.excellent{background:#d5f2ed;color:#0e9f8e}.level.good{background:#e1edff;color:#2e7cf6}.level.fair{background:#ffe9d2;color:#d77719}.level.poor{background:var(--danger-soft);color:var(--danger)}.mastery-row b{font-weight:500;color:var(--muted)}.mastery-row i{grid-column:1/-1;height:6px;margin:0}.mastery-row em{background:var(--primary)}.mobile-actionbar{display:none}.week-strip{display:flex;gap:10px;overflow:auto;padding:2px 1px 12px;margin-bottom:14px}.week-day{display:grid;place-items:center;min-width:75px;height:90px;border-radius:20px;color:var(--muted);background:var(--surface);border:0}.week-day b{font-size:25px;color:var(--text)}.week-day i{height:10px;font-style:normal;color:var(--orange)}.week-day.selected{color:#fff;background:var(--primary);box-shadow:0 7px 14px color-mix(in srgb,var(--primary) 30%,transparent)}.week-day.selected b,.week-day.selected i{color:#fff}.course-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.course-row:last-child{border:0}.course-row>div{flex:1}.course-row b,.course-row small{display:block}.course-row small{font-size:13px;color:var(--muted);margin-top:2px}.course-row .danger{color:var(--danger)}.mobile-add{display:none;width:100%;margin:0 0 16px}.history-card{padding:16px 0;border-bottom:1px solid var(--line)}.history-card:last-child{border:0}.history-card header,.history-card footer{display:flex;gap:10px;align-items:center}.history-card header>div{flex:1}.history-card p{margin:10px 0 4px}.history-card footer{margin-top:9px;font-size:13px;color:var(--primary)}.todo-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.todo-item:last-child{border:0}.todo-item>div{flex:1}.todo-item.done b{text-decoration:line-through;color:var(--muted)}.check-button{flex:none;width:25px;height:25px;border:2px solid var(--line);border-radius:50%;color:#fff;background:transparent;display:grid;place-items:center}.todo-item.done .check-button{border-color:var(--primary);background:var(--primary)}.check-button .icon{width:15px}.approval-item{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}.approval-item:last-child{border:0}.approval-item aside{display:grid;justify-items:end;gap:8px}.small{min-height:34px;padding:0 11px;border-radius:11px;font-size:13px}.announcement{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.announcement:last-child{border:0}.announcement>div{flex:1}.announcement header{display:flex;justify-content:space-between;gap:9px}.announcement small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.announcement p{margin:8px 0 0;white-space:pre-wrap}.admin-banner{min-height:192px}.banner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.banner-metrics b{font-weight:400;text-align:center}.banner-metrics strong{display:block;font-size:29px}.export-row{margin:-5px 0 16px}.export-row .btn-secondary{width:100%}.manage-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.manage-row:last-child{border:0}.inline-create{margin-bottom:10px}details{border-bottom:1px solid var(--line);padding:13px 0}details:last-child{border:0}summary{list-style:none;display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;cursor:pointer}summary::-webkit-details-marker{display:none}summary .icon{color:var(--blue)}summary small{grid-column:2;color:var(--muted)}pre{margin:12px 0 0;padding:13px;border-radius:13px;background:var(--surface-soft);color:var(--text);white-space:pre-wrap;word-break:break-word;font:inherit}.menu-card{margin-bottom:21px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.menu-card button{min-height:71px;width:100%;padding:10px 16px;display:grid;grid-template-columns:42px 1fr 20px;gap:12px;align-items:center;text-align:left;color:var(--text);background:transparent;border-bottom:1px solid var(--line)}.menu-card button:last-child{border:0}.menu-card b{font-size:16px}.menu-card b small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:2px}.menu-card button>.icon:last-child{color:var(--muted);width:18px}.theme-switch{justify-self:end;width:48px;height:29px;border-radius:99px;background:var(--surface-soft);padding:4px}.theme-switch i{display:block;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:.2s}.theme-switch.on{background:var(--primary)}.theme-switch.on i{background:#fff;transform:translateX(19px)}.profile-banner{min-height:142px}.profile-avatar{width:65px;height:65px;color:var(--primary);background:#ffffffdd;font-size:28px}.logout-button{width:100%;min-height:52px;margin-top:8px;color:var(--primary);background:transparent;border:2px solid var(--line);border-radius:17px;font-weight:700}.drawer-backdrop,.dialog-backdrop{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#0007}.drawer{width:min(525px,100%);height:100%;padding:26px;overflow:auto;background:var(--bg);box-shadow:-10px 0 30px #0003}.drawer>header{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.drawer h2,.dialog h2{margin:0;font-size:24px}.drawer header p,.dialog p{margin:4px 0;color:var(--muted)}.drawer-form{background:var(--surface)}.dialog-backdrop{align-items:center;justify-content:center;padding:20px}.dialog{max-width:410px;width:100%;padding:26px;border-radius:24px;text-align:center;background:var(--surface);box-shadow:var(--shadow)}.dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 13px;border-radius:50%;color:var(--orange);background:var(--orange-soft)}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions button{flex:1}.toast{position:fixed;z-index:30;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 17px;border-radius:99px;background:var(--text);color:var(--surface);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:80px 20px;text-align:center;color:var(--muted)}.loading i{display:block;width:32px;height:32px;margin:0 auto 12px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading.small{padding:15px}.loading.small i{width:22px;height:22px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}
@media(max-width:900px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:60px;padding:0 15px}.mobile-logo{display:inline-grid;width:30px;height:30px;margin-right:8px;border-radius:10px;font-size:14px}.profile-button span:last-child{display:none}.content{padding:20px 15px 96px}.page-title{margin-bottom:18px}.page-title h1{font-size:25px}.page-title p{font-size:14px}.desktop-only{display:none}.home-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-card{min-height:112px}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:2px;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.mobile-nav button{min-width:58px;flex:1;display:grid;justify-items:center;gap:3px;padding:5px 3px;color:var(--muted);background:transparent;font-size:11px}.mobile-nav button .icon{width:23px;height:23px;padding:2px;box-sizing:content-box}.mobile-nav button.active{color:var(--primary);font-weight:700}.mobile-nav button.active .icon{padding:5px 15px;border-radius:99px;background:var(--primary-soft)}.mobile-add{display:flex}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-actionbar{position:fixed;z-index:8;bottom:68px;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:10px 15px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 14px #172b3812}.mobile-actionbar button{width:100%}.drawer{width:100%;height:auto;max-height:90dvh;position:absolute;bottom:0;border-radius:26px 26px 0 0;padding:21px 18px}.drawer-backdrop{align-items:end}.dialog{padding:23px}.toast{bottom:80px}.admin-banner{min-height:185px}}
@media(max-width:440px){.login-page{padding:44px 16px}.login-brand{margin-bottom:32px}.login-brand .magnet-logo{width:74px;height:74px;font-size:34px}.login-brand b{font-size:31px}.login-card{padding:26px 21px}.login-card h1{font-size:27px}.field-icon{height:61px}.gradient-banner{min-height:132px;padding:22px}.gradient-banner h2{font-size:21px}.page-title{align-items:start}.page-title h1{font-size:23px}.quick-card{min-height:108px}.quick-card b{font-size:15px}.card{padding:18px 16px;border-radius:20px}.form-card{padding:20px 16px}.form-grid,.form-grid.three{grid-template-columns:1fr}.week-day{min-width:63px;height:81px}.week-day b{font-size:21px}.banner-metrics{gap:10px}.banner-metrics strong{font-size:25px}.approval-item{display:block}.approval-item aside{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.switch-list label{font-size:16px}.profile-banner{min-height:128px}.profile-avatar{width:55px;height:55px;font-size:24px}}

/* Three-role workbench redesign */
.notice-button{position:relative}.notice-badge{position:absolute;top:2px;right:1px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:99px;background:var(--danger);color:#fff;font-size:10px;font-style:normal;font-weight:800}.demo-note{display:flex;gap:7px;align-items:center;margin:-8px 0 15px;padding:8px 11px;border:1px solid var(--blue-soft);border-radius:12px;background:color-mix(in srgb,var(--blue-soft) 45%,transparent);color:var(--muted);font-size:12px}.demo-note .icon{width:16px;color:var(--blue)}.danger-soft-icon{color:var(--danger);background:var(--danger-soft)}.tag.blue{color:var(--blue);background:var(--blue-soft)}.card-copy{margin:0;color:var(--muted);font-size:14px}.employee-hero{margin-bottom:17px}.work-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-summary,.duty-reminder,.empty-inline,.exception-detail,.rest-rule,.drawer-record,.student-detail,.report-detail-top{display:flex;gap:12px;align-items:center}.attendance-summary>div,.exception-detail>div,.drawer-record>div,.student-detail>div,.report-detail-top>div{min-width:0;flex:1}.attendance-summary b,.duty-reminder b,.empty-inline b,.exception-detail b,.drawer-record b,.student-detail b,.report-detail-top b{display:block}.attendance-summary small,.duty-reminder small,.empty-inline small,.exception-detail small,.drawer-record small,.student-detail small,.report-detail-top small{display:block;margin-top:3px;color:var(--muted);font-size:13px}.attendance-summary .link-button{margin-left:auto}.manager-hero,.admin-overview-hero{min-height:142px;margin-bottom:16px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative;border-radius:25px;background:var(--hero);color:#fff;box-shadow:0 12px 25px color-mix(in srgb,var(--primary) 25%,transparent)}.manager-hero:after,.admin-overview-hero:after{position:absolute;right:-40px;bottom:-130px;width:240px;height:240px;content:'';border-radius:50%;background:#fff1}.manager-hero>* ,.admin-overview-hero>*{position:relative;z-index:1}.manager-hero span,.admin-overview-hero span{color:#ffffffd8;font-size:14px}.manager-hero h2,.admin-overview-hero h2{margin:6px 0;font-size:26px}.manager-hero p,.admin-overview-hero p{margin:0;color:#ffffffd8}.manager-hero .btn-primary{background:#fff;color:var(--primary);box-shadow:none}.exception-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.exception-card{min-height:144px;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:left}.exception-card strong{display:block;margin:8px 0 0;font-size:28px}.exception-card b{display:block;font-size:15px}.exception-card small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.exception-card.danger strong{color:var(--danger)}.exception-card.blue strong{color:var(--blue)}.exception-card.orange strong{color:var(--orange)}.desk-grid,.task-layout,.schedule-layout,.admin-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:16px}.work-row,.attention-row,.task-compact,.task-row,.schedule-row,.student-card,.report-row,.risk-card,.notice-row,.request-row,.record-browser-row,.account-row,.drawer-report-row{width:100%;display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--text);background:transparent;text-align:left}.work-row:last-child,.attention-row:last-child,.task-compact:last-child,.task-row:last-child,.schedule-row:last-child,.student-card:last-child,.report-row:last-child,.risk-card:last-child,.notice-row:last-child,.request-row:last-child,.record-browser-row:last-child,.account-row:last-child,.drawer-report-row:last-child{border-bottom:0}.work-row>div,.attention-row>div,.task-compact>div,.task-row>div,.schedule-row>div,.student-card>div,.report-row>div,.risk-card>div,.notice-row>div,.request-row>div,.record-browser-row>div,.account-row>div,.drawer-report-row>div{min-width:0;flex:1}.work-row b,.attention-row b,.task-compact b,.task-row b,.schedule-row b,.student-card b,.report-row b,.risk-card b,.notice-row b,.request-row b,.record-browser-row b,.account-row b,.drawer-report-row b{display:block;font-size:15px}.work-row small,.attention-row small,.task-compact small,.task-row small,.schedule-row small,.student-card small,.report-row small,.risk-card small,.notice-row small,.request-row small,.record-browser-row small,.account-row small,.drawer-report-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.row-action{display:flex;gap:3px;align-items:center;color:var(--primary);font-size:13px;font-weight:700;white-space:nowrap}.row-action .icon{width:16px}.duty-list{display:grid;gap:2px}.duty-line{min-height:38px;display:flex;align-items:center;gap:9px;padding:0 8px;border-radius:10px}.duty-line span{width:28px;color:var(--muted);font-size:13px}.duty-line b{flex:1;font-size:14px}.duty-line.today{background:var(--primary-soft);color:var(--primary)}.mini-notice{width:100%;display:flex;gap:9px;align-items:start;padding:11px 2px;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.mini-notice:last-child{border-bottom:0}.mini-notice>div{min-width:0;flex:1}.mini-notice b{display:block;font-size:14px}.mini-notice small{display:block;overflow:hidden;margin-top:3px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.notice-dot{width:7px;height:7px;flex:none;margin-top:6px;border-radius:50%;background:var(--line)}.notice-dot.unread{background:var(--danger)}.punch-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:16px 20px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow)}.punch-hero>div{display:flex;gap:12px;align-items:center}.punch-hero b{display:block}.punch-hero small{display:block;margin-top:3px;color:var(--muted);font-size:13px}.punch-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);gap:16px}.shift-card{display:flex;justify-content:space-between;gap:15px;padding:17px;border-radius:16px;background:var(--surface-soft)}.shift-card span,.shift-card small{display:block;color:var(--muted);font-size:13px}.shift-card b{display:block;margin:4px 0;color:var(--text);font-size:21px}.shift-clock{align-self:center!important;color:var(--primary)!important;font-size:24px!important;font-weight:800}.punch-timeline{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;margin:26px 7px}.punch-timeline>div{display:grid;justify-items:center;gap:5px;color:var(--muted)}.punch-timeline>div>i{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;font-style:normal}.punch-timeline>div.complete>i{border-color:var(--primary);background:var(--primary);color:#fff}.punch-timeline>div b{font-size:14px;color:var(--text)}.timeline-line{height:2px;background:var(--line)}.punch-main{width:100%;margin-top:4px}.priority-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--blue)}.priority-dot.high{background:var(--danger)}.priority-dot.medium{background:var(--orange)}.priority-dot.low{background:var(--primary)}.filter-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 16px;padding-bottom:2px}.filter-tabs button{min-height:40px;padding:0 14px;flex:none;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted);font-size:14px}.filter-tabs button.active{border-color:transparent;background:var(--primary-soft);color:var(--primary);font-weight:800}.filter-tabs button i{min-width:17px;height:17px;display:inline-grid;place-items:center;margin-left:5px;border-radius:99px;background:var(--danger);color:#fff;font-size:10px;font-style:normal}.task-row{padding:16px 2px;align-items:flex-start}.task-row header,.notice-row header,.audit-row header,.student-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}.task-row p,.report-row p,.notice-row p{margin:7px 0 0;color:var(--muted);font-size:13px}.task-row>.icon{align-self:center;color:var(--muted)}.task-compact{padding:11px 1px}.task-compact .tag{margin-left:auto}.is-faded,.muted-row{opacity:.52}.is-faded b,.muted-row b{text-decoration:line-through}.rule-list{display:grid;gap:15px}.rule-list>div{display:flex;gap:10px;align-items:flex-start}.rule-list>.icon,.rule-list>div>.icon{width:20px;flex:none;color:var(--blue)}.rule-list b{display:block;font-size:14px}.rule-list small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.learning-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.learning-tabs button{min-height:65px;display:grid;justify-items:center;align-content:center;gap:4px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--muted);font-size:13px}.learning-tabs button .icon{width:21px}.learning-tabs button.active{border-color:transparent;background:var(--primary-soft);color:var(--primary);font-weight:800}.date-picker{display:flex;gap:10px;overflow:auto;margin-bottom:16px;padding:2px}.date-picker button{display:grid;place-items:center;min-width:71px;height:84px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--muted)}.date-picker button b{color:var(--text);font-size:23px}.date-picker button i{height:10px;color:var(--orange);font-style:normal}.date-picker button.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 14px color-mix(in srgb,var(--primary) 30%,transparent)}.date-picker button.active b,.date-picker button.active i{color:#fff}.schedule-row{align-items:center}.schedule-time{width:48px;flex:none;text-align:center}.schedule-time b,.schedule-time i{display:block}.schedule-time b{font-size:15px}.schedule-time i{margin-top:3px;color:var(--muted);font-size:11px;font-style:normal}.schedule-row>.tag{margin-left:auto}.schedule-row>.icon{color:var(--muted)}.student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.student-card{min-height:130px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.student-card>.icon{align-self:center;color:var(--muted)}.student-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:17px;font-weight:800}.student-avatar.large{width:58px;height:58px;font-size:23px}.student-card p,.risk-card p{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0}.student-card .tag,.risk-card .tag{font-size:10px}.student-stable{margin:10px 0 0;color:var(--primary);font-size:12px}.report-row{align-items:flex-start}.score-badge{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:14px;background:var(--surface-soft);color:var(--muted);font-size:17px;font-weight:900}.score-1{background:var(--danger-soft);color:var(--danger)}.score-2{background:var(--orange-soft);color:var(--orange)}.score-3{background:var(--blue-soft);color:var(--blue)}.score-4,.score-5{background:var(--primary-soft);color:var(--primary)}.report-row>.tag{margin-left:auto}.report-row>.icon{color:var(--muted)}.risk-card{align-items:flex-start}.risk-card>.icon{align-self:center;color:var(--muted)}.notice-row{align-items:flex-start;padding:16px 2px}.notice-row.is-read{opacity:.6}.notice-row .tag{margin-left:auto}.notice-row p{white-space:pre-wrap}.request-row{align-items:center}.request-row>.tag{margin-left:auto}.request-row>.icon{color:var(--muted)}.page-actions{display:flex;gap:8px}.page-actions .btn-primary,.page-actions .btn-secondary{min-height:42px;padding:0 13px;font-size:13px}.rest-rule{padding:5px 1px}.rest-rule b{display:block}.rest-rule small{display:block;margin-top:3px;color:var(--muted);font-size:13px}.admin-overview-hero{min-height:170px}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.overview-metrics button{min-height:145px;padding:16px;display:grid;justify-items:start;align-content:space-between;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:left}.overview-metrics strong{font-size:29px;color:var(--primary)}.overview-metrics small{color:var(--muted)}.overview-metrics>.icon{justify-self:end}.record-browser-row>.icon,.account-row>.icon{color:var(--muted)}.audit-compact{display:flex;gap:10px;padding:12px 1px;border-bottom:1px solid var(--line)}.audit-compact:last-child{border:0}.audit-compact>span{color:var(--blue)}.audit-compact b,.audit-compact small{display:block}.audit-compact small{margin-top:3px;color:var(--muted);font-size:12px}.audit-row{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.audit-row:last-child{border:0}.audit-row>div{min-width:0;flex:1}.audit-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.audit-row p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.audit-row em{color:var(--text);font-style:normal;font-weight:700}.drawer-record,.student-detail,.report-detail-top{margin:0 0 17px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.task-detail-head{display:flex;gap:10px;align-items:center;padding:0 0 16px;border-bottom:1px solid var(--line)}.task-detail-head>div{flex:1}.task-detail-head b,.task-detail-head small{display:block}.task-detail-head small{margin-top:3px;color:var(--muted);font-size:12px}.detail-copy{margin:16px 0}.detail-copy>b{font-size:14px}.detail-copy p{margin:5px 0 13px;color:var(--muted);white-space:pre-wrap}.timeline-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 9px}.timeline-title h3{margin:0;font-size:17px}.timeline-title span{color:var(--muted);font-size:12px}.task-timeline{border-left:2px solid var(--line);margin:0 0 18px 7px;padding-left:17px}.task-timeline article{position:relative;padding:0 0 15px}.task-timeline article:last-child{padding-bottom:0}.task-timeline article>i{position:absolute;left:-23px;top:4px;width:10px;height:10px;border:2px solid var(--primary);border-radius:50%;background:var(--surface)}.task-timeline b,.task-timeline small{display:block}.task-timeline small{margin-top:2px;color:var(--muted);font-size:12px}.task-timeline p{margin:6px 0 0;color:var(--text);white-space:pre-wrap}.drawer-actions{display:flex;gap:9px;margin-top:16px}.drawer-actions>*{flex:1}.form-hint{margin:9px 0;color:var(--muted);font-size:12px}.risk-panel{margin:0 0 15px;padding:15px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:17px;background:var(--danger-soft)}.risk-panel>b{display:flex;gap:6px;align-items:center;color:var(--danger)}.risk-panel>div{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.info-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.info-pairs>div{padding:11px;border-radius:13px;background:var(--surface-soft)}.info-pairs span,.info-pairs b{display:block}.info-pairs span{color:var(--muted);font-size:12px}.info-pairs b{margin-top:3px;font-size:13px;word-break:break-word}.drawer-report-row{padding:12px 0}.drawer-report-row>.icon{color:var(--muted)}.score-help{display:block;margin:5px 0;color:var(--muted);font-size:12px}.score-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}.score-choice{min-height:70px;padding:6px 3px;border:2px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted)}.score-choice strong,.score-choice span{display:block}.score-choice strong{font-size:19px}.score-choice span{margin-top:2px;font-size:10px}.score-choice.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.score-choice.score-1.selected{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.score-choice.score-2.selected{border-color:var(--orange);background:var(--orange-soft);color:var(--orange)}.version-list article{padding:12px 0;border-bottom:1px solid var(--line)}.version-list article:last-child{border:0}.version-list b,.version-list small{display:block}.version-list small{margin-top:2px;color:var(--muted);font-size:12px}.version-list p{margin:6px 0 0;color:var(--muted);font-size:13px}.duty-form-list label{min-height:54px;display:grid!important;grid-template-columns:1fr 1.2fr;align-items:center;gap:10px;color:var(--text)!important}.duty-form-list .tag{margin-left:5px}.duty-form-list select{margin-top:0!important}
@media(max-width:900px){.notice-button{display:grid}.work-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exception-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-grid,.task-layout,.schedule-layout,.admin-grid,.punch-grid{grid-template-columns:1fr}.task-layout aside,.schedule-layout aside{display:none}.learning-tabs{position:sticky;top:60px;z-index:3;margin:0 -15px 16px;padding:9px 15px;background:var(--bg);box-shadow:0 5px 10px color-mix(in srgb,var(--text) 5%,transparent)}.learning-tabs button{min-height:59px;font-size:11px}.student-grid{grid-template-columns:1fr}.page-actions{display:none}.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-metrics button{min-height:120px;padding:12px}.overview-metrics strong{font-size:25px}.punch-hero{padding:14px}.manager-hero,.admin-overview-hero{padding:22px;min-height:132px}.manager-hero h2,.admin-overview-hero h2{font-size:22px}.manager-hero .btn-primary{min-height:42px;padding:0 12px;font-size:13px}.score-choice{min-height:62px}.drawer-actions{position:sticky;bottom:-21px;padding:11px 0 calc(6px + env(safe-area-inset-bottom));background:var(--bg)}}
@media(max-width:440px){.exception-card{min-height:130px;padding:13px}.exception-card strong{font-size:24px}.exception-card b{font-size:14px}.exception-card small{font-size:11px}.manager-hero{display:block}.manager-hero .btn-primary{margin-top:14px}.punch-timeline{grid-template-columns:1fr 28px 1fr;margin:22px 0}.punch-timeline>div>i{width:36px;height:36px}.info-pairs{grid-template-columns:1fr}.score-picker{gap:4px}.score-choice{min-height:59px}.score-choice strong{font-size:17px}.score-choice span{font-size:9px}.overview-metrics{gap:9px}.overview-metrics button{min-height:105px}.overview-metrics strong{font-size:23px}.overview-metrics small{font-size:11px}.notice-row,.work-row,.request-row{gap:10px}.date-picker{margin-right:-15px}.student-card{min-height:118px}.drawer-actions{bottom:-18px}}
.student-reports-scroll{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.duty-form-list{display:grid;gap:12px}.duty-form-list fieldset{margin:0;padding:12px;border:1px solid var(--line);border-radius:14px}.duty-form-list legend{padding:0 4px;color:var(--text);font-size:14px;font-weight:800}.duty-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duty-member{min-height:44px!important;display:flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 10px;border-radius:10px;background:var(--surface-soft);color:var(--text)!important;font-size:13px}.duty-member input{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;accent-color:var(--primary)}.danger-button{width:100%;margin-top:12px;border-color:color-mix(in srgb,var(--danger) 38%,var(--line));color:var(--danger)}
.task-timeline{max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.schedule-row.completed-course{opacity:.56}.schedule-row.completed-course b{text-decoration:none}.attendance-team-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.attendance-team-row:last-child{border-bottom:0}.attendance-team-row>div{min-width:0;flex:1}.attendance-team-row b,.attendance-team-row small{display:block}.attendance-team-row small{margin-top:3px;color:var(--muted);font-size:12px}.attendance-team-row>.icon{color:var(--muted)}.attendance-records-card{margin-top:16px}
.primary-work-action{display:flex;align-items:center;gap:13px;margin:0 0 17px;padding:15px 17px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.primary-work-action>div{min-width:0;flex:1}.primary-work-action b,.primary-work-action small{display:block}.primary-work-action small{margin-top:3px;color:var(--muted);font-size:13px}.primary-work-action .btn-primary{min-height:44px;padding:0 13px;flex:none}.student-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 15px}.student-health-grid>div{padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.student-health-grid span,.student-health-grid b{display:block}.student-health-grid span{color:var(--muted);font-size:11px}.student-health-grid b{margin-top:3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.schedule-controls{margin:0 0 12px}.schedule-filter-row,.admin-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.schedule-filter-row input,.schedule-filter-row select,.admin-filter-grid input,.admin-filter-grid select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text)}.filter-check{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font-size:13px}.filter-check input{width:17px;height:17px;min-height:0;padding:0;accent-color:var(--primary)}.audit-diff{display:grid;gap:5px;margin:10px 0 0;padding:10px;border-radius:12px;background:var(--surface-soft)}.audit-diff dt{font-size:12px;font-weight:800;color:var(--muted)}.audit-diff dd{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px;align-items:center;margin:0;font-size:12px}.audit-diff dd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-diff dd b{color:var(--primary)}.team-status-tabs{margin-top:-8px}.team-status-tabs button i{margin-left:4px}.notice-row .row-action{align-self:center}.schedule-row .tag.primary{background:var(--primary-soft);color:var(--primary)}
@media(max-width:900px){.primary-work-action{align-items:flex-start}.primary-work-action .btn-primary{align-self:center;min-width:82px;font-size:12px}.schedule-filter-row,.admin-filter-grid{grid-template-columns:1fr 1fr}.schedule-filter-row input:first-child,.admin-filter-grid input:first-child{grid-column:1/-1}.task-timeline{max-height:min(38dvh,380px)}.student-reports-scroll{max-height:min(34dvh,420px)}.drawer .form-card.compact{position:sticky;bottom:-26px;padding-bottom:calc(18px + env(safe-area-inset-bottom));background:var(--bg);z-index:2}.team-status-tabs{padding-bottom:7px}}
@media(max-width:440px){.primary-work-action{padding:13px;gap:10px}.primary-work-action .icon-badge{width:38px;height:38px;border-radius:13px}.primary-work-action .btn-primary{min-height:42px;padding:0 10px;font-size:11px}.student-health-grid{grid-template-columns:1fr 1fr}.student-health-grid>div{padding:9px}.schedule-filter-row,.admin-filter-grid{grid-template-columns:1fr}.schedule-filter-row input:first-child,.admin-filter-grid input:first-child{grid-column:auto}.schedule-filter-row input,.schedule-filter-row select,.admin-filter-grid input,.admin-filter-grid select{min-height:44px}.audit-diff dd{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr)}}
.attendance-counts{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.attendance-stat-row{align-items:flex-start}.attendance-stat-row>.tag{margin-top:2px}.attendance-period-tabs{margin-top:-4px}