@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sarabun-thai-400-normal.cd3f69ba.woff2) format("woff2"),url(/_next/static/media/sarabun-thai-400-normal.3afbd7d5.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sarabun-vietnamese-400-normal.ee0c0125.woff2) format("woff2"),url(/_next/static/media/sarabun-vietnamese-400-normal.66caf7bc.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sarabun-latin-ext-400-normal.68305537.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-ext-400-normal.cca9de24.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sarabun-latin-400-normal.2cec8123.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-400-normal.ee2215ed.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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-display:swap;font-weight:500;src:url(/_next/static/media/sarabun-thai-500-normal.93cb6935.woff2) format("woff2"),url(/_next/static/media/sarabun-thai-500-normal.79463518.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/sarabun-vietnamese-500-normal.1042430e.woff2) format("woff2"),url(/_next/static/media/sarabun-vietnamese-500-normal.603a195f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/sarabun-latin-ext-500-normal.9fbdbc0e.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-ext-500-normal.3d477461.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/sarabun-latin-500-normal.88b8fc7f.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-500-normal.653dbc5a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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-display:swap;font-weight:600;src:url(/_next/static/media/sarabun-thai-600-normal.eb027b1d.woff2) format("woff2"),url(/_next/static/media/sarabun-thai-600-normal.15c7a933.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/sarabun-vietnamese-600-normal.0df2d07d.woff2) format("woff2"),url(/_next/static/media/sarabun-vietnamese-600-normal.ff9e40d1.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/sarabun-latin-ext-600-normal.45351205.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-ext-600-normal.c7a6d0b0.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/sarabun-latin-600-normal.38bad51d.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-600-normal.8dc67826.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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-display:swap;font-weight:700;src:url(/_next/static/media/sarabun-thai-700-normal.b7eac627.woff2) format("woff2"),url(/_next/static/media/sarabun-thai-700-normal.f8023552.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/sarabun-vietnamese-700-normal.fd7bf1a4.woff2) format("woff2"),url(/_next/static/media/sarabun-vietnamese-700-normal.68b5d2e6.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/sarabun-latin-ext-700-normal.98aadcf6.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-ext-700-normal.a0ffe7cc.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/sarabun-latin-700-normal.2dd61b88.woff2) format("woff2"),url(/_next/static/media/sarabun-latin-700-normal.8d282455.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--navy:#142b4e;--blue:#2563eb;--muted:#738198;--line:#e8edf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1b2e4b;background:#f5f7fb;margin:0;font-family:Sarabun,sans-serif;font-size:14px}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #60a5fa}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#cad6e8;z-index:30;flex-direction:column;width:252px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:1px;align-items:center;gap:11px;padding:0 9px;font-size:15px;font-weight:700;display:flex}.brand-icon{background:#3776f2;border-radius:12px;padding:9px;display:flex}.brand small{letter-spacing:1.8px;color:#acbdd6;margin-top:5px;font-size:8px;font-weight:400;display:block}.school-label{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;align-items:center;gap:11px;margin:32px 5px 29px;padding:16px 0;font-size:13px;font-weight:500;display:flex}.school-avatar{color:#afc7ec;background:#ffffff0d;border-radius:10px;padding:10px;display:flex}.school-label small{color:#91a5c3;margin-top:4px;font-size:11px;font-weight:400;display:block}.nav-label{color:#879bb9;letter-spacing:.4px;margin:0 15px 13px;font-size:10px}.nav-item{border-radius:8px;align-items:center;gap:12px;min-height:46px;margin:5px 0;padding:13px 14px;font-size:13px;display:flex}.nav-item.active{color:#fff;background:#2c66dc;box-shadow:0 5px 12px #071d421f}.active-dot{background:#fff;border-radius:50%;width:6px;height:6px;margin-left:auto}.unavailable{color:#a5b7d1}.soon{color:#9bacc6;white-space:nowrap;background:#ffffff09;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px}.sidebar-bottom{margin-top:auto;padding:38px 11px 0}.demo-mark{color:#d1dff4;align-items:center;gap:8px;font-size:12px;display:flex}.demo-mark>span{background:#71b2ff;border-radius:50%;width:6px;height:6px}.sidebar-bottom p{color:#8ca1c0;margin:9px 0 24px;font-size:11px;line-height:1.9}.sidebar-footer{color:#8298ba;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:17px;font-size:9px;display:flex}.main-area{margin-left:252px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:15px;height:80px;padding:0 40px;display:flex}.breadcrumb,.topbar-left,.topbar-right{align-items:center;gap:14px;display:flex}.breadcrumb{color:#8c98ab;gap:12px;font-size:12px}.breadcrumb strong{color:#314461;font-weight:500}.prototype-badge{letter-spacing:1px;color:#55749c;background:#f8faff;border:1px solid #dbe4f0;border-radius:4px;padding:5px 8px;font-size:9px}.header-divider{background:var(--line);width:1px;height:26px;margin:0 4px}.profile-avatar{color:#4267a3;background:#eaf0fc;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.profile-avatar,.profile-text{font-size:12px;font-weight:600}.profile-text small{color:#8c98aa;margin-top:3px;font-size:10px;font-weight:400;display:block}main{max-width:1500px;margin:auto;padding:33px 40px 0;scroll-margin-top:20px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.7px;color:#7c90ab;font-size:9px;font-weight:600}h1{letter-spacing:-.5px;margin:5px 0 7px;font-size:27px;font-weight:700}.page-heading p{color:var(--muted);margin:0;font-size:13px}.term{color:#6580a4;background:#fff;border:1px solid #e3e9f2;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;font-size:11px;display:flex}.term div{color:#3a4c67}.term span{color:#8c99ac;margin-top:3px;font-size:10px;display:block}.welcome{color:#fff;background:linear-gradient(115deg,#17345e,#204c86);border-radius:13px;justify-content:space-between;align-items:center;min-height:205px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-tag{letter-spacing:1.8px;color:#a1c0ed;font-size:8px}.welcome h2{margin:10px 0;font-size:25px;font-weight:600}.welcome p{color:#bacce4;margin:0 0 19px;font-size:12px;line-height:1.8}.welcome-status{color:#c8ddfa;background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:inline-flex}.welcome-art{color:#c8def9;flex-shrink:0;align-self:stretch;place-items:center;width:190px;display:grid;position:relative}.art-ring{border:1px solid #ffffff19;border-radius:50%;width:170px;height:170px;position:absolute;box-shadow:0 0 0 22px #ffffff03,0 0 0 44px #ffffff02}.art-spark{color:#72a1de;font-size:23px;position:absolute}.spark-one{top:10px;right:18px}.spark-two{font-size:16px;bottom:12px;left:20px}.section-heading{justify-content:space-between;align-items:center;margin:27px 0 15px;display:flex}h2{font-size:16px;font-weight:600}.section-heading h2{margin:0}.section-heading>span{color:#8794a8;align-items:center;gap:6px;font-size:10px;display:flex}.small-dot{background:#7c9ec9;border-radius:50%;width:5px;height:5px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px;box-shadow:0 3px 8px #20344d02}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:10px;padding:11px;display:flex}.blue{color:#3479ee;background:#ecf3ff}.teal{color:#229c96;background:#eaf8f5}.violet{color:#8a69d7;background:#f2edfb}.amber{color:#ce9840;background:#fff6e7}.stat-decoration{color:#c2ccda}.stat-card h3{color:#738198;margin:16px 0 5px;font-size:12px;font-weight:400}.stat-value{letter-spacing:-.5px;font-size:31px;font-weight:700;line-height:1.4}.stat-value span{color:#8b98ac;margin-left:8px;font-size:11px;font-weight:400}.stat-detail{color:#8c98aa;border-top:1px solid #f0f3f7;margin-top:13px;padding-top:11px;font-size:10px}.content-grid{grid-template-columns:1.12fr 1fr;gap:20px;margin-top:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-heading h2{margin:0 0 6px;font-size:15px}.panel-heading p{color:#8a97ab;margin:0;font-size:10px}.subtle-badge{color:#8090a9;white-space:nowrap;background:#f5f7fb;border-radius:5px;padding:5px 8px;font-size:9px}.level-list{flex-direction:column;gap:20px;padding:29px 0 25px;display:flex}.level-row{align-items:center;gap:16px;font-size:11px;display:flex}.level-label{color:#6a7c95;flex-shrink:0;width:24px}.bar-track{background:#f1f5fc;border-radius:4px;flex:1;height:10px;overflow:hidden}.bar-track>div{background:linear-gradient(90deg,#6599f1,#3979e6);border-radius:4px;height:100%}.level-row strong{text-align:right;width:50px;font-size:12px;font-weight:600}.level-row strong span{color:#98a3b4;margin-left:3px;font-size:10px;font-weight:400}.chart-note{color:#8d9ab0;border-top:1px solid #f0f3f8;align-items:center;gap:6px;padding-top:15px;font-size:9px;display:flex}.legend-dot{background:#4c86e8;border-radius:2px;width:7px;height:7px}.chart-note>span:last-child{margin-left:auto}.module-list{margin-top:15px}.module-row{border-bottom:1px solid #f0f3f7;align-items:center;gap:11px;padding:13px 0;display:flex}.module-row:last-child{border:0;padding-bottom:0}.module-icon{color:#6b83a5;background:#f3f6fb;border-radius:8px;padding:9px;display:flex}.module-row h3{margin:0 0 4px;font-size:12px;font-weight:500}.module-row p{color:#8d99ab;margin:0;font-size:9px}.development-status{color:#9ba6b7;white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.notice{color:#6282b0;background:#edf3fc;border:1px solid #dfe8f7;border-radius:9px;align-items:flex-start;gap:12px;margin-top:23px;padding:16px 19px;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice strong{color:#4f6f9a;font-size:11px;font-weight:600}.notice p{color:#7b90ae;margin:5px 0 0;font-size:10px;line-height:1.8}.page-footer{color:#97a3b5;justify-content:space-between;gap:10px;padding:24px 0;font-size:9px;display:flex}.footer-dot{margin:0 7px}.menu-toggle{color:#294b77;cursor:pointer;background:0 0;border:0;padding:4px;display:none}.mobile-break,.overlay{display:none}@media (min-width:1500px){main{padding-top:40px}.welcome{min-height:225px}}@media (max-width:1200px){.sidebar{width:225px;padding-inline:13px}.main-area{margin-left:225px}.topbar,main{padding-inline:25px}.stat-card{padding:16px}.stats-grid{gap:12px}.welcome-art{width:140px}.content-grid{grid-template-columns:1fr}.module-row{padding:14px 0}.module-row p{font-size:11px}.module-row h3{font-size:13px}}@media (max-width:800px){.sidebar{width:252px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.main-area{margin-left:0}.menu-toggle{display:flex}.overlay{z-index:25;background:#0b1d3a80;border:0;display:block;position:fixed;inset:0}.topbar{height:67px;padding-inline:20px}.header-divider,.profile-text{display:none}main{padding:25px 20px 0}.welcome-art{width:140px}.welcome h2{font-size:22px}.welcome{padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:13px}.content-grid{gap:18px}.stat-card{padding:19px}}@media (max-width:480px){.topbar{padding-inline:15px}.topbar-right{gap:10px}.breadcrumb{gap:7px;font-size:10px}.prototype-badge{padding:4px 5px;font-size:8px}main{padding:23px 15px 0}.page-heading{align-items:flex-start;margin-bottom:21px}h1{font-size:24px}.page-heading p{max-width:195px;font-size:11px;line-height:1.7}.eyebrow{font-size:8px}.term{gap:7px;padding:9px;font-size:10px}.term span{font-size:9px}.term svg{width:15px}.welcome{padding:23px 21px}.welcome h2{margin-top:8px;font-size:22px;line-height:1.6}.welcome p{max-width:260px;font-size:11px}.welcome-art{display:none}.mobile-break{display:block}.section-heading h2{font-size:14px}.stat-card{padding:16px}.stat-value{font-size:29px}.stat-detail{font-size:9px}.panel{padding:19px 16px}.panel-heading h2{font-size:14px}.subtle-badge{font-size:8px}.level-row{gap:10px}.module-row{gap:9px}.module-row p{font-size:9px}.development-status{font-size:8px}.notice{gap:9px;padding:14px}.page-footer{flex-direction:column;align-items:center;gap:7px;padding:21px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sidebar{transition:none}}.danger-button,.primary-button,.secondary-button{font:inherit;cursor:pointer;white-space:normal;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary-button{color:#fff;background:#2563eb;box-shadow:0 3px 8px #2563eb18}.primary-button:hover{background:#1d4ed8}.secondary-button{color:#506680;background:#fff;border-color:#dce4ef}.secondary-button:hover{background:#f1f5fb}.danger-button{color:#fff;background:#be3545}.danger-button:hover{background:#a12636}.danger-text{color:#b13f50!important}.student-module-link{color:#2563eb;align-items:center;gap:3px;margin-left:auto;font-size:11px;display:flex}.nav-item:not(.unavailable):hover{background:#ffffff10}.nav-item.active:hover{background:#2c66dc}.student-notice{margin:0 0 22px}.student-notice p{font-size:12px}.student-notice strong{font-size:13px}.student-summary{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:15px;margin:20px 0;padding:18px 22px;display:flex}.student-summary strong{font-size:27px}.student-summary small{color:#738198;font-size:13px;font-weight:400}.student-summary p{color:#738198;margin:3px 0 0;font-size:12px}.register-panel{padding:0;overflow:hidden}.register-heading{justify-content:space-between;align-items:center;gap:10px;padding:23px 24px 0;display:flex}.register-heading h2{margin:0 0 5px}.register-heading p{color:#738198;margin:0;font-size:12px}.student-filters{grid-template-columns:minmax(200px,2fr) 1fr 1fr auto;align-items:end;gap:12px;padding:22px 24px;display:grid}.student-filters label,.student-form label{color:#4f6380;flex-direction:column;gap:8px;font-size:12px;font-weight:500;display:flex}.student-filters input,.student-filters select,.student-form input,.student-form select{width:100%;min-width:0;min-height:44px;font:inherit;color:#1b2e4b;outline-offset:2px;background:#fff;border:1px solid #dbe3ef;border-radius:7px;padding:11px 12px}.student-filters input:focus-visible,.student-filters select:focus-visible,.student-form input:focus-visible,.student-form select:focus-visible{outline:2px solid #60a5fa}.search-field>span{align-items:center;display:flex;position:relative}.search-field svg{color:#92a0b6;position:absolute;left:12px}.search-field input{padding-left:37px}.table-scroll{outline-offset:-3px;width:100%;overflow-x:auto}.student-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.student-table th{text-align:left;color:#718198;border-block:1px solid var(--line);background:#f6f8fc;padding:15px 16px;font-weight:500}.student-table td{color:#4a607d;text-overflow:ellipsis;border-bottom:1px solid #eef1f6;max-width:260px;padding:13px 16px;overflow:hidden}.student-table tr:hover td{background:#f8faff}.student-code{font-weight:600;color:#3168ba!important}.student-status{color:#748297;background:#f1f3f7;border-radius:20px;padding:5px 10px;font-size:11px;display:inline-block}.student-status.enrolled{color:#288669;background:#ebf7f2}.row-actions{gap:4px;display:flex}.icon-button{color:#6783a6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.icon-button:hover{background:#eaf1fd}.table-footnote{color:#7b8da7;margin:0;padding:15px 24px;font-size:11px}.empty-students{text-align:center;color:#8c9bb0;padding:45px 20px}.empty-students svg{margin:auto}.empty-students h3{color:#4d6687;font-size:15px}.empty-students p{font-size:12px}.school-dialog{color:#1b2e4b;background:#fff;border:1px solid #dce5f1;border-radius:15px;width:min(620px,100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:24px;overflow-y:auto;box-shadow:0 24px 90px #0c23434d}.school-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#122b4f99}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:15px;display:flex}.dialog-heading h2{margin:0;font-size:20px}.form-note{color:#718198;margin:16px 0;font-size:12px;line-height:1.8}.form-grid{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.student-form label small{color:#8695ac;font-size:10px;font-weight:400;line-height:1.7}.form-wide{grid-column:1/-1}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:19px;display:flex}.form-error{color:#b33548;background:#fff0f2;border:1px solid #f6d4da;border-radius:7px;margin:0 0 16px;padding:12px;font-size:13px}.detail-banner{align-items:center;gap:14px;padding:22px 0;display:flex}.detail-banner h3{overflow-wrap:anywhere;margin:0 0 5px;font-size:17px}.detail-banner p{color:#738198;margin:0;font-size:12px}.student-details{background:#f7f9fc;border-radius:9px;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:20px;display:grid}.student-details dt{color:#7c8da7;margin-bottom:6px;font-size:11px}.student-details dd{overflow-wrap:anywhere;margin:0;font-size:14px}.delete-message{text-align:center;overflow-wrap:anywhere;padding:20px 5px 0}.delete-message p{font-size:14px;line-height:1.9}.delete-message p:last-child{color:#7e8fa8;font-size:12px}.delete-symbol{color:#b63c4e;background:#fff0f2;border-radius:50%;padding:14px;display:inline-flex}.student-toast:empty{display:none}.student-toast{z-index:40;color:#287353;background:#effaf5;border:1px solid #b7e0d1;border-radius:10px;align-items:center;gap:12px;max-width:min(500px,100% - 30px);padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #182d4a14}.student-toast .icon-button{color:#287353}.students-main{padding-bottom:10px}@media (max-width:1100px){.student-filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.student-filters>.secondary-button{grid-column:1/-1;justify-self:start}}@media (max-width:600px){.students-main .page-heading{flex-direction:column;align-items:stretch;gap:16px}.students-main .page-heading p{max-width:none}.students-main .page-heading>.primary-button{align-self:flex-start}.students-main .topbar-right{gap:5px}.register-heading{flex-direction:column;align-items:flex-start;padding:20px 16px 0}.student-filters{gap:14px 10px;padding:20px 16px}.table-footnote{padding-inline:16px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.school-dialog{max-height:calc(100dvh - 24px);padding:18px}.dialog-heading h2{font-size:18px}.dialog-actions{flex-wrap:wrap}.dialog-actions>button{flex:1}.student-details{gap:20px 10px;padding:15px}.student-toast{font-size:12px;bottom:15px;right:15px}.student-summary{padding:16px}.student-summary p{font-size:11px}}.academic-year-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:26px 0 18px;display:flex}.academic-year-toolbar h2{margin:0 0 7px;font-size:18px}.academic-year-toolbar p,.summary-caption{color:#738198;margin:0;font-size:13px;line-height:1.8}.academic-year-toolbar label{color:#415b7e;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.academic-year-toolbar select,.register-pagination select,.register-sort select{font:inherit;color:#284564;background:#fff;border:1px solid #dbe3ef;border-radius:8px;min-width:95px;min-height:44px;padding:9px 14px}.register-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.register-summary-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:15px;min-width:0;padding:20px;display:flex}.register-summary-card h2{color:#6a7e99;margin:0 0 8px;font-size:14px;font-weight:500}.register-summary-card strong{font-size:30px;font-weight:700;line-height:1.3}.register-summary-card div>span{color:#8394ab;font-size:13px}.summary-caption{margin:10px 0 24px}.students-main .register-filters{grid-template-columns:minmax(210px,1.6fr) 1fr 1fr 1fr auto;gap:14px}.students-main .student-filters label{font-size:14px}.students-main .student-filters input,.students-main .student-filters select{min-height:46px;font-size:14px}.students-main .register-filters .search-field,.students-main .register-filters>.secondary-button{grid-column:auto}.register-sort{justify-content:flex-end;align-items:center;gap:12px;padding:0 24px 20px;font-size:14px;display:flex}.register-sort>span{color:#7b8ea9;margin-right:auto;font-size:13px}.register-sort label{align-items:center;gap:9px;display:flex}.students-main .student-table{font-size:14px}.students-main .student-table th{padding:16px;font-size:13px}.students-main .student-table td{padding:16px}.students-main .student-status{font-size:12px}.students-main .icon-button{min-width:42px;min-height:42px}.students-main .danger-button,.students-main .primary-button,.students-main .secondary-button{min-height:46px;font-size:14px}.register-pagination{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;font-size:13px;display:flex}.register-pagination p{color:#6a7e99;margin:0 auto 0 0}.register-pagination label{align-items:center;gap:10px;display:flex}.pagination-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-buttons>span{white-space:nowrap;color:#5b7393;padding:0 6px}.secondary-button:disabled{opacity:.45;cursor:not-allowed;background:#f5f7fb}.student-filters select:disabled{color:#8b98aa;cursor:not-allowed;background:#f3f5f9}.empty-students>div{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.school-dialog .student-form label{font-size:14px}.school-dialog .form-note{font-size:13px}.school-dialog .student-form input,.school-dialog .student-form select{min-height:46px;font-size:15px}.school-dialog .danger-button,.school-dialog .primary-button,.school-dialog .secondary-button{min-height:46px;font-size:14px}select:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}@media (max-width:1350px){.students-main .register-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.students-main .register-filters .search-field{grid-column:1/-1}.register-summary-card{gap:10px;padding:16px}.register-summary-card .stat-icon{padding:9px}.register-summary-card h2{font-size:13px}.register-summary-grid{gap:12px}.register-pagination{gap:14px}.pagination-buttons{flex:100%;justify-content:flex-end}}@media (max-width:950px){.register-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academic-year-toolbar{align-items:flex-start}.academic-year-toolbar p{max-width:330px}.register-summary-card h2{font-size:14px}.register-sort{flex-wrap:wrap}.register-sort>span{flex:100%}.students-main .register-filters>.secondary-button{justify-self:start}}@media (max-width:600px){.academic-year-toolbar{flex-direction:column;align-items:stretch;gap:16px}.academic-year-toolbar label{justify-content:space-between}.register-summary-card{align-items:flex-start;gap:10px;padding:14px}.register-summary-card .stat-icon{padding:7px}.register-summary-card h2{font-size:12px}.register-summary-card strong{font-size:27px}.students-main .register-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.students-main .register-filters .search-field,.students-main .register-filters label:nth-of-type(4){grid-column:1/-1}.register-sort{justify-content:flex-start;gap:10px;padding:0 16px 18px;font-size:13px}.register-pagination{padding:18px 16px}.register-pagination p{flex:100%}.pagination-buttons{justify-content:flex-start;gap:6px}.students-main .pagination-buttons button{padding:9px 12px;font-size:12px}.pagination-buttons>span,.summary-caption{font-size:12px}.academic-year-toolbar h2{font-size:17px}}.register-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.students-main .academic-year-toolbar p,.students-main .page-footer,.students-main .page-heading p,.students-main .register-heading p,.students-main .register-sort>span,.students-main .summary-caption,.students-main .table-footnote{color:#4c6383;font-size:14px;line-height:1.8}.students-main .notice p,.students-main .notice strong{color:#466184;font-size:14px;line-height:1.9}.students-main .register-summary-card h2{color:#506783;font-size:14px;line-height:1.7}.students-main .register-summary-card div>span,.students-main .register-summary-card strong{color:#284564}.students-main .pagination-buttons>span,.students-main .register-pagination,.students-main .student-status,.students-main .student-table th,.students-main .subtle-badge{font-size:14px}.students-main .student-table th{color:#506783}.students-main .empty-students h3{font-size:18px}.students-main .empty-students p{color:#506783;font-size:14px;line-height:1.8}.students-main .pagination-buttons button{font-size:14px}.school-dialog .delete-message p:last-child,.school-dialog .detail-banner p,.school-dialog .form-note,.school-dialog .student-details dt,.school-dialog .student-form label small{color:#506783;font-size:14px;line-height:1.8}.school-dialog .student-details dd{font-size:16px;line-height:1.8}@media (max-width:950px){.register-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.register-summary-card{flex-direction:column;gap:10px}.students-main .page-footer{align-items:flex-start}}