@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: #0A2240;--color-accent: #C8102E;--color-accent-dark: #a50d25;--color-bg-page: #f5f7fa;--color-bg-white: #ffffff;--color-text-main: #1a2a3a;--color-text-muted: #5a6a7a;--color-border: rgba(0,0,0,.08);--font-thai: "Sarabun", "Prompt", sans-serif;--font-head: "Prompt", "Sarabun", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 2px 12px rgba(0,0,0,.07);--shadow-hover: 0 8px 28px rgba(0,0,0,.12);--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:#0a224033;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0a224066}:root{--sidebar-w: 240px;--sidebar-collapsed-w: 64px}._shell_qmp5m_8{display:flex;min-height:100vh;background:#f1f5f9}._sidebar_qmp5m_15{width:var(--sidebar-w);min-width:var(--sidebar-w);background:#0a2240;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_qmp5m_30{width:var(--sidebar-collapsed-w);min-width:var(--sidebar-collapsed-w)}._brand_qmp5m_36{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);min-height:64px}._brandIcon_qmp5m_45{width:36px;height:36px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._brandText_qmp5m_56{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}._brandName_qmp5m_57{color:#fff;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._brandSub_qmp5m_58{color:#ffffff73;font-size:10px;letter-spacing:.08em;text-transform:uppercase}._collapseBtn_qmp5m_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_qmp5m_60:hover{background:#ffffff1a;color:#fff}._sidebarCollapsed_qmp5m_30 ._brand_qmp5m_36{flex-direction:column;gap:8px;padding:14px 0;align-items:center}._sidebarCollapsed_qmp5m_30 ._collapseBtn_qmp5m_60{margin-left:0}._nav_qmp5m_86{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}._sidebarCollapsed_qmp5m_30 ._nav_qmp5m_86{padding:12px 6px;align-items:center}._navItem_qmp5m_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_qmp5m_30 ._navItem_qmp5m_97{padding:9px;justify-content:center;width:44px}._navItem_qmp5m_97:hover{background:#ffffff14;color:#fff}._navItemActive_qmp5m_122{background:#c8102e40;color:#fff;font-weight:500}._navItemActive_qmp5m_122 ._navIcon_qmp5m_128{color:#c8102e}._navIcon_qmp5m_128{display:flex;align-items:center;flex-shrink:0;color:#ffffff73;transition:color .15s}._navItem_qmp5m_97:hover ._navIcon_qmp5m_128{color:#ffffffe6}._group_qmp5m_141{margin-bottom:2px;width:100%}._sidebarCollapsed_qmp5m_30 ._group_qmp5m_141{display:flex;justify-content:center}._groupBtn_qmp5m_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_qmp5m_144:hover{background:#ffffff14;color:#fff}._groupBtnActive_qmp5m_162{color:#fff}._sidebarCollapsed_qmp5m_30 ._groupBtn_qmp5m_144{padding:9px;width:44px;justify-content:center}._groupLeft_qmp5m_170{display:flex;align-items:center;gap:10px}._groupLabel_qmp5m_175{font-weight:500}._chevron_qmp5m_177{color:#ffffff59;transition:transform .2s ease,color .15s;flex-shrink:0}._chevronOpen_qmp5m_182{transform:rotate(180deg);color:#ffffffb3}._groupBtn_qmp5m_144:hover ._chevron_qmp5m_177{color:#ffffffb3}._subItems_qmp5m_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_qmp5m_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_qmp5m_185:hover{background:#ffffff12;color:#fff}._subItemActive_qmp5m_207{background:#c8102e38;color:#fff;font-weight:500}._subItemActive_qmp5m_207 ._subIcon_qmp5m_212{color:#c8102e}._subIcon_qmp5m_212{font-size:13px;opacity:.8;flex-shrink:0}._sidebarFooter_qmp5m_221{padding:12px 12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px}._sidebarCollapsed_qmp5m_30 ._sidebarFooter_qmp5m_221{flex-direction:column;padding:12px 0 14px;align-items:center;gap:8px}._userInfo_qmp5m_236{display:flex;align-items:center;gap:8px;flex:1;min-width:0}._userAvatar_qmp5m_244{width:32px;height:32px;border-radius:50%;background:#c8102e99;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}._userAvatarOnly_qmp5m_258{width:32px;height:32px;border-radius:50%;background:#c8102e99;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}._userMeta_qmp5m_271{display:flex;flex-direction:column;min-width:0;line-height:1.25}._userName_qmp5m_272{color:#ffffffe6;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._userRole_qmp5m_280{color:#fff6;font-size:10.5px;text-transform:capitalize}._logoutBtn_qmp5m_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_qmp5m_286:hover{background:#c8102e40;color:#fff;border-color:#c8102e66}._main_qmp5m_306{flex:1;min-width:0;display:flex;flex-direction:column;transition:none}._topbar_qmp5m_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_qmp5m_326{background:none;border:none;padding:4px;color:#0a2240;cursor:pointer;border-radius:6px}._menuBtn_qmp5m_326:hover{background:#f1f5f9}._topbarTitle_qmp5m_336{font-family:Prompt,sans-serif;font-size:15px;font-weight:600;color:#0a2240}._content_qmp5m_343{flex:1;padding:28px 32px;width:100%;box-sizing:border-box}._overlay_qmp5m_351{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}@media(max-width:768px){._sidebar_qmp5m_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_qmp5m_370{transform:translate(0)}._sidebarCollapsed_qmp5m_30{width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important}._overlay_qmp5m_351{display:block}._topbar_qmp5m_314{display:flex}._content_qmp5m_343{padding:20px 16px}._collapseBtn_qmp5m_60{display:none}}._shell_1gv8d_2{display:flex;min-height:100vh;background:#f1f5f9}._overlay_1gv8d_9{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}._sidebar_1gv8d_17{width:240px;min-width:240px;background:#0a2240;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_1gv8d_17::-webkit-scrollbar{display:none}._sidebarCollapsed_1gv8d_35{width:64px;min-width:64px}._brand_1gv8d_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_1gv8d_51{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1;min-width:0}._brandIcon_1gv8d_60{width:36px;height:36px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._brandText_1gv8d_71{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}._brandName_1gv8d_79{color:#fff;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._brandSub_1gv8d_89{color:#ffffff73;font-size:10px;letter-spacing:.08em;text-transform:uppercase}._collapseBtn_1gv8d_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_1gv8d_97:hover{background:#ffffff1a;color:#fff}._sidebarCollapsed_1gv8d_35 ._brand_1gv8d_41{flex-direction:column;gap:8px;padding:14px 0;align-items:center}._sidebarCollapsed_1gv8d_35 ._collapseBtn_1gv8d_97{margin-left:0}._nav_1gv8d_122{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}._sidebarCollapsed_1gv8d_35 ._nav_1gv8d_122{padding:12px 6px;align-items:center}._navItem_1gv8d_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_1gv8d_35 ._navItem_1gv8d_133{padding:9px;justify-content:center;width:44px}._navItem_1gv8d_133:hover{background:#ffffff14;color:#fff}._navItemActive_1gv8d_159{background:#c8102e40;color:#fff;font-weight:500}._navItemActive_1gv8d_159 ._navIcon_1gv8d_165{color:#c8102e}._navIcon_1gv8d_165{display:flex;align-items:center;flex-shrink:0;color:#ffffff73;transition:color .15s}._navItem_1gv8d_133:hover ._navIcon_1gv8d_165{color:#ffffffe6}._navLabel_1gv8d_177{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._badge_1gv8d_186{background:#c8102e;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;flex-shrink:0}._badgeDot_1gv8d_198{position:absolute;top:6px;right:6px;width:7px;height:7px;background:#c8102e;border-radius:50%;border:1.5px solid #0A2240}._sidebarFooter_1gv8d_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_1gv8d_35 ._sidebarFooter_1gv8d_210{flex-direction:column;padding:12px 0 14px;align-items:center;gap:8px}._userInfo_1gv8d_226{display:flex;align-items:center;gap:8px;flex:1;min-width:0}._userAvatar_1gv8d_234{width:32px;height:32px;border-radius:50%;background:#c8102e99;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}._avatarImg_1gv8d_249{width:100%;height:100%;object-fit:cover}._userAvatarOnly_1gv8d_255{width:32px;height:32px;border-radius:50%;background:#c8102e99;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}._userMeta_1gv8d_268{display:flex;flex-direction:column;min-width:0;line-height:1.25;flex:1}._userName_1gv8d_276{color:#ffffffe6;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._userRole_1gv8d_285{color:#fff6;font-size:10.5px}._logoutBtn_1gv8d_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_1gv8d_290:hover{background:#c8102e40;color:#fff;border-color:#c8102e66}._main_1gv8d_309{flex:1;min-width:0;display:flex;flex-direction:column}._topbar_1gv8d_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_1gv8d_329{background:none;border:none;padding:4px;color:#0a2240;cursor:pointer;border-radius:6px;display:flex}._menuBtn_1gv8d_329:hover{background:#f1f5f9}._topbarTitle_1gv8d_340{flex:1;font-family:Prompt,sans-serif;font-size:15px;font-weight:600;color:#0a2240}._topbarRight_1gv8d_348{position:relative}._topbarBadge_1gv8d_350{background:#c8102e;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}._content_1gv8d_360{flex:1;padding:28px 32px;width:100%;box-sizing:border-box}@media(max-width:768px){._topbar_1gv8d_317{display:flex}._collapseBtn_1gv8d_97{display:none}._sidebar_1gv8d_17{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);transition:transform .25s ease;width:240px!important;min-width:240px!important}._sidebarOpen_1gv8d_383{transform:translate(0)}._sidebarCollapsed_1gv8d_35{width:240px!important;min-width:240px!important}._content_1gv8d_360{padding:20px 16px}}