@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Prompt:wght@400;500;600;700&display=swap";:root{--color-primary: #2C2891;--color-primary-dark: #201d6e;--color-primary-light:#3833a6;--color-secondary: #39A388;--color-secondary-dark:#2c8a71;--color-accent: #1C7947;--color-accent-dark: #14512f;--color-highlight: #FFFD95;--color-bg-page: #f4f6fb;--color-bg-white: #ffffff;--color-bg-soft: #eef1f8;--color-text-main: #1b2233;--color-text-muted: #5a6478;--color-border: rgba(20,24,60,.09);--grad-brand: linear-gradient(135deg, #2C2891 0%, #2f6f9e 55%, #39A388 100%);--grad-primary: linear-gradient(135deg, #2C2891 0%, #201d6e 100%);--font-thai: "Sarabun", "Prompt", sans-serif;--font-head: "Prompt", "Sarabun", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--shadow-card: 0 2px 12px rgba(20,24,60,.07);--shadow-hover: 0 12px 34px rgba(20,24,60,.14);--transition: .15s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-thai);color:var(--color-text-main);background:var(--color-bg-page);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);line-height:1.3;margin:0}a{color:inherit}img{max-width:100%;display:block}button{font-family:var(--font-thai);cursor:pointer}.container{max-width:1280px;margin:0 auto;padding:0 24px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2c289140;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2c289173}::selection{background:#2c2891;color:#fff}:root{--sidebar-w: 240px;--sidebar-collapsed-w: 64px}._shell_fzpyn_8{display:flex;min-height:100vh;background:#f1f5f9}._sidebar_fzpyn_15{width:var(--sidebar-w);min-width:var(--sidebar-w);background:#2c2891;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:50;transition:width .22s ease,min-width .22s ease}._sidebarCollapsed_fzpyn_30{width:var(--sidebar-collapsed-w);min-width:var(--sidebar-collapsed-w)}._brand_fzpyn_36{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);min-height:64px}._brandIcon_fzpyn_45{width:36px;height:36px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._brandText_fzpyn_56{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}._brandName_fzpyn_57{color:#fff;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._brandSub_fzpyn_58{color:#ffffff73;font-size:10px;letter-spacing:.08em;text-transform:uppercase}._collapseBtn_fzpyn_60{background:none;border:none;cursor:pointer;color:#ffffff80;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s;margin-left:auto}._collapseBtn_fzpyn_60:hover{background:#ffffff1a;color:#fff}._sidebarCollapsed_fzpyn_30 ._brand_fzpyn_36{flex-direction:column;gap:8px;padding:14px 0;align-items:center}._sidebarCollapsed_fzpyn_30 ._collapseBtn_fzpyn_60{margin-left:0}._nav_fzpyn_86{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}._sidebarCollapsed_fzpyn_30 ._nav_fzpyn_86{padding:12px 6px;align-items:center}._navItem_fzpyn_97{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#ffffffa6;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap;width:100%}._sidebarCollapsed_fzpyn_30 ._navItem_fzpyn_97{padding:9px;justify-content:center;width:44px}._navItem_fzpyn_97:hover{background:#ffffff14;color:#fff}._navItemActive_fzpyn_122{background:#1c794740;color:#fff;font-weight:500}._navItemActive_fzpyn_122 ._navIcon_fzpyn_128{color:#1c7947}._navIcon_fzpyn_128{display:flex;align-items:center;flex-shrink:0;color:#ffffff73;transition:color .15s}._navItem_fzpyn_97:hover ._navIcon_fzpyn_128{color:#ffffffe6}._group_fzpyn_141{margin-bottom:2px;width:100%}._sidebarCollapsed_fzpyn_30 ._group_fzpyn_141{display:flex;justify-content:center}._groupBtn_fzpyn_144{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;background:none;border:none;cursor:pointer;color:#ffffffa6;font-size:13.5px;font-family:inherit;transition:background .15s,color .15s;text-align:left;white-space:nowrap}._groupBtn_fzpyn_144:hover{background:#ffffff14;color:#fff}._groupBtnActive_fzpyn_162{color:#fff}._sidebarCollapsed_fzpyn_30 ._groupBtn_fzpyn_144{padding:9px;width:44px;justify-content:center}._groupLeft_fzpyn_170{display:flex;align-items:center;gap:10px}._groupLabel_fzpyn_175{font-weight:500}._chevron_fzpyn_177{color:#ffffff59;transition:transform .2s ease,color .15s;flex-shrink:0}._chevronOpen_fzpyn_182{transform:rotate(180deg);color:#ffffffb3}._groupBtn_fzpyn_144:hover ._chevron_fzpyn_177{color:#ffffffb3}._subItems_fzpyn_185{padding:2px 0 4px 14px;display:flex;flex-direction:column;gap:1px;border-left:1.5px solid rgba(255,255,255,.08);margin-left:19px;margin-top:2px}._subItem_fzpyn_185{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:#ffffff8c;font-size:13px;text-decoration:none;transition:background .15s,color .15s}._subItem_fzpyn_185:hover{background:#ffffff12;color:#fff}._subItemActive_fzpyn_207{background:#1c794738;color:#fff;font-weight:500}._subItemActive_fzpyn_207 ._subIcon_fzpyn_212{color:#1c7947}._subIcon_fzpyn_212{font-size:13px;opacity:.8;flex-shrink:0}._sidebarFooter_fzpyn_221{padding:12px 12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px}._sidebarCollapsed_fzpyn_30 ._sidebarFooter_fzpyn_221{flex-direction:column;padding:12px 0 14px;align-items:center;gap:8px}._userInfo_fzpyn_236{display:flex;align-items:center;gap:8px;flex:1;min-width:0}._userAvatar_fzpyn_244{width:32px;height:32px;border-radius:50%;background:#1c794799;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}._userAvatarOnly_fzpyn_258{width:32px;height:32px;border-radius:50%;background:#1c794799;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}._userMeta_fzpyn_271{display:flex;flex-direction:column;min-width:0;line-height:1.25}._userName_fzpyn_272{color:#ffffffe6;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._userRole_fzpyn_280{color:#fff6;font-size:10.5px;text-transform:capitalize}._logoutBtn_fzpyn_286{padding:6px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#ffffff80;display:flex;align-items:center;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}._logoutBtn_fzpyn_286:hover{background:#1c794740;color:#fff;border-color:#1c794766}._main_fzpyn_306{flex:1;min-width:0;display:flex;flex-direction:column;transition:none}._topbar_fzpyn_314{display:none;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:30}._menuBtn_fzpyn_326{background:none;border:none;padding:4px;color:#2c2891;cursor:pointer;border-radius:6px}._menuBtn_fzpyn_326:hover{background:#f1f5f9}._topbarTitle_fzpyn_336{font-family:Prompt,sans-serif;font-size:15px;font-weight:600;color:#2c2891}._content_fzpyn_343{flex:1;padding:28px 32px;width:100%;box-sizing:border-box}._overlay_fzpyn_351{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}@media(max-width:768px){._sidebar_fzpyn_15{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);z-index:50;width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important}._sidebarOpen_fzpyn_370{transform:translate(0)}._sidebarCollapsed_fzpyn_30{width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important}._overlay_fzpyn_351{display:block}._topbar_fzpyn_314{display:flex}._content_fzpyn_343{padding:20px 16px}._collapseBtn_fzpyn_60{display:none}}._shell_vmzxt_2{display:flex;min-height:100vh;background:#f1f5f9}._overlay_vmzxt_9{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}._sidebar_vmzxt_17{width:240px;min-width:240px;background:#2c2891;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;z-index:50;transition:width .22s ease,min-width .22s ease;flex-shrink:0}._sidebar_vmzxt_17::-webkit-scrollbar{display:none}._sidebarCollapsed_vmzxt_35{width:64px;min-width:64px}._brand_vmzxt_41{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);min-height:64px;flex-shrink:0}._brandLink_vmzxt_51{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1;min-width:0}._brandIcon_vmzxt_60{width:36px;height:36px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._brandText_vmzxt_71{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}._brandName_vmzxt_79{color:#fff;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._brandSub_vmzxt_89{color:#ffffff73;font-size:10px;letter-spacing:.08em;text-transform:uppercase}._collapseBtn_vmzxt_97{background:none;border:none;cursor:pointer;color:#ffffff80;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s;margin-left:auto}._collapseBtn_vmzxt_97:hover{background:#ffffff1a;color:#fff}._sidebarCollapsed_vmzxt_35 ._brand_vmzxt_41{flex-direction:column;gap:8px;padding:14px 0;align-items:center}._sidebarCollapsed_vmzxt_35 ._collapseBtn_vmzxt_97{margin-left:0}._nav_vmzxt_122{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}._sidebarCollapsed_vmzxt_35 ._nav_vmzxt_122{padding:12px 6px;align-items:center}._navItem_vmzxt_133{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#ffffffa6;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap;width:100%;position:relative}._sidebarCollapsed_vmzxt_35 ._navItem_vmzxt_133{padding:9px;justify-content:center;width:44px}._navItem_vmzxt_133:hover{background:#ffffff14;color:#fff}._navItemActive_vmzxt_159{background:#1c794740;color:#fff;font-weight:500}._navItemActive_vmzxt_159 ._navIcon_vmzxt_165{color:#1c7947}._navIcon_vmzxt_165{display:flex;align-items:center;flex-shrink:0;color:#ffffff73;transition:color .15s}._navItem_vmzxt_133:hover ._navIcon_vmzxt_165{color:#ffffffe6}._navLabel_vmzxt_177{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._badge_vmzxt_186{background:#1c7947;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;flex-shrink:0}._badgeDot_vmzxt_198{position:absolute;top:6px;right:6px;width:7px;height:7px;background:#1c7947;border-radius:50%;border:1.5px solid #2C2891}._sidebarFooter_vmzxt_210{padding:12px 12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;flex-shrink:0}._sidebarCollapsed_vmzxt_35 ._sidebarFooter_vmzxt_210{flex-direction:column;padding:12px 0 14px;align-items:center;gap:8px}._userInfo_vmzxt_226{display:flex;align-items:center;gap:8px;flex:1;min-width:0}._userAvatar_vmzxt_234{width:32px;height:32px;border-radius:50%;background:#1c794799;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}._avatarImg_vmzxt_249{width:100%;height:100%;object-fit:cover}._userAvatarOnly_vmzxt_255{width:32px;height:32px;border-radius:50%;background:#1c794799;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}._userMeta_vmzxt_268{display:flex;flex-direction:column;min-width:0;line-height:1.25;flex:1}._userName_vmzxt_276{color:#ffffffe6;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._userRole_vmzxt_285{color:#fff6;font-size:10.5px}._logoutBtn_vmzxt_290{padding:6px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#ffffff80;display:flex;align-items:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}._logoutBtn_vmzxt_290:hover{background:#1c794740;color:#fff;border-color:#1c794766}._main_vmzxt_309{flex:1;min-width:0;display:flex;flex-direction:column}._topbar_vmzxt_317{display:none;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:30}._menuBtn_vmzxt_329{background:none;border:none;padding:4px;color:#2c2891;cursor:pointer;border-radius:6px;display:flex}._menuBtn_vmzxt_329:hover{background:#f1f5f9}._topbarTitle_vmzxt_340{flex:1;font-family:Prompt,sans-serif;font-size:15px;font-weight:600;color:#2c2891}._topbarRight_vmzxt_348{position:relative}._topbarBadge_vmzxt_350{background:#1c7947;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}._content_vmzxt_360{flex:1;padding:28px 32px;width:100%;box-sizing:border-box}@media(max-width:768px){._topbar_vmzxt_317{display:flex}._collapseBtn_vmzxt_97{display:none}._sidebar_vmzxt_17{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);transition:transform .25s ease;width:240px!important;min-width:240px!important}._sidebarOpen_vmzxt_383{transform:translate(0)}._sidebarCollapsed_vmzxt_35{width:240px!important;min-width:240px!important}._content_vmzxt_360{padding:20px 16px}}