:root{--brand:#0f6658;--brand-soft:#e7f3f0;--surface:#fff;--canvas:#f7f8f7;--ink:#13211e;--muted:#6d7c78;--line:#e4e9e7;--danger:#b74343;--warning:#a86c10}.app-shell{min-height:100vh;background:var(--canvas)}.app-sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;z-index:10}.app-brand{display:flex;gap:10px;align-items:center;padding:8px 10px 22px;font-weight:750;font-size:17px}.app-brand-mark{width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:Georgia;font-size:17px}.app-nav{display:grid;gap:3px}.app-nav button{border:0;background:transparent;color:#65746f;border-radius:8px;padding:10px 11px;display:flex;gap:11px;align-items:center;font:600 13px inherit;cursor:pointer;text-align:left}.app-nav button:hover,.app-nav button.active{color:var(--brand);background:var(--brand-soft)}.app-nav svg{width:17px;height:17px}.app-sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 9px 4px;display:flex;align-items:center;gap:9px}.avatar-live{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dcece8;color:#116151;font-weight:750;font-size:11px}.profile-live{min-width:0}.profile-live b,.profile-live small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-live b{font-size:12px}.profile-live small{font-size:11px;color:var(--muted);margin-top:2px}.app-main{margin-left:248px;min-height:100vh}.app-topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:8}.global-search{display:flex;align-items:center;gap:9px;min-width:330px;color:#83908d;border:1px solid transparent;background:#f4f6f5;border-radius:8px;padding:9px 12px;font-size:13px}.global-search kbd{margin-left:auto;border:1px solid #dce4e1;border-radius:4px;padding:2px 5px;font-size:10px}.top-profile{display:flex;gap:9px;align-items:center;font-size:12px}.workspace{max-width:1480px;margin:auto;padding:33px 38px 55px}.release-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.release-heading h1{font-size:29px;letter-spacing:-.8px;margin:6px 0}.release-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow-live{margin:0;color:#6e7d79;font-size:11px;font-weight:750;letter-spacing:1px}.button{border:0;border-radius:8px;padding:10px 13px;background:var(--brand);color:#fff;font:650 13px inherit;cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center}.button:hover{background:#0b574b}.button.secondary{background:#fff;color:#245d54;border:1px solid #cfe0db}.button.ghost{background:transparent;color:#236257;padding:7px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) 320px;gap:18px}.card-live{background:var(--surface);border:1px solid var(--line);border-radius:12px}.card-live-head{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start}.card-live-head h2{font-size:16px;margin:0 0 4px}.card-live-head p{font-size:12px;color:var(--muted);margin:0}.lesson-live{display:flex;align-items:center;gap:13px;margin:0 20px;padding:14px 0;border-top:1px solid var(--line)}.lesson-live-time{width:46px;display:grid;gap:3px;font-size:12px;color:var(--muted)}.lesson-live-time b{color:var(--ink);font-size:13px}.lesson-live-line{height:36px;width:3px;border-radius:3px;background:#59ab99}.lesson-live-main{flex:1;min-width:0}.lesson-live-main b{font-size:13px}.lesson-live-main span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.telegram-live{background:#0e6255;color:#fff;padding:23px;border-radius:12px;position:relative;overflow:hidden}.telegram-live:after{content:"";width:170px;height:170px;border-radius:50%;border:26px solid #ffffff12;position:absolute;right:-85px;bottom:-88px}.telegram-live>*{position:relative}.telegram-live h2{font-size:20px;line-height:1.23;margin:19px 0 10px}.telegram-live p{font-size:12px;line-height:1.5;opacity:.8}.telegram-count{display:flex;gap:9px;align-items:center;margin-top:20px;font-size:12px}.telegram-count svg{width:25px;height:25px;padding:6px;border-radius:50%;background:#ffffff1d}.metrics-live{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric-live{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.metric-live span{font-size:11px;color:var(--muted)}.metric-live b{display:block;font-size:25px;letter-spacing:-.7px;margin:9px 0 4px}.attention-live{display:grid;grid-template-columns:1fr 1fr;gap:18px}.attention-list{padding:4px 20px 12px}.attention-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.attention-row svg{width:18px;color:var(--warning)}.attention-row div{flex:1}.attention-row b{font-size:13px}.attention-row p{margin:3px 0 0;color:var(--muted);font-size:11px}.data-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}.data-toolbar input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d8e2df;border-radius:7px;background:#fff;padding:10px 11px;font:13px inherit;color:var(--ink);outline:none}.data-toolbar input{min-width:250px}.table-live{overflow:auto}.table-live table{min-width:760px}.table-live th{background:#fafbfb}.table-live td{vertical-align:middle}.table-live .name-cell{display:flex;align-items:center;gap:9px}.status-live{font-size:11px;padding:4px 7px;border-radius:20px;background:#eef3f2;color:#49635e;white-space:nowrap}.status-live.connected{background:#e6f4ee;color:#177052}.status-live.warning{background:#fff4dd;color:#9a6710}.grid-live{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.group-live{padding:19px}.group-live h2{font-size:17px;margin:18px 0 7px}.group-live p{font-size:12px;color:var(--muted);margin:0}.group-live footer{margin-top:19px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px}.empty-live{text-align:center;padding:55px 20px;color:var(--muted)}.empty-live svg{width:34px;height:34px;color:var(--brand);margin-bottom:10px}.empty-live h2{color:var(--ink);font-size:18px;margin:4px}.empty-live p{font-size:13px;max-width:360px;margin:8px auto 17px;line-height:1.5}.modal-live-backdrop{position:fixed;inset:0;z-index:50;background:#0e292440;display:none;align-items:center;justify-content:center;padding:18px}.modal-live-backdrop.show{display:flex}.modal-live{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px #00231c3b}.modal-live-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-live-head h2{font-size:18px;margin:0}.modal-close{border:0;background:#f0f4f2;border-radius:50%;width:29px;height:29px;cursor:pointer}.modal-live-body{padding:20px}.form-grid{display:grid;gap:13px}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:650;color:#3f514d}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid var(--line)}.toast-live{position:fixed;right:22px;bottom:22px;background:#173e37;color:#fff;border-radius:9px;padding:12px 15px;box-shadow:0 10px 28px #001b1633;font-size:13px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:60}.toast-live.show{opacity:1;transform:none}.roster-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.roster-row b{flex:1;font-size:13px}.attendance-controls{display:flex;gap:4px}.attendance-controls button{width:29px;height:29px;border:1px solid #dbe4e1;border-radius:7px;background:#fff;cursor:pointer;font-weight:750}.attendance-controls button.selected-PRESENT{color:#177255;background:#e5f3ed;border-color:#b5decf}.attendance-controls button.selected-ABSENT{color:#b84141;background:#fbeceb;border-color:#edc5c3}.attendance-controls button.selected-LATE{color:#a96d0e;background:#fff3df;border-color:#f0d5a2}.drawer-live{position:fixed;right:0;top:0;bottom:0;width:min(410px,100%);background:#fff;z-index:40;transform:translateX(105%);transition:.22s;padding:20px;box-shadow:-12px 0 40px #10241e18;overflow:auto}.drawer-live.show{transform:none}.drawer-live-backdrop{position:fixed;inset:0;background:#102b2440;display:none;z-index:35}.drawer-live-backdrop.show{display:block}.drawer-live h2{margin:16px 0 5px}.drawer-live p{font-size:12px;color:var(--muted)}.drawer-live section{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.loading-live{padding:55px;text-align:center;color:var(--muted)}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.metrics-live{grid-template-columns:repeat(2,1fr)}.grid-live{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-sidebar{display:none}.app-main{margin:0}.app-topbar{padding:0 16px}.global-search{min-width:0;width:calc(100% - 62px)}.global-search span,.global-search kbd,.top-profile span{display:none}.workspace{padding:22px 16px 85px}.release-heading{margin-bottom:18px}.release-heading h1{font-size:24px}.release-heading>.button{font-size:0;width:40px;height:40px;padding:0}.release-heading>.button svg{width:17px}.metrics-live,.attention-live,.grid-live{grid-template-columns:1fr}.data-toolbar input{min-width:100%;width:100%}.modal-live-backdrop{align-items:flex-end;padding:0}.modal-live{width:100%;border-radius:15px 15px 0 0}.app-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:20;justify-content:space-around}.app-mobile-nav button{border:0;background:#fff;color:var(--muted);padding:9px 8px 7px;display:grid;gap:3px;place-items:center;font:11px inherit}.app-mobile-nav button.active{color:var(--brand)}.app-mobile-nav svg{width:18px}.table-live{margin:0 -1px}}