:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Thai", "Sarabun", sans-serif;--teal:#4db6ac;--teal-hover:#5ec4ba;--teal-active:#3fa69b;--teal-1:#e9f6f4;--teal-2:#cfeae6;--teal-shadow:#4db6ac47;--radius:6px;--radius-lg:8px;--radius-sm:4px;--header-h:56px;--sider-w:220px}[data-theme=light]{--bg-body:#f0f2f5;--bg-header:#fff;--bg-container:#fff;--bg-elevated:#fff;--bg-sider:#fff;--bg-fill:#f5f5f5;--bg-fill-2:#fafafa;--bg-mask:#00000073;--text:#000000e0;--text-2:#000000a6;--text-3:#00000073;--text-4:#00000040;--border:#f0f0f0;--border-2:#d9d9d9;--split:#0505050f;--shadow-card:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--shadow-pop:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--shadow-header:0 1px 4px #00152914;--success:#52c41a;--success-bg:#f6ffed;--success-bd:#b7eb8f;--warning:#faad14;--warning-bg:#fffbe6;--warning-bd:#ffe58f;--error:#ff4d4f;--error-bg:#fff2f0;--error-bd:#ffccc7;--info:#1677ff;--info-bg:#e6f4ff;--info-bd:#91caff;--processing:#4db6ac}[data-theme=dark]{--bg-body:#141414;--bg-header:#1d2939;--bg-container:#1f1f1f;--bg-elevated:#1f1f1f;--bg-sider:#1d2939;--bg-fill:#262626;--bg-fill-2:#1a1a1a;--bg-mask:#000000a6;--text:#ffffffe0;--text-2:#ffffffa6;--text-3:#ffffff73;--text-4:#ffffff4d;--border:#303030;--border-2:#424242;--split:#fdfdfd1f;--shadow-card:0 1px 2px 0 #00000029, 0 1px 6px -1px #0000001f;--shadow-pop:0 6px 16px 0 #00000052, 0 9px 28px 8px #0003;--shadow-header:0 1px 4px #00000073;--success:#6abe39;--success-bg:#162312;--success-bd:#3c5e2b;--warning:#d8a33b;--warning-bg:#2b2111;--warning-bd:#62481b;--error:#e84749;--error-bg:#2c1618;--error-bd:#5b2526;--info:#3c89e8;--info-bg:#111a2c;--info-bd:#15325b;--processing:#4db6ac}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5715}::selection{background:var(--teal-2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.appheader{height:var(--header-h);flex:0 0 var(--header-h);background:var(--bg-header);box-shadow:var(--shadow-header);z-index:30;align-items:center;padding-right:12px;display:flex;position:relative}[data-theme=dark] .appheader{border-bottom:1px solid var(--border)}.brand{width:var(--sider-w);flex:0 0 var(--sider-w);cursor:pointer;align-items:center;gap:10px;height:100%;padding:0 16px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--teal), #2f8f86);color:#fff;width:30px;height:30px;box-shadow:0 2px 6px var(--teal-shadow);border-radius:8px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.brand-name{letter-spacing:-.2px;color:var(--text);white-space:nowrap;font-size:16px;font-weight:700}[data-theme=dark] .brand-name{color:#fff}.topnav{flex:1;align-items:center;gap:2px;height:100%;display:flex}.topnav-item{height:100%;color:var(--text-2);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 16px;font-size:14px;transition:color .15s,background .15s;display:flex;position:relative}[data-theme=dark] .topnav-item{color:#ffffffa6}.topnav-item:hover{color:var(--teal)}.topnav-item.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.topnav-item .caret{opacity:.6;font-size:10px;transition:transform .15s}.topnav-item.open .caret{transform:rotate(180deg)}.topnav-dd{top:var(--header-h);background:var(--bg-elevated);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-pop);z-index:40;border:1px solid var(--border);padding:6px;animation:.14s ddIn;position:absolute;left:0}.topnav-dd.mega{gap:8px;min-width:auto;padding:18px 20px;display:flex}.dd-col{min-width:188px;padding:0 14px}.dd-col+.dd-col{border-left:1px solid var(--border)}.dd-col-title{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:6px;padding:0 0 10px;font-size:14px;font-weight:700}.dd-col .dd-item{padding:7px 8px}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-item{border-radius:var(--radius);cursor:pointer;color:var(--text-2);align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.dd-item:hover{background:var(--teal-1);color:var(--teal-active)}[data-theme=dark] .dd-item:hover{color:var(--teal);background:#4db6ac24}.dd-item.active{background:var(--teal-1);color:var(--teal-active);font-weight:600}[data-theme=dark] .dd-item.active{color:var(--teal);background:#4db6ac29}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.hicon{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:var(--text-2);place-items:center;transition:background .15s,color .15s;display:grid}.hicon:hover{background:var(--bg-fill);color:var(--teal)}.lang-pill{border:1px solid var(--border-2);cursor:pointer;height:28px;color:var(--text-2);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.lang-pill:hover{border-color:var(--teal);color:var(--teal)}.user-chip{cursor:pointer;border-radius:20px;align-items:center;gap:8px;margin-left:6px;padding:4px 10px 4px 4px;display:flex}.user-chip:hover{background:var(--bg-fill)}.avatar{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.user-chip .uname{color:var(--text);font-size:13px;font-weight:500}.app-body{flex:1;min-height:0;display:flex}.sider{width:var(--sider-w);flex:0 0 var(--sider-w);background:var(--bg-sider);border-right:1px solid var(--border);padding:10px 0;transition:width .2s,flex-basis .2s;overflow:hidden auto}.sider.collapsed{flex-basis:56px;width:56px}.menu-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);padding:14px 16px 6px;font-size:11px;font-weight:600}.sider.collapsed .menu-section-title,.sider.collapsed .menu-label,.sider.collapsed .menu-badge{display:none}.menu-item{border-radius:var(--radius);cursor:pointer;color:var(--text-2);align-items:center;gap:10px;margin:2px 8px;padding:9px 12px;font-size:14px;transition:background .15s,color .15s;display:flex;position:relative}.menu-item:hover{background:var(--teal-1);color:var(--teal-active)}[data-theme=dark] .menu-item:hover{color:var(--teal);background:#4db6ac1f}.menu-item.active{background:var(--teal-1);color:var(--teal-active);font-weight:600}[data-theme=dark] .menu-item.active{color:var(--teal);background:#4db6ac29}.menu-item .micon{flex:0 0 16px;place-items:center;width:16px;display:grid}.menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.menu-badge{background:var(--error);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:grid}.menu-badge.teal{background:var(--teal)}.content{flex:1;min-width:0;overflow:hidden auto}.page-head{background:var(--bg-container);border-bottom:1px solid var(--border);padding:16px 24px 0}.breadcrumb{color:var(--text-3);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.breadcrumb .sep{opacity:.5}.breadcrumb .cur{color:var(--text-2)}.page-title-row{align-items:center;gap:12px;padding-bottom:14px;display:flex}.page-title{color:var(--text);margin:0;font-size:20px;font-weight:600}.page-extra{gap:8px;margin-left:auto;display:flex}.page-body{padding:20px 24px}.card{background:var(--bg-container);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card)}.card-pad{padding:20px 24px}.fld{flex-direction:column;gap:7px;display:flex}.fld>label{color:var(--text);font-size:14px}.input-affix{align-items:center;display:flex;position:relative}.input-affix .input{padding-left:36px}.input-affix .suffix{color:var(--text-3);cursor:pointer;place-items:center;display:grid;position:absolute;right:12px}.input-affix .prefix{color:var(--text-3);place-items:center;display:grid;position:absolute;left:12px}.input{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--bg-container);height:36px;color:var(--text);font-size:14px;font-family:var(--font);width:100%;padding:0 12px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-shadow);outline:none}.input::placeholder{color:var(--text-4)}.btn{border-radius:var(--radius);height:32px;font-size:14px;font-family:var(--font);cursor:pointer;border:1px solid var(--border-2);background:var(--bg-container);color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;padding:0 15px;transition:all .15s;display:inline-flex}.btn:hover{color:var(--teal);border-color:var(--teal)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 2px #4db6ac2e}.btn-primary:hover{background:var(--teal-hover);border-color:var(--teal-hover);color:#fff}.btn-primary:active{background:var(--teal-active)}.btn-lg{height:40px;padding:0 20px;font-size:15px}.btn-block{width:100%}.btn-ghost-link{color:var(--teal);background:0 0;border:none;height:auto;padding:0}.btn-ghost-link:hover{color:var(--teal-hover)}.cb{border:1px solid var(--border-2);cursor:pointer;background:var(--bg-container);border-radius:3px;flex:0 0 16px;place-items:center;width:16px;height:16px;display:inline-grid}.cb.checked{background:var(--teal);border-color:var(--teal);color:#fff}.cb svg{opacity:0;width:11px;height:11px}.cb.checked svg{opacity:1}.login-stage{background:var(--bg-body);place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.login-stage .bgblob{filter:blur(60px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.login-card{background:var(--bg-container);width:400px;box-shadow:var(--shadow-pop);border:1px solid var(--border);z-index:2;border-radius:14px;padding:40px 36px;position:relative}.login-logo{background:linear-gradient(135deg, var(--teal), #2f8f86);color:#fff;width:52px;height:52px;box-shadow:0 6px 18px var(--teal-shadow);border-radius:14px;place-items:center;margin:0 auto 18px;font-size:22px;font-weight:800;display:grid}.login-title{text-align:center;color:var(--text);font-size:22px;font-weight:700}.login-sub{text-align:center;color:var(--text-3);margin-top:6px;margin-bottom:26px;font-size:14px}.login-meta{text-align:center;width:100%;color:var(--text-4);z-index:2;font-size:12px;position:absolute;bottom:20px}.login-theme-toggle{z-index:3;gap:8px;display:flex;position:absolute;top:18px;right:18px}.checkrow{justify-content:space-between;align-items:center;font-size:13px;display:flex}.checkrow .remember{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;display:flex}.flex{display:flex}.aic{align-items:center}.gap8{gap:8px}.gap12{gap:12px}.grow{flex:1}.muted{color:var(--text-3)}.page-body .ant-pro-table{background:0 0}.page-body .ant-pro-card{box-shadow:var(--shadow-card)}