@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/58fcc4ad15255874-s.p.023jaxb4i0-q4.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0752d9e9446886e3-s.37gff19qu_kpu.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:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/477b48776687fc32-s.3frzesdy96z2h.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e12efafcac952e69-s.p.3gt1gw19188hm.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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.2m2jj329378-j.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.1hwnmpdlfbr5r.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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.436q8r5--eamd.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.41_1bbhnqcn3l.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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3836391c10060ce4-s.p.2ub5ob4yff_mt.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f35096588af3ac65-s.1mcy67zyrjken.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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4ef4c2244410ddd5-s.1q60sed-n-nyg.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6281857f0573b169-s.p.2ggoighzpvw-e.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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.3w1e23hf7mhof.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.3_tzb9xzdxfhl.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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.3sa03-u70a6zc.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.33ndw2snxq3le.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:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0bbfe7d70ca362ab-s.p.18qb6f14hcpif.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c9e7701bc8b3db09-s.2ckknpajidhx6.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:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fe9c9076d1cdc5cf-s.1kljupmg-52kq.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bcc136e7df79ae49-s.p.3vvwmya0_3z_s.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:Sarabun;font-style:normal;font-weight:800;font-display:swap;src:url(../media/aa35d34c0e23a34f-s.p.3248z3z34egsx.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:800;font-display:swap;src:url(../media/567f0a86a5eea43d-s.2qzkopjco0xi8.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:Sarabun;font-style:normal;font-weight:800;font-display:swap;src:url(../media/bf5b4abd129b50f3-s.29zbwz06iahby.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:800;font-display:swap;src:url(../media/befcc618a6d7d45d-s.p.213nava8pi66q.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:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.sarabun_521716a6-module__cP0kiq__className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.sarabun_521716a6-module__cP0kiq__variable{--font-sarabun:"Sarabun", "Sarabun Fallback"}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}*,:before,:after,html,body,button,input,select,textarea{box-sizing:border-box;font-family:var(--font-sarabun), Arial, Helvetica, sans-serif;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.dashboard-portal-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.dashboard-main-grid{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (min-width:900px){.dashboard-main-grid{grid-template-columns:360px 1fr;align-items:start}}.dashboard-right-column{flex-direction:column;gap:20px;width:100%;display:flex}.dashboard-menu-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin-top:10px;display:grid}@media (max-width:1100px){.dashboard-menu-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.dashboard-menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}.dashboard-menu-btn{cursor:pointer!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:115px!important;padding:14px 8px!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005!important}.dashboard-menu-btn:hover{border-color:#cbd5e1!important;transform:translateY(-3px)!important;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a!important}main{padding:40px!important}@media (max-width:1024px){main,.attendance-card{padding:16px 12px!important}}@media (max-width:640px){main,.attendance-card{padding:10px 6px!important}.header-sub-title,.header-user-name,.btn-logout-text{display:none!important}}.portal-responsive-shell{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:600px;margin:0 auto;display:flex}@media (min-width:1024px){.portal-responsive-shell{grid-template-columns:290px 1fr;align-items:start;gap:24px;max-width:1380px;display:grid}}.portal-desktop-sidebar{display:none!important}@media (min-width:1024px){.portal-desktop-sidebar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;padding:22px 18px;position:sticky;top:20px;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000005;display:flex!important}}.portal-content-canvas{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.portal-mobile-profile-card{display:block}@media (min-width:1024px){.portal-mobile-profile-card{display:none!important}}.portal-nav-btn{color:#334155;cursor:pointer;text-align:left;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.portal-nav-btn:hover{color:#1e293b;background-color:#f1f5f9}.portal-nav-btn.active{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb40;color:#fff!important}.portal-nav-btn.active-amber{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#d97706;box-shadow:0 4px 12px #d9770640;color:#fff!important}.portal-desktop-breadcrumb{display:none}@media (min-width:1024px){.portal-desktop-breadcrumb{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:14px 22px;display:flex;box-shadow:0 4px 12px #00000005}}.cbt-runner-shell{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto}.cbt-topbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex;position:sticky;top:8px;box-shadow:0 4px 16px #00000008}@media (min-width:1024px){.cbt-topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:10px 18px;top:8px}}.cbt-topbar-row1{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.cbt-topbar-row2{align-items:center;gap:8px;width:100%;display:flex}@media (min-width:1024px){.cbt-topbar-row1{flex:1;width:auto}.cbt-topbar-row2{flex-shrink:0;gap:12px;width:auto}}.cbt-workspace{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;display:flex}@media (min-width:1024px){.cbt-workspace{grid-template-columns:210px 1fr;align-items:start;gap:14px;display:grid}}.cbt-sidebar-desktop{display:none!important}@media (min-width:1024px){.cbt-sidebar-desktop{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;max-height:calc(100vh - 90px);padding:12px;position:sticky;top:76px;overflow-y:auto;box-shadow:0 4px 16px #00000005;display:flex!important}}.cbt-question-column{flex-direction:column;gap:16px;min-width:0;display:flex;margin:0!important;padding:0!important}.cbt-palette-mobile-trigger{display:flex!important}@media (min-width:1024px){.cbt-palette-mobile-trigger{display:none!important}}.cbt-choice-option{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .18s;display:flex}.cbt-choice-option:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.cbt-choice-option.selected{background-color:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 4px 14px #2563eb1f!important}.cbt-exam-grid{flex-direction:column;gap:16px;width:100%;display:flex}@media (min-width:768px){.cbt-exam-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px;display:grid}}