@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.cedabf29.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.4bda54ec.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.f6eddd95.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.75ecebf5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.cace8832.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.bab09490.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.5d07ebb5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.d77488a5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.12435988.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.8ab0ac6e.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.190f34c5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.7183773d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.97839e11.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.29cdc01c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.70aaf131.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_b421c93d-module__u4xDuG__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_b421c93d-module__u4xDuG__variable{--font-body:"Be Vietnam Pro","Be Vietnam Pro Fallback"}
@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d829ba9c72f21fd6-s.0f24f2f4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/cf1514ba67088a5f-s.12662226.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/142d1fb481f1ebcd-s.b03113a9.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/41900da7e74536d5-s.d8f8a8c5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/aeacf25a943e1f19-s.41fedda8.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d3604dad620f8b2-s.40d9c683.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/2b4499d915222007-s.15c28d66.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b4e85636e2ca4056-s.p.9ecc21d7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/d829ba9c72f21fd6-s.0f24f2f4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/cf1514ba67088a5f-s.12662226.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/142d1fb481f1ebcd-s.b03113a9.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/41900da7e74536d5-s.d8f8a8c5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/aeacf25a943e1f19-s.41fedda8.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d3604dad620f8b2-s.40d9c683.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/2b4499d915222007-s.15c28d66.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b4e85636e2ca4056-s.p.9ecc21d7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Fallback;src:local(Times New Roman);ascent-override:90.29%;descent-override:24.75%;line-gap-override:0.0%;size-adjust:118.4%}.noto_serif_b55b771e-module__OH9s5a__className{font-family:Noto Serif,Noto Serif Fallback;font-style:normal}.noto_serif_b55b771e-module__OH9s5a__variable{--font-heading:"Noto Serif","Noto Serif Fallback"}
:root{--bg:#edf7fc;--surface:#fff;--surface-soft:#f5fbff;--primary:#0071a6;--primary-strong:#005b85;--text:#10384d;--muted:#527083;--border:#c8dfeb;--shadow:0 10px 30px #004c7024}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 8% 5%,#d8edf8 0,transparent 32%),radial-gradient(circle at 95% 0,#c9e3f3 0,transparent 26%),var(--bg);font-family:var(--font-body),"Segoe UI",sans-serif;margin:0;padding:0}h1,h2,h3{font-family:var(--font-heading),Georgia,serif}a{color:inherit;text-decoration:none}.page-shell{grid-template-columns:280px 1fr;gap:1rem;width:min(1320px,100% - 2rem);margin:1rem auto;display:grid}.sidebar{color:#f1f9ff;box-shadow:var(--shadow);background:linear-gradient(165deg,#005f8b 0%,#1f8bc1 100%);border-radius:16px;padding:1.25rem}.brand h1{margin:.4rem 0;font-size:1.45rem;line-height:1.1}.brand p{color:#d8ecf8;margin:0}.logout-form{margin-top:1rem}.sidebar-nav{gap:.55rem;margin-top:1rem;display:grid}.sidebar-link{color:#f1f9ffe0;background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;padding:.75rem .9rem;font-weight:700;display:block}.sidebar-link-active{color:#fff;background:#fff3;border-color:#ffffff3d}.logout-button{color:#f1f9ff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;width:100%;padding:.7rem .9rem;font-weight:700}.brand-badge{letter-spacing:.04em;background:#ffffff24;border-radius:999px;padding:.25rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:1fr;gap:.75rem;margin-top:1.25rem;display:grid}.stat-card{background:#ffffff29;border-radius:12px;padding:.9rem 1rem}.stat-card h2{margin:0;font-size:1.75rem}.stat-card p{color:#d2e9f6;margin:.15rem 0 0}.status-summary{background:#0026383d;border-radius:12px;margin-top:1rem;padding:.8rem}.status-row{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:.5rem .15rem;display:flex}.status-row:last-child{border-bottom:0}.content{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;min-height:calc(100vh - 2rem);overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:linear-gradient(#f3f9fe 0%,#fff 100%);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;display:flex}.toolbar h2{margin:0;font-size:1.45rem}.toolbar p{color:var(--muted);margin:.25rem 0 0}.filters{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.filters label{color:var(--muted);gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.filters select{border:1px solid var(--border);min-width:150px;color:var(--text);background:#fff;border-radius:10px;padding:.55rem .65rem}.filters input{border:1px solid var(--border);min-width:180px;color:var(--text);background:#fff;border-radius:10px;padding:.55rem .65rem}.filter-actions{gap:.55rem;display:flex}.filter-actions button,.filter-actions a{border-radius:10px;padding:.57rem .85rem;font-weight:700}.filter-actions button{background:var(--primary);color:#f1f9ff;cursor:pointer;border:0}.filter-actions a{border:1px solid var(--border);color:var(--muted);background:#fff}.class-list{gap:.9rem;padding:1rem 1.25rem 1.25rem;display:grid}.class-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px}.class-card-empty{opacity:.75;background:#f8fafc;border-color:#e3eaf0}.teacher-card{padding-bottom:.9rem}.teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.2rem;padding:0 1rem;display:grid}.teacher-copy{gap:.7rem;display:grid}.teacher-line{gap:.2rem;display:grid}.teacher-line strong{color:#43677c;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.teacher-line span{color:var(--text);line-height:1.5}.class-card-empty .class-meta span,.class-card-empty .schedule-list span,.class-card-empty .student-toggle{color:#7c8e9a;background:#fff;border-color:#dbe4ea}.login-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{width:min(460px,100%);box-shadow:var(--shadow);background:linear-gradient(#fffffff5,#fff);border:1px solid #c8dfebe6;border-radius:22px;overflow:hidden}.login-copy{color:#f5fbff;background:linear-gradient(145deg,#005f8b 0%,#2aa0d0 100%);padding:1.35rem 1.35rem 1rem}.login-copy h1{margin:.45rem 0 .3rem;font-size:1.8rem}.login-copy p{color:#f1f9ffe6;margin:0}.login-badge{letter-spacing:.06em;background:#ffffff24;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.login-form{gap:.95rem;padding:1.35rem;display:grid}.login-form label{color:var(--muted);gap:.35rem;font-weight:600;display:grid}.login-form input{border:1px solid var(--border);font:inherit;color:var(--text);background:#fff;border-radius:12px;padding:.8rem .9rem}.login-form button{background:linear-gradient(135deg,var(--primary)0%,var(--primary-strong)100%);color:#f5fbff;cursor:pointer;border:0;border-radius:12px;padding:.85rem 1rem;font-weight:800}.login-error{color:#a03c3c;background:#fff0f0;border:1px solid #f2c9c9;border-radius:12px;margin:0;padding:.75rem .85rem;font-weight:600}.class-card-empty .class-main span,.class-card-empty .no-student{color:#7c8e9a}.class-header{flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding:.95rem 1rem;display:flex}.class-main strong{font-size:1rem;display:block}.class-main span{color:var(--muted);font-size:.92rem}.teacher-link{color:var(--primary-strong);text-underline-offset:.15rem;text-decoration:underline}.class-meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.class-meta span{border:1px solid var(--border);color:var(--primary-strong);background:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.82rem;font-weight:700}.class-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:0 1rem .75rem;display:flex}.schedule-list{flex-wrap:wrap;gap:.45rem;min-width:0;display:flex}.schedule-list span{color:#0a5478;background:#dceef8;border-radius:8px;padding:.25rem .5rem;font-size:.8rem;font-weight:700}.student-table-wrap{border-top:1px solid var(--border);overflow-x:auto}.student-details{flex:none;min-width:fit-content}.student-toggle{cursor:pointer;border:1px solid var(--border);width:fit-content;color:var(--primary-strong);background:#eff7fc;border-radius:999px;align-items:center;margin:0 0 0 auto;padding:.3rem .62rem;font-size:.78rem;font-weight:700;list-style:none;display:flex}.student-toggle::-webkit-details-marker{display:none}.student-details[open]>.student-toggle{background:#dceef8;margin-bottom:.25rem}.student-details[open]{flex:1 0 100%;max-width:100%}.student-details[open]>.student-table-wrap,.student-details[open]>.no-student{width:100%;margin-top:.65rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #dce9f1;padding:.7rem 1rem;font-size:.9rem}th{letter-spacing:.03em;color:#43677c;text-transform:uppercase;background:#eff7fc;font-size:.75rem}tr:last-child td{border-bottom:0}.status-badge{border-radius:999px;padding:.18rem .56rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-dang-hoc{color:#196a45;background:#d9f7e8}.status-nghi-tam-thoi{color:#8a5a10;background:#fff3d8}.status-nghi-han{color:#9f2f26;background:#ffe2dd}.status-chua-cap-nhat{color:#4b5f5a;background:#eef2f1}.no-student{color:var(--muted);margin:0;padding:.2rem 0}.empty-state{border:1px dashed var(--border);text-align:center;background:#f8fcff;border-radius:14px;padding:2.5rem 1rem}.empty-state h3{margin:0}.empty-state p{color:var(--muted);margin:.5rem 0 0}.tuition-shell{gap:1rem;display:grid}.tuition-form-card,.tuition-report-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;padding:1rem}.package-shortcuts{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.package-pill{border:1px solid var(--border);color:var(--primary-strong);cursor:pointer;background:#fff;border-radius:999px;padding:.58rem .9rem;font-weight:800}.package-pill-active{background:#dceef8;border-color:#9bcce4}.tuition-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.tuition-form-grid label,.weekday-box{color:var(--muted);gap:.35rem;font-weight:600;display:grid}.tuition-form-grid input,.tuition-form-grid select{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;background:#fff;border-radius:12px;padding:.7rem .75rem}.weekday-box{margin-top:1rem}.weekday-grid{flex-wrap:wrap;gap:.6rem;display:flex}.weekday-pill{border:1px solid var(--border);color:var(--primary-strong);cursor:pointer;background:#fff;border-radius:999px;padding:.55rem .85rem;font-weight:700}.weekday-pill-active{background:#dceef8;border-color:#9bcce4}.tuition-report-card h3{margin:0 0 .9rem;font-size:1.2rem}.quote-grid{gap:.55rem;display:grid}.quote-row{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;gap:1rem;padding:.8rem .9rem;display:flex}.quote-row span{color:var(--muted)}.quote-row-total{background:linear-gradient(135deg,#e1f4ff 0%,#f7fcff 100%)}.quote-row-total strong{color:var(--primary-strong);font-size:1.05rem}.monthly-breakdown,.calendar-section{margin-top:1rem}.monthly-breakdown h4,.calendar-section h4{margin:0 0 .75rem;font-size:1rem}.monthly-table{gap:.55rem;display:grid}.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.calendar-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:.85rem}.calendar-card strong{margin-bottom:.65rem;display:block}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:.76rem;font-weight:700}.calendar-day,.calendar-day-empty{aspect-ratio:1;border-radius:10px;place-items:center;font-size:.82rem;display:grid}.calendar-day{color:#7d96a6;background:#f4f8fb}.calendar-day-in-range{color:var(--text)}.calendar-day-session{color:var(--primary-strong);background:#dceef8;border:1px solid #9bcce4;font-weight:800}.tuition-placeholder{color:var(--muted);margin:0}@media (max-width:1024px){.page-shell{grid-template-columns:1fr}.content{min-height:auto}}@media (max-width:768px){.page-shell{width:calc(100% - 1rem);margin:.5rem auto}.toolbar,.class-list{padding-left:.85rem;padding-right:.85rem}.filters select{min-width:132px}.class-bottom-row{flex-direction:column;align-items:stretch}.teacher-grid,.tuition-form-grid{grid-template-columns:1fr}.student-details{align-self:flex-end}th,td{padding:.62rem .75rem}}