@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.sidebar a.nav-item{text-decoration:none}
.qr-network-notice{padding:9px;margin:10px 0 14px;border-radius:7px;background:#fff4e7;color:#a66a29;font-size:10px;line-height:1.5}
:root{--dark:#173c34;--ink:#1b2e29;--muted:#7c8b85;--line:#e6ebe7;--bg:#f7f9f6;--green:#2d705b;--pale:#eaf3ec;--orange:#d78444;--red:#c54f48;--shadow:0 14px 42px rgba(28,57,47,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-.045em}h2{letter-spacing:-.035em}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{color:#6a9d81;font-size:10px;font-weight:800;letter-spacing:.17em}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand b{color:#77b08e}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d4ead8;color:var(--green);font-size:27px;font-weight:400;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--dark);color:#fff}.btn.primary:hover{background:#295a4a}.btn.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn.soft{background:var(--pale);color:var(--dark)}.btn.small{padding:9px 12px;font-size:11px}.btn.wide{width:100%;justify-content:space-between;padding:15px 18px}.btn:disabled{opacity:.55;cursor:default;transform:none}input,select,textarea{width:100%;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:var(--ink);outline:none;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:#6fa889;box-shadow:0 0 0 3px #dceee1}label{display:block;margin:0 0 7px;color:#43564d;font-size:12px;font-weight:700}.toast{position:fixed;right:24px;bottom:24px;z-index:100;padding:13px 18px;background:#173c34;color:#fff;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;max-width:360px}.toast.show{opacity:1;transform:none}.toast.error{background:#ab4039}
.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:none;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 17px 20px}.sidebar .brand{padding-left:12px}.nav-caption{margin:58px 14px 14px;color:#9aa9a1;font-size:9px;font-weight:800;letter-spacing:.15em}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;border:0;border-radius:9px;background:transparent;color:#60716a;text-align:left;font-size:12px;font-weight:700}.nav-item:hover{background:#f1f6f1}.nav-item.active{background:#eaf3ec;color:#1e5b48}.nav-icon{width:18px;font-size:18px;font-weight:400;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto}.help-card{position:relative;overflow:hidden;background:#edf5ed;padding:17px;border-radius:11px}.help-card-icon{font-size:23px;color:#659d7a;margin-bottom:10px}.help-card strong{font-family:Manrope;font-size:11px}.help-card p{font-size:10px;line-height:1.6;color:#758c7d;margin:6px 0 0}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;margin-top:17px;padding:12px 15px;border:0;background:transparent;color:#7d8d84;text-align:left;font-size:12px;font-weight:700}.logout-btn:hover{color:var(--dark)}.workspace{flex:1;min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{color:#9aaba0;font-size:9px;font-weight:800;letter-spacing:.12em}.breadcrumb span{margin:0 10px;color:#c5d0c8}.breadcrumb b{color:#516c5f}.topbar-actions{display:flex;align-items:center;gap:18px}.today-pill{font-size:11px;color:#6f8176}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d8eadb;color:#286246;font-size:10px;font-weight:800}.page-content{max-width:1430px;margin:auto;padding:39px 48px 80px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-top h1{font-size:29px;margin:8px 0 7px}.page-top p{margin:0;font-size:12px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.class-picker-wrap{position:relative;display:inline-block;min-width:300px;margin:29px 0 25px}.class-picker-wrap label{font-size:9px;letter-spacing:.12em;color:#80958a}.class-picker-wrap select{appearance:none;padding-right:30px;font-weight:800;font-size:12px;box-shadow:0 2px 8px #173c3408}.select-chevron{position:absolute;right:15px;bottom:13px;pointer-events:none;font-size:17px;color:#78917f}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat-card{padding:20px 21px 17px;min-height:135px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#819387;font-size:10px;font-weight:800;letter-spacing:.07em}.stat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#edf4ed;color:#3b8060;font-size:17px;letter-spacing:0}.stat-number{font:800 28px Manrope;margin:15px 0 2px;letter-spacing:-.04em}.stat-foot{font-size:10px;color:#9aaa9d}.content-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{padding:23px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-head h2{font-size:15px;margin:0 0 4px}.panel-head p{font-size:11px;margin:0}.text-link{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:800;white-space:nowrap}.session-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #f0f3f0}.session-row:first-child{border:0}.row-icon{width:35px;height:35px;display:grid;place-items:center;background:#e9f3ec;border-radius:9px;color:#42835f;font-size:16px}.row-main{min-width:0;flex:1}.row-main strong{font-size:11px}.row-main small{display:block;color:#9aaa9f;font-size:10px;margin-top:4px}.row-right{text-align:right}.row-right strong{display:block;font-size:12px}.row-right small{color:#98a99d;font-size:10px}.badge{display:inline-block;padding:5px 8px;border-radius:6px;background:#e5f2e8;color:#308057;font-size:10px;font-weight:800}.badge.closed{background:#f2f3f0;color:#87938a}.badge.danger{background:#fbe9e7;color:#b7443e}.progress-head{display:flex;justify-content:space-between;margin:8px 0;color:#738b7c;font-size:10px}.progress-head b{color:var(--dark)}.progress-track{height:7px;background:#edf3ed;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#5a9874;border-radius:10px}.quick-panel{background:#1e493e;color:#fff;padding:25px;position:relative;overflow:hidden}.quick-panel:after{content:'◫';position:absolute;right:-30px;bottom:-75px;font-size:260px;opacity:.05;line-height:1}.quick-panel .eyebrow{color:#95c9a2}.quick-panel h2{font-size:21px;max-width:240px;margin:12px 0}.quick-panel p{font-size:11px;color:#b9d2c4;line-height:1.7;max-width:290px}.quick-panel .btn{position:relative;background:#fff;color:#1d4a3d;margin-top:14px}.empty{padding:50px 20px;text-align:center;color:#98a99e}.empty-icon{display:grid;place-items:center;margin:0 auto 15px;width:56px;height:56px;background:#edf5ee;border-radius:50%;font-size:24px;color:#5b9473}.empty h3{color:var(--ink);font-size:15px;margin:0 0 7px}.empty p{font-size:11px;line-height:1.6}.empty .btn{margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{text-align:left;background:#f7faf7;color:#849589;font-size:10px;font-weight:800;letter-spacing:.06em;padding:13px 16px}.table td{border-top:1px solid #eef2ee;padding:14px 16px;font-size:11px}.table td strong{font-size:11px}.table td small{display:block;color:#98a89c;font-size:10px;margin-top:3px}.table tbody tr:hover{background:#fafcf9}.table .center{text-align:center}.table .danger-text{color:#b4443f;font-weight:800}.table .good-text{color:#2f8a5a;font-weight:800}.table .muted-text{color:#bac4ba}.table .action-cell{text-align:right}.table button.inline{border:0;background:none;color:#477c61;font-size:11px;font-weight:800}.table button.inline.danger{color:#c55750}.table .head-day{min-width:55px;text-align:center}.report-card{overflow:hidden}.report-notice{padding:14px 18px;background:#fff8e9;color:#a56c26;font-size:11px;border-bottom:1px solid #f3e8ce}.section-stack{display:grid;gap:19px}.session-live{display:grid;grid-template-columns:300px 1fr;gap:18px}.qr-panel{text-align:center;padding:25px}.qr-panel h2{font-size:16px;margin:0 0 5px}.qr-panel p{font-size:11px}.qr-image{display:grid;place-items:center;min-height:238px;margin:20px 0 10px;padding:13px;background:white;border:1px solid var(--line);border-radius:10px}.qr-image img{width:208px;max-width:100%}.countdown{font-size:11px;font-weight:800;color:#2e7654}.qr-link{color:#759184;font-size:10px;word-break:break-all;margin:10px 0}.live-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-dot{display:inline-block;width:7px;height:7px;background:#3aaf70;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #e7f5ea}.pill-row{display:flex;gap:9px;flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-stack{display:grid;gap:12px}.form-stack label{margin-bottom:-6px}.modal{border:0;border-radius:14px;width:min(500px,calc(100vw - 30px));padding:0;box-shadow:0 30px 90px #112b2560}.modal::backdrop{background:#0a211bb5}.modal form{padding:27px}.modal-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px}.modal h2{font-size:22px;margin:7px 0 0}.icon-button{border:0;background:#f1f5f0;border-radius:50%;width:31px;height:31px;color:#5c7462;font-size:22px;line-height:1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.field-help{color:#8a9b90;font-size:10px;line-height:1.6}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:#173c34;color:#fff;padding:38px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-aside:after{content:'◫';position:absolute;font-size:650px;color:#fff;opacity:.025;right:-180px;top:30px;line-height:1}.brand.light .brand-mark{background:#b9dec1}.auth-aside-copy{position:relative;z-index:1}.auth-aside-copy .eyebrow{color:#a3cbb0}.auth-aside-copy h1{font-size:clamp(43px,5vw,70px);line-height:1.08;margin:18px 0 25px}.auth-aside-copy h1 em{font-style:normal;color:#a7d2ae}.auth-aside-copy p{color:#b1cec0;font-size:13px;line-height:1.8;max-width:360px}.auth-aside-bottom{color:#a7c5b3;font-size:10px;font-weight:800;letter-spacing:.1em}.auth-aside-bottom span{padding:0 10px}.auth-main{display:grid;place-items:center;padding:35px}.auth-box{width:min(380px,100%)}.auth-icon{width:47px;height:47px;display:grid;place-items:center;background:#e6f2e7;border-radius:12px;color:#397654;font-size:25px;margin-bottom:30px}.auth-box h2{font-size:32px;margin:8px 0 7px}.auth-box p{font-size:12px}.auth-box label{margin-top:30px}.auth-box .btn{margin-top:18px}.auth-help{text-align:center;color:#a3afa6;margin:22px 0}.scan-page{min-height:100vh;background:#f4f8f4;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.scan-brand{display:flex;align-items:center;gap:9px;font:800 14px Manrope;letter-spacing:.04em;color:var(--dark)}.scan-brand b{color:#7eae8b}.scan-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 25px 60px #173c3414}.scan-icon{display:grid;place-items:center;width:56px;height:56px;background:#e5f3e8;color:#3c9a66;border-radius:15px;font-size:28px;margin-bottom:28px}.scan-card h1{font-size:28px;line-height:1.25;margin:9px 0 10px}.scan-card .muted{font-size:12px;line-height:1.7}.scan-card .form-stack{margin-top:28px}.scan-note{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#94a79a;font-size:10px;line-height:1.6}.scan-foot{color:#9bad9e;font-size:10px;text-align:center}.success-box,.error-box{margin-top:26px;border-radius:10px;padding:17px;font-size:12px;line-height:1.7}.success-box{background:#e8f6eb;color:#286c45}.error-box{background:#fff0ed;color:#b34b40}@media(max-width:1050px){.sidebar{width:205px}.topbar,.page-content{padding-left:28px;padding-right:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:13px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0}.nav-caption,.sidebar-bottom{display:none}.nav-list{display:flex;overflow:auto;margin-top:14px}.nav-item{white-space:nowrap;padding:9px 11px;font-size:11px}.topbar{height:50px;padding:0 17px}.today-pill{display:none}.page-content{padding:25px 17px 55px}.page-top{align-items:flex-start;flex-direction:column}.page-top h1{font-size:24px}.page-actions{width:100%}.class-picker-wrap{width:100%;min-width:0;margin:25px 0 20px}.stats-grid{gap:9px}.stat-card{padding:15px;min-height:115px}.stat-number{font-size:23px}.stat-top{font-size:9px}.content-grid,.session-live{grid-template-columns:1fr}.panel{padding:18px}.auth-page{grid-template-columns:1fr}.auth-aside{min-height:260px;padding:24px}.auth-aside-copy h1{font-size:36px}.auth-aside-copy p,.auth-aside-bottom{display:none}.auth-main{padding:50px 24px}.field-grid{grid-template-columns:1fr}.scan-card{padding:26px}}