:root,[data-theme=light]{--bg-base:#fafaf7;--bg-elevated:#fff;--bg-muted:#f4f4f0;--bg-overlay:#14141973;--border-subtle:#ecece6;--border-default:#dcdcd4;--border-strong:#c0c0b6;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#7a7a7a;--text-muted:#a0a0a0;--text-inverse:#fff;--brand-red:#c8102e;--brand-red-hover:#a50d26;--brand-red-soft:#c8102e1a;--brand-gold:#d4a017;--brand-gold-hover:#b8891a;--brand-gold-soft:#d4a0171f;--brand-green:#0e7c3a;--brand-green-soft:#0e7c3a1a;--brand-blue:#003da5;--brand-blue-soft:#003da51a;--success:#16a34a;--success-soft:#16a34a1f;--danger:#dc2626;--danger-soft:#dc26261f;--warning:#f59e0b;--warning-soft:#f59e0b24;--info:#0284c7;--info-soft:#0284c71f;--purple:#7c3aed;--purple-soft:#7c3aed1f;--live:#ff1744;--live-soft:#ff174424;--shadow-sm:0 1px 2px #0000000d;--shadow-card:0 1px 3px #0000000d,0 4px 12px #0000000a;--shadow-hover:0 4px 12px #00000014,0 12px 24px #0000000f;--shadow-result:0 2px 6px #c8102e29,0 8px 24px #c8102e14;--ring:0 0 0 3px #c8102e38;--grad-primary:linear-gradient(135deg,#e11235,#c8102e 55%,#a50d26);--grad-gold:linear-gradient(135deg,#e4b646,#d4a017 55%,#b8891a);--grad-green:linear-gradient(135deg,#1fb257,#0e7c3a);--grad-blue:linear-gradient(135deg,#1e5fd0,#003da5);--grad-danger:linear-gradient(135deg,#f05252,#dc2626);--grad-success:linear-gradient(135deg,#22c55e,#16a34a);--grad-warning:linear-gradient(135deg,#fbbf24,#f59e0b);--grad-info:linear-gradient(135deg,#38bdf8,#0284c7);--grad-purple:linear-gradient(135deg,#9f67f0,#7c3aed);--grad-deposit:linear-gradient(135deg,#34d399,#10b981 60%,#059669);--grad-withdraw:linear-gradient(135deg,#fb6f84,#f43f5d 60%,#e11d48);--grad-brandtext:linear-gradient(120deg,#c8102e,#e0342a 42%,#d4a017);--grad-hero:linear-gradient(135deg,#c8102e1a,#d4a01712 55%,#003da50f);--glass-bg:#ffffff8c;--glass-border:#ffffffb8;--glass-blur:blur(16px) saturate(1.4);--glass-sh:0 4px 24px #1e1e3c14,inset 0 1px 0 #fff9;--blob-red:#c8102e1c;--blob-blue:#003da514;--blob-gold:#d4a0171a}[data-theme=dark]{--bg-base:#0e1117;--bg-elevated:#161b22;--bg-muted:#1e2530;--bg-overlay:#0009;--border-subtle:#262d38;--border-default:#313a47;--border-strong:#3e4956;--text-primary:#edf0f4;--text-secondary:#aeb6c2;--text-tertiary:#6e7887;--text-muted:#565f6d;--text-inverse:#0e1117;--brand-red:#ff4d67;--brand-red-hover:#ff6379;--brand-red-soft:#ff4d6724;--brand-gold:#e7b84b;--brand-gold-hover:#f0c766;--brand-gold-soft:#e7b84b26;--brand-green:#2fbf71;--brand-green-soft:#2fbf7124;--brand-blue:#5b8def;--brand-blue-soft:#5b8def24;--success:#34d399;--success-soft:#34d39924;--danger:#f87171;--danger-soft:#f8717124;--warning:#fbbf24;--warning-soft:#fbbf2424;--info:#38bdf8;--info-soft:#38bdf824;--purple:#a78bfa;--purple-soft:#a78bfa29;--live:#ff4d67;--live-soft:#ff4d6729;--shadow-sm:0 1px 2px #0006;--shadow-card:0 1px 3px #0006,0 6px 16px #00000052;--shadow-hover:0 6px 18px #00000080,0 16px 32px #0006;--shadow-result:0 2px 8px #ff4d6747,0 10px 28px #ff4d6724;--ring:0 0 0 3px #ff4d674d;--grad-primary:linear-gradient(135deg,#ff6379,#ff4d67 55%,#e11d3c);--grad-gold:linear-gradient(135deg,#f2cb6b,#e7b84b 55%,#c99a2e);--grad-green:linear-gradient(135deg,#3bd07e,#2fbf71);--grad-blue:linear-gradient(135deg,#6e9cf2,#5b8def);--grad-danger:linear-gradient(135deg,#fb7185,#f87171);--grad-success:linear-gradient(135deg,#4ade80,#34d399);--grad-warning:linear-gradient(135deg,#fcd34d,#fbbf24);--grad-info:linear-gradient(135deg,#5ac8fa,#38bdf8);--grad-purple:linear-gradient(135deg,#c4b5fd,#a78bfa);--grad-deposit:linear-gradient(135deg,#4ade80,#10b981);--grad-withdraw:linear-gradient(135deg,#fb7185,#f43f5d);--grad-brandtext:linear-gradient(120deg,#ff4d67,#ff7a5a 42%,#e7b84b);--grad-hero:linear-gradient(135deg,#ff4d6729,#e7b84b1a 55%,#5b8def1a);--glass-bg:#1e25307a;--glass-border:#ffffff1a;--glass-blur:blur(16px) saturate(1.3);--glass-sh:0 8px 28px #00000073,inset 0 1px 0 #ffffff14;--blob-red:#ff4d6726;--blob-blue:#5b8def21;--blob-gold:#e7b84b1c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Noto Sans Thai,system-ui,sans-serif;line-height:1.6;transition:background .25s,color .25s;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(650px circle at 10% 6%,var(--blob-red),transparent 60%), radial-gradient(720px circle at 90% 2%,var(--blob-blue),transparent 60%), radial-gradient(620px circle at 78% 95%,var(--blob-gold),transparent 55%), radial-gradient(520px circle at 28% 82%,var(--blob-red),transparent 60%);position:fixed;inset:0}h1,h2,h3,h4{color:var(--text-primary);font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none}::selection{background:var(--brand-red-soft)}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,monospace}.grad-text{background-image:var(--grad-brandtext);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grid{gap:16px;display:grid}.muted{color:var(--text-secondary)}.tiny{color:var(--text-tertiary);font-size:12px}.overline{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:700}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.kpi-5{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.text-r{text-align:right}.text-c{text-align:center}.split{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.split--confirm{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}@media (width<=980px){.split,.split--confirm{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.wrap{padding:0 14px}.shell__content{gap:14px;padding:14px}}@media (width<=860px){.cols-2,.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.cols-2,.cols-3,.cols-4{grid-template-columns:minmax(0,1fr)}}.t-h1{font-size:28px;font-weight:800}.t-h2{font-size:22px;font-weight:700}.t-h3{font-size:18px;font-weight:600}.t-body{font-size:14px}.t-cap{color:var(--text-secondary);font-size:12px;font-weight:500}.num-xl{letter-spacing:.04em;font-size:56px;font-weight:800}.num-lg{letter-spacing:.04em;font-size:38px;font-weight:800}.num-md{letter-spacing:.03em;font-size:24px;font-weight:700}.ui-btn{--r:9999px;border-radius:var(--r);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}[data-cta=rounded] .ui-btn{--r:6px}.ui-btn:focus-visible{box-shadow:var(--ring);outline:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn i{font-size:.95em}.ui-btn--primary{background-image:var(--grad-primary);background-color:var(--brand-red);color:#fff;box-shadow:var(--shadow-result)}.ui-btn--gold{background-image:var(--grad-gold);background-color:var(--brand-gold);color:#2a1f04}.ui-btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.ui-btn--secondary:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red)}.ui-btn--ghost{color:var(--text-secondary);background:0 0}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.ui-btn--danger{background-image:var(--grad-danger);background-color:var(--danger);color:#fff}.ui-btn--success{background-image:var(--grad-success);background-color:var(--success);color:#fff}.ui-btn--deposit{background-image:var(--grad-deposit);color:#fff;background-color:#10b981}.ui-btn--withdraw{background-image:var(--grad-withdraw);color:#fff;background-color:#f43f5d}.ui-btn--info{background-image:var(--grad-info);background-color:var(--info);color:#fff}.ui-btn--purple{background-image:var(--grad-purple);background-color:var(--purple);color:#fff}.ui-btn--primary:hover:not(:disabled),.ui-btn--gold:hover:not(:disabled),.ui-btn--danger:hover:not(:disabled),.ui-btn--success:hover:not(:disabled),.ui-btn--deposit:hover:not(:disabled),.ui-btn--withdraw:hover:not(:disabled),.ui-btn--info:hover:not(:disabled),.ui-btn--purple:hover:not(:disabled){filter:brightness(1.07)}.ui-btn--sm{padding:7px 12px;font-size:13px}.ui-btn--icon{width:38px;height:38px;color:var(--text-secondary);background:0 0;border-radius:10px;padding:0}.ui-btn--icon:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.ui-btn--block{width:100%}.ui-btn--shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:38%;height:100%;animation:6s ease-in-out infinite cta-shine;position:absolute;top:0;left:0;transform:translate(-170%)skew(-20deg)}@keyframes cta-shine{0%{opacity:0;transform:translate(-170%)skew(-20deg)}6%{opacity:.9}30%{opacity:.9;transform:translate(400%)skew(-20deg)}34%,to{opacity:0;transform:translate(400%)skew(-20deg)}}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ui-seg{background:var(--bg-muted);border-radius:9999px;gap:2px;padding:4px;display:inline-flex}.ui-seg button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9999px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.ui-seg button[aria-selected=true]{background-image:var(--grad-primary);background-color:var(--brand-red);color:#fff}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-label{color:var(--text-secondary);font-size:13px;font-weight:600}.ui-input,.ui-select,.ui-textarea{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .15s}.ui-input::placeholder{color:var(--text-muted)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--brand-red);box-shadow:var(--ring);outline:none}.ui-input--err{border-color:var(--danger)}.ui-help{color:var(--text-tertiary);font-size:12px}.ui-help--err{color:var(--danger)}.ui-inputgroup{align-items:center;display:flex;position:relative}.ui-inputgroup i{color:var(--text-secondary);z-index:2;pointer-events:none;font-size:13px;position:absolute;left:12px}.ui-inputgroup .ui-input{padding-left:34px}.ui-select{appearance:none}.ui-selectwrap{position:relative}.ui-selectwrap:after{content:"";color:var(--text-tertiary);pointer-events:none;font-family:"Font Awesome 6 Free";font-size:13px;font-weight:900;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ui-passwrap{position:relative}.ui-passwrap>.ui-input{padding-right:44px}.ui-passtoggle{width:34px;height:34px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:14px;transition:all .12s;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ui-passtoggle:hover{background:var(--bg-muted);color:var(--brand-red)}.ui-otp{gap:8px;display:flex}.ui-otp input{text-align:center;width:44px;height:52px;color:var(--text-primary);background:var(--bg-muted);border:2px solid var(--border-default);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;transition:all .15s}.ui-otp input:focus{background:var(--bg-elevated);border-color:var(--brand-red);outline:none}.ui-switch{cursor:pointer;flex:none;width:44px;height:26px;position:relative}.ui-switch input{display:none}.ui-switch span{background:var(--border-strong);border-radius:9999px;transition:all .2s;position:absolute;inset:0}.ui-switch span:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.ui-switch input:checked+span{background:var(--brand-red)}.ui-switch input:checked+span:before{transform:translate(18px)}.ui-check{width:20px;height:20px;accent-color:var(--brand-red)}.ui-badge{border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.ui-badge i{font-size:.85em}.ui-badge--success{background:var(--success-soft);color:var(--success)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger)}.ui-badge--warning{background:var(--warning-soft);color:var(--warning)}.ui-badge--info{background:var(--info-soft);color:var(--info)}.ui-badge--gold{background:var(--brand-gold-soft);color:var(--brand-gold)}.ui-badge--neutral{background:var(--bg-muted);color:var(--text-secondary)}.ui-badge--live{background-image:var(--grad-primary);background-color:var(--live);color:#fff;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 0 4px var(--live-soft)}.dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.ui-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:16px;min-width:0;transition:all .2s}.ui-card--pad{padding:22px}.ui-card--hover:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.ui-card--result{border-color:var(--brand-red);box-shadow:var(--shadow-result)}.card-h{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;font-weight:700;display:flex}.card-h .ico{color:var(--brand-red)}.card-h .sp{margin-left:auto}.card-b{padding:20px}.ui-stat{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.ui-stat>*{min-width:0;max-width:100%}.ui-stat .num-md{overflow-wrap:anywhere;font-size:23px;line-height:1.2}.ui-stat__icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.ui-tabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;display:flex}.ui-tabs button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.ui-tabs button:hover{color:var(--text-primary)}.ui-tabs button[aria-selected=true]{color:var(--brand-red);border-bottom-color:var(--brand-red)}.ui-pilltabs{flex-wrap:wrap;gap:8px;display:flex}.ui-pilltabs button{border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border-radius:9999px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ui-pilltabs button[aria-selected=true]{background-image:var(--grad-purple);background-color:var(--purple);color:#fff;border-color:#0000}.ui-table-wrap{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:14px;min-width:0;max-width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.ui-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-muted);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.ui-table thead th.text-r{text-align:right}.ui-table thead th.text-c{text-align:center}.ui-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:13px 16px}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table tbody tr:hover{background:var(--bg-muted)}.ui-table td.num,.ui-table td .num{color:var(--text-primary);font-weight:600}.ui-overlay{background:var(--bg-overlay);z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.ui-overlay.open{display:flex}.ui-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-hover);border-radius:18px;width:100%;max-width:460px;animation:.18s pop;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.ui-modal__head{align-items:flex-start;gap:12px;padding:20px 22px 0;display:flex}.ui-modal__body{padding:14px 22px}.ui-modal__foot{justify-content:flex-end;gap:10px;padding:14px 22px 20px;display:flex}.brandmark{width:34px;height:34px;box-shadow:var(--shadow-result);border-radius:10px;display:block}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.shell__side{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);height:100vh;padding:12px 10px;position:sticky;top:0;overflow:auto}.shell__main{flex-direction:column;min-width:0;display:flex}.shell__bar{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);z-index:15;scrollbar-width:none;align-items:center;gap:14px;height:60px;padding:0 18px;display:flex;position:sticky;top:0;overflow:auto hidden}.shell__bar::-webkit-scrollbar{display:none}.shell__bar>*{flex:none}.shell__content{flex-direction:column;gap:20px;padding:22px;display:flex}.navbrand{align-items:center;gap:11px;padding:6px 10px 14px;display:flex}.navsec{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:14px 12px 5px;font-size:10.5px;font-weight:700}.navlink{color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .12s;display:flex}.navlink:hover{background:var(--bg-muted);color:var(--text-primary)}.navlink--active{background:var(--brand-red-soft);color:var(--brand-red);font-weight:600}.navlink svg{flex:none;width:19px;height:19px}@media (width<=820px){.shell{grid-template-columns:1fr}.shell__side{display:none}}.sec-head{margin-bottom:2px}.sec-head .overline{color:var(--brand-red)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.ui-card,.card,.ui-table-wrap,.ui-modal,.shell__bar,.shell__side,.ui-input,.ui-select,.ui-textarea,.ui-seg,.glass{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background-color:var(--glass-bg)!important;border-color:var(--glass-border)!important}.ui-card{box-shadow:var(--glass-sh)}.ui-card--hover:hover{box-shadow:var(--shadow-hover)}.ui-card--result{box-shadow:var(--shadow-result);border-color:var(--brand-red)!important}.ui-btn,.ui-badge,.ui-stat__icon,.brandmark,.ui-seg button[aria-selected=true],.ui-pilltabs button[aria-selected=true]{-webkit-backdrop-filter:none}.ui-table thead th{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.cover{color:#fff;background:linear-gradient(135deg,#7a0f22,#c8102e 45%,#d4a017);border-radius:16px;min-height:150px;position:relative;overflow:hidden}.cover:after{content:"";background:linear-gradient(#0000000d,#0000008c);position:absolute;inset:0}.cover__body{z-index:1;flex-direction:column;justify-content:flex-end;min-height:150px;padding:18px 20px;display:flex;position:relative}.imgph{background:var(--bg-muted);border:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:10px;place-items:center;display:grid}:root,[data-theme=light]{--glass-modal-bg:#ffffffe6;--skel-a:#ecece6;--skel-b:#f8f8f4;--in-bg:#ffffffd9}[data-theme=dark]{--glass-modal-bg:#141921ed;--skel-a:#1e2530;--skel-b:#2b3543;--in-bg:#1c222da8}.ui-input,.ui-select,.ui-textarea,.ui-otp input{border-color:var(--border-strong)!important;background-color:var(--in-bg)!important}.ui-input:focus,.ui-select:focus,.ui-textarea:focus,.ui-otp input:focus{border-color:var(--brand-red)!important}[data-ic]{justify-content:center;align-items:center;display:inline-flex}[data-ic]>svg{vertical-align:-.125em;width:1em;height:1em}.navlink [data-ic]>svg{width:19px;height:19px}.ui-stat__icon [data-ic]>svg{width:34px;height:34px}.card-h [data-ic]>svg{width:1.7em;height:1.7em}.ui-badge [data-ic]>svg{width:1.5em;height:1.5em}.ui-btn [data-ic]>svg{width:1.65em;height:1.65em}.ui-stat__icon{box-shadow:none;background:var(--brand-red-soft)!important;color:var(--brand-red)!important;background-image:none!important}.ui-pilltabs button[aria-selected=true]{background-image:var(--grad-primary)!important;background-color:var(--brand-red)!important;color:#fff!important}.ui-btn--purple{border-color:#0000;background-image:none!important;background-color:var(--brand-red-soft)!important;color:var(--brand-red)!important}.ui-btn--purple:hover:not(:disabled){filter:none;background-color:var(--brand-red)!important;color:#fff!important}.ui-modal{-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background-color:var(--glass-modal-bg)!important;border-color:var(--border-default)!important}.ui-overlay{background:#0c0d128c}.ui-badge--purple{background:var(--brand-red-soft);color:var(--brand-red)}html,body{max-width:100%;overflow-x:clip}.ui-spinner{border:2.5px solid var(--brand-red-soft);border-top-color:var(--brand-red);vertical-align:middle;border-radius:50%;flex:none;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.ui-spinner--sm{border-width:2px;width:16px;height:16px}.ui-spinner--lg{border-width:3px;width:38px;height:38px}.ui-spinner--gold{border-color:var(--brand-gold-soft);border-top-color:var(--brand-gold)}.ui-spinner--white{border-color:#fff #fff6 #fff6}.ui-loading{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px;font-size:13px;display:flex}.skel{background:linear-gradient(90deg,var(--skel-a) 25%,var(--skel-b) 37%,var(--skel-a) 63%);background-size:400% 100%;border-radius:8px;animation:1.4s infinite skel}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.skel-line{border-radius:6px;width:100%;height:12px}.skel-line.sm{height:10px}.skel-line.lg{border-radius:7px;height:16px}.skel-title{border-radius:7px;width:58%;height:22px}.skel-circle{border-radius:50%;flex:none}.skel-chip{border-radius:9999px;width:66px;height:22px}.skel-btn{border-radius:9999px;width:100%;height:42px}.skel-stack{flex-direction:column;gap:10px;display:flex}.reveal{animation:.35s reveal}@keyframes reveal{0%{opacity:0}to{opacity:1}}[hidden]{display:none!important}html,body,#root{height:100%}#root{min-height:100vh}button,input,select,textarea,optgroup{font-family:inherit}.ui-input::-ms-clear{display:none}input::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}input[type=password]::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}:focus{outline:none}a:focus-visible,button:focus-visible,label:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,.navlink:focus-visible,.ui-seg button:focus-visible,.ui-pilltabs button:focus-visible{box-shadow:var(--ring);border-radius:10px;outline:none}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{box-shadow:var(--ring)}.route-view{animation:.3s cubic-bezier(.22,.61,.36,1) route-in}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shell__content>.route-view{flex-direction:column;gap:20px;min-width:0;display:flex}@media (prefers-reduced-motion:reduce){.route-view{animation:none}}.login-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:380px}.login-card .card-b{flex-direction:column;gap:14px;display:flex}.star-btn{cursor:pointer;color:var(--border-strong);background:0 0;border:0;padding:2px;transition:all .12s}.star-btn svg{width:34px;height:34px}.star-btn[data-on=true]{color:var(--brand-gold)}.star-btn:hover{transform:scale(1.1)}.shell__navtoggle,.shell__scrim{display:none}@media (width<=820px){.shell__navtoggle{display:inline-grid}.shell__side{z-index:40;width:264px;max-width:82vw;box-shadow:var(--shadow-hover);flex-direction:column;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);display:flex!important}.shell--nav-open .shell__side{transform:translate(0)}.shell--nav-open .shell__scrim{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;display:block;position:fixed;inset:0}}body.inbox-page .shell__content{height:calc(100dvh - 60px);overflow:hidden}.shell__content:has(.inbox-grid){height:calc(100dvh - 60px);overflow:hidden}body.inbox-page .route-view{flex-direction:column;flex:1;min-height:0;display:flex}.route-view:has(.inbox-grid){flex-direction:column;flex:1;min-height:0;display:flex}body.inbox-page{overflow:hidden}.inbox-grid{flex:1;grid-template-columns:300px minmax(0,1fr) 300px;align-items:stretch;gap:16px;min-height:0;display:grid}@media (width<=1100px){.inbox-grid{grid-template-columns:260px minmax(0,1fr)}.inbox-grid .pane-right{display:none}.inbox-grid.show-info .pane-right{z-index:1200;background:var(--bg-muted);border-radius:0;gap:12px;height:100dvh;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.inbox-grid.show-info .pane-right>.ui-card{flex:none}.inbox-grid.show-info .pane-right .pane-c-info,.inbox-grid.show-info .pane-right .pane-c-info .card-b{overflow:visible}.pane-c-close{display:inline-flex}}@media (width<=720px){.inbox-grid{grid-template-columns:minmax(0,1fr)}.inbox-grid.has-conv>.inbox-pane:first-child,.inbox-grid:not(.has-conv)>.pane-chat{display:none}.chat-back,.composer__more{display:inline-flex}.composer__inline{display:none}}.inbox-pane{flex-direction:column;min-width:0;height:calc(100dvh - 176px);min-height:0;display:flex}body.inbox-page .inbox-pane{height:100%}.shell__content:has(.inbox-grid) .inbox-pane{height:100%}.inbox-pane .card-b{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pane-c-section{padding:14px 0}.pane-c-section:first-child{padding-top:2px}.pane-c-section+.pane-c-section{border-top:1px solid var(--border-subtle)}.pane-c-section__title{align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.pane-c-section__title [data-ic]{color:var(--brand-red)}.ticket-form{flex-direction:column;min-height:0;display:flex}.ticket-form__spacer{flex:none;height:56px}.ticket-form__evidence{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--hairline);border-radius:8px;max-height:min(32vh,240px);overflow-y:auto}.ticket-form__foot{z-index:3;border-top:1px solid var(--border-subtle);background:var(--bg-elevated);justify-content:flex-end;gap:8px;margin-top:6px;padding:10px 0 2px;display:flex;position:sticky;bottom:0}.pane-right--form>.ui-card.pane-c-actions{flex:auto;min-height:0;overflow:hidden}.pane-right--form>.ui-card.pane-c-actions>.card-b{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.pane-right--form>.ui-card.pane-c-info{display:none}@media (width<=1100px){.inbox-grid.show-info .pane-right--form>.ui-card.pane-c-actions{flex:none;overflow:visible}.inbox-grid.show-info .pane-right--form>.ui-card.pane-c-actions>.card-b{overflow:visible}.inbox-grid.show-info .ticket-form__evidence{max-height:45vh}}.pane-right{gap:14px}.pane-right>.ui-card{flex-direction:column;flex:none;min-height:0;display:flex}.pane-right>.ui-card.pane-c-info{flex:auto;overflow:hidden}.pane-right .card-b{flex:0 auto;overflow:visible}.pane-right .pane-c-info .card-b{flex:1;min-height:0;overflow-y:auto}.case-list{min-height:0;margin:-20px;overflow-y:auto}.case-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;transition:all .12s;display:flex}.case-row:hover{background:var(--bg-muted)}.case-row.active{border-left:3px solid var(--brand-red);background:var(--brand-red-soft)}.case-row__head{align-items:center;gap:10px;min-width:0;display:flex}.case-unread{background:var(--brand-red);color:#fff;border-radius:9999px;flex:none;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.navlink__badge{background:var(--brand-red);color:#fff;border-radius:9999px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10.5px;font-weight:700;line-height:1;display:inline-grid}.case-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.case-row .ttl{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.case-row .snip{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.case-row .case-badge{white-space:nowrap;align-self:flex-start;max-width:100%;padding:1px 9px;font-size:11px;line-height:1.7}.thread{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 0;display:flex;overflow-y:auto}.bubble{word-break:break-word;border-radius:14px;max-width:78%;padding:9px 13px;font-size:14px;line-height:1.5}.bubble.in{background:var(--bg-muted);border-bottom-left-radius:4px;align-self:flex-start}.bubble.out{background:var(--brand-red-soft);border-bottom-right-radius:4px;align-self:flex-end}.bubble .meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;margin-top:3px;font-size:10.5px;display:flex}.bubble-text{white-space:pre-wrap}.seen-inline{vertical-align:middle;align-items:center;margin-left:5px;display:inline-flex}.seen-inline .seen-av{width:13px;height:13px;box-shadow:0 0 0 1.5px var(--bg-elevated);margin-left:-4px;font-size:7px}.seen-inline .seen-av:first-child{margin-left:0}.seen-more{color:var(--text-muted);margin-left:2px;font-size:9.5px;font-weight:600}.route-loading{place-items:center;min-height:60vh;display:grid}.pin-control{border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:12px}.pagetabs__select{display:none}@media (width<=720px){.pagetabs__pills{display:none}.pagetabs__select{max-width:340px;margin-bottom:10px;display:block}}.chip-wrap{flex-wrap:wrap;gap:6px;display:flex}.chip-wrap .ui-badge{align-items:center;gap:4px;display:inline-flex}.chip-x{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;padding:0;display:inline-flex}.chip-x:hover{opacity:1}.chip-x [data-ic]>svg{width:.9em;height:.9em}.site-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px 2px;display:flex}.site-row__info{min-width:0}.site-add{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.site-add .ui-input{flex:110px;min-width:0}.clockin-shell{background:var(--bg-base);flex-direction:column;min-height:100vh;display:flex}.clockin-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);align-items:center;gap:10px;padding:10px 18px;display:flex}.clockin-bar .brandmark{width:26px;height:26px}.clockin-main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin:0 auto;padding:22px 16px 40px;display:flex}.clockin-status .card-b{text-align:center;padding:26px 20px}.clockin-state{color:var(--text-muted);align-items:center;gap:8px;font-weight:700;display:inline-flex}.clockin-state .dot{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.clockin-state--on{color:var(--success)}.clockin-state--on .dot{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.clockin-timer{letter-spacing:1px;color:var(--text-primary);margin:8px 0 16px;font-size:40px;font-weight:800}.clockin-cta{min-width:240px}.clockin-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ui-btn--lg{padding:12px 22px;font-size:15px}.wage-row{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.wage-row>span:first-child{color:var(--text-muted)}.wage-row .ok{color:var(--success)}.wage-row .pending{color:var(--warning)}.wage-sep{background:var(--border-subtle);height:1px;margin:6px 0}.wage-row--est b{color:var(--brand-red);font-size:18px}.ws-list{flex-direction:column;display:flex}.ws-item{border-bottom:1px solid var(--border-subtle);grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:9px 2px;display:grid}.ws-item:last-child{border-bottom:0}.ws-item__date{color:var(--text-muted);font-size:13px}.ws-item__time{font-size:13px}.ws-item__dur{font-weight:700}.work-timer{border:1px solid var(--success);background:var(--success-soft);color:var(--success);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-weight:700;display:inline-flex}.work-timer:hover{filter:brightness(.97)}.work-timer__dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.6s infinite wt-pulse}.work-timer__time{font-size:13px}.work-timer i{opacity:.8;font-size:13px}@keyframes wt-pulse{0%,to{opacity:1}50%{opacity:.3}}.profile-wrap{display:inline-flex;position:relative}.profile-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-elevated);pointer-events:none;border-radius:50%;position:absolute;top:3px;right:3px}.profile-panel{z-index:1500;background:var(--bg-elevated);border:1px solid var(--border-default);width:264px;max-width:92vw;box-shadow:var(--shadow-hover);border-radius:14px;font-family:Noto Sans Thai,system-ui,sans-serif;animation:.18s route-in;position:fixed;top:64px;right:16px;overflow:hidden}.profile-panel button{font-family:Noto Sans Thai,system-ui,sans-serif}.profile-panel .mono{font-family:JetBrains Mono,ui-monospace,monospace}.profile-panel__head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:13px 14px;display:flex}.profile-panel__ava{background:var(--brand-red-soft);width:38px;height:38px;color:var(--brand-red);border-radius:50%;flex:none;place-items:center;display:grid}.profile-panel__head b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-panel__work{border-bottom:1px solid var(--border-subtle);color:var(--success);justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.profile-panel__work .work-timer__dot{background:var(--success);border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.profile-panel__presence{border-bottom:1px solid var(--border-subtle);padding:11px 14px}.profile-panel__presence .ui-pilltabs{flex-wrap:wrap;gap:4px}.profile-panel__row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.profile-panel__logout{cursor:pointer;width:100%;color:var(--danger);background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;font-weight:600;display:flex}.profile-panel__logout:hover{background:var(--bg-muted)}.handoff-cases{margin-top:4px}.handoff-case{border:1px solid var(--border-subtle);background:var(--bg-muted);border-radius:14px;margin-bottom:8px;padding:10px 12px}.handoff-case__name{font-size:13px;font-weight:700}.handoff-case__snip{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 6px;font-size:12px;overflow:hidden}.ui-modal--sm{max-width:400px}.sup-bar{flex:none;margin-bottom:12px}.sup-bar .card-h{padding:13px 16px}.sup-bar__toggle{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0;font-weight:700;display:inline-flex}.sup-bar__chev{opacity:.55;width:14px;height:14px;transition:opacity .12s}.sup-bar__toggle:hover .sup-bar__chev{opacity:1}.sup-bar--collapsed .card-h{padding-bottom:13px}.sup-bar .card-b{flex-direction:column;gap:11px;padding:13px 16px;display:flex}.sup-bar__view{align-items:center;gap:6px;display:flex}.sup-bar__view>span{white-space:nowrap;flex:none}.sup-stats{flex-wrap:wrap;gap:9px;display:flex}.sup-stat{border:1px solid var(--border-subtle);background:var(--bg-muted);border-radius:14px;flex:92px;min-width:92px;padding:10px 14px}.sup-stat .overline{margin-bottom:4px}.sup-stat__val{letter-spacing:.03em;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.15}.sup-agents{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.sup-agent{border:1px solid var(--border-subtle);background:var(--bg-muted);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:5px 12px 5px 6px;display:flex}.sup-agent:hover{border-color:var(--brand-red)}.sup-agent[aria-selected=true]{border-color:var(--brand-red);background:var(--brand-red-soft)}.sup-agent__dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.sup-agent__dot--on{background:var(--success)}.sup-agent__name{white-space:nowrap;font-size:13px;font-weight:700}.sup-agent__meta{color:var(--text-muted);white-space:nowrap;font-size:11px}.handoff-log{border:1px solid var(--border-subtle);background:var(--brand-red-soft);border-radius:14px;margin-bottom:8px;padding:10px 12px}.handoff-log__head{color:var(--brand-red);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.handoff-log__body{white-space:pre-wrap;margin-top:4px;font-size:13px}.handoff-log__meta{color:var(--text-muted);margin-top:4px;font-size:11px}.mini-toggle{border:1px solid var(--border-strong);background:var(--bg-muted);cursor:pointer;border-radius:999px;flex:none;width:40px;height:22px;padding:0;transition:background .15s,border-color .15s;position:relative}.mini-toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.mini-toggle.on{background:var(--brand-red);border-color:var(--brand-red)}.mini-toggle.on span{left:20px}.role-rule-table{margin-top:8px}.role-rule-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 130px 160px;align-items:center;gap:8px;padding:9px 4px;display:grid}.role-rule-row:last-child{border-bottom:0}.role-rule-row--head{color:var(--text-muted);border-bottom:1px solid var(--border-default);font-size:12px;font-weight:700}.role-rule-row>span:nth-child(2),.role-rule-row>span:nth-child(3){justify-content:center;display:flex}.role-rule-name{font-weight:600}@media (width<=720px){.clockin-timer{font-size:34px}.sup-stat{flex-basis:78px;min-width:78px;padding:9px 11px}.sup-stat__val{font-size:18px}.work-timer__time{font-size:12px}.role-rule-row{grid-template-columns:1fr 64px 80px;font-size:13px}.role-rule-row--head{font-size:10px}}.bubble-sender{color:var(--brand-red);align-items:center;gap:5px;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.bubble-sender--out{color:var(--text-muted);justify-content:flex-end}.bubble .media-img,.bubble .media-vid{border-radius:10px;width:auto;max-width:100%;max-height:320px;margin-bottom:4px;display:block}.bubble .media-img{cursor:zoom-in}.bubble .media-vid{background:#000}.bubble .media-aud{width:240px;max-width:100%;margin-bottom:4px;display:block}.bubble .media-skel{border-radius:10px;width:200px;height:140px;margin-bottom:4px}.bubble .media-fail{align-items:center;gap:5px;margin-bottom:4px;display:flex}.media-doc{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-muted);cursor:pointer;max-width:100%;color:inherit;border-radius:10px;align-items:center;gap:9px;margin-bottom:4px;padding:9px 12px;display:inline-flex}.media-doc:hover{border-color:var(--brand-red)}.media-doc .media-doc__meta{flex-direction:column;min-width:0;display:flex}.media-doc .media-doc__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.media-doc i[data-ic]{flex:none}.composer{border-top:1px solid var(--border-subtle);align-items:flex-end;gap:6px;padding-top:10px;display:flex;position:relative}.composer__input{resize:none;flex:1;min-width:0;min-height:40px;max-height:140px;line-height:1.45;overflow-y:auto}.composer__send{white-space:nowrap;flex:none}.composer__attach,.composer__tool{flex:none;align-self:flex-end;padding-left:10px;padding-right:10px}.chat-back,.pane-c-close,.composer__more{display:none}.chat-head{align-items:center;gap:10px;display:flex}.chat-head-id{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;font-weight:700;display:flex}.chat-head-id__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-head-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.chat-head-right .case-badge{white-space:nowrap}.ai-switch{cursor:pointer;font:inherit;color:var(--text-muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.ai-switch__track{background:var(--border-subtle);border-radius:999px;flex:none;width:38px;height:22px;transition:background .18s;position:relative}.ai-switch.on .ai-switch__track{background:var(--brand-red)}.ai-switch__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.ai-switch.on .ai-switch__thumb{left:18px}.pane-c-tabhead{align-items:stretch;padding:0;display:flex}.pane-c-tabs2{flex:1;min-width:0;display:flex}.pane-c-tabs2 button{cursor:pointer;font:inherit;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-bottom:2px solid #0000;min-width:0;padding:13px 9px;font-size:12.5px;font-weight:700;transition:all .12s;overflow:hidden}.pane-c-tabs2 button:hover{color:var(--text-primary)}.pane-c-tabs2 button.active{color:var(--brand-red);border-bottom-color:var(--brand-red)}.pane-c-tabhead .pane-c-close{align-self:center;margin-right:8px}.ob-steps{flex-direction:column;display:flex}.ob-step{align-items:center;gap:9px;padding:5px 0;display:flex}.ob-step__dot{border:2px solid var(--border-subtle);background:var(--bg-elevated);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.ob-step.done .ob-step__dot{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.ob-step.current .ob-step__dot{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-soft)}.ob-step__label{font-size:13px}.ob-step.current .ob-step__label{color:var(--brand-red);font-weight:700}.ob-step.done .ob-step__label{color:var(--text-muted)}.ob-step__dur{color:var(--text-muted);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:11px}.ob-step.current .ob-step__dur{color:var(--brand-red);font-weight:600}.chat-back{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;padding:2px 4px;font-size:20px}.chat-back [data-ic]{color:var(--brand-red)}.pane-c-close{cursor:pointer;color:inherit;background:0 0;border:0;margin-left:auto;padding:4px;font-size:18px}.composer__more{align-self:flex-end;position:relative}.composer__menu-backdrop{z-index:40;position:fixed;inset:0}.composer__menu{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-hover);border-radius:12px;min-width:190px;padding:5px;position:absolute;bottom:46px;left:0}.composer__menu button{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:11px 12px;font-family:inherit;font-size:14px;display:flex}.composer__menu button:hover{background:var(--bg-muted)}.composer__menu [data-ic]{color:var(--brand-red)}.slash-menu{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-hover);border-radius:12px;max-height:46vh;padding:5px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto}.slash-menu__head{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);align-items:center;gap:7px;margin-bottom:4px;padding:6px 10px 8px;font-size:11.5px;display:flex}.slash-menu__head [data-ic]{color:var(--brand-red)}.slash-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:10px;padding:9px 11px;font-family:inherit;display:flex}.slash-item.is-active{background:var(--bg-muted)}.slash-item__key{color:var(--brand-red);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:42%;font-size:12.5px;font-weight:700;overflow:hidden}.slash-item__body{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12.5px;overflow:hidden}.slash-item .ui-badge{flex:none}.msg-status{color:var(--text-muted);align-items:center;gap:2px;margin-left:6px;font-size:10px;display:inline-flex}.msg-status.is-fail{color:var(--brand-red)}.avatar{color:#fff;text-transform:uppercase;background-position:50%;background-size:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar--xs{width:22px;height:22px;font-size:11px}.avatar--sm{width:30px;height:30px;font-size:14px}.avatar img{object-fit:cover;width:100%;height:100%}.member-list{flex-direction:column;gap:6px;display:flex}.member-row{align-items:center;gap:7px;min-width:0;display:flex}.member-row .member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.lightbox{z-index:3000;background:#000000db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__stage{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.lightbox__stage img{transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:94vw;max-height:92vh}.lightbox__bar{z-index:2;gap:8px;display:flex;position:absolute;top:14px;right:16px}.lightbox__btn{color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;transition:all .12s;display:inline-flex}.lightbox__btn:hover{background:#ffffff2e}.lightbox__minus{font-size:26px;font-weight:400}.reply-preview{border-left:3px solid var(--brand-red);background:var(--bg-muted);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;display:flex}.reply-preview__body{flex:1;min-width:0}.reply-preview__name{color:var(--brand-red);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.reply-preview__text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bubble-quote{border-left:3px solid var(--brand-red);background:#0000000d;border-radius:6px;max-width:100%;margin-bottom:5px;padding:3px 8px}.bubble-quote__name{color:var(--brand-red);font-size:10.5px;font-weight:700}.bubble-quote__text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.composer-tools{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.picker-list{flex-direction:column;gap:6px;display:flex}.picker-item{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-muted);cursor:pointer;border-radius:10px;width:100%;padding:10px 12px}.picker-item:hover{border-color:var(--brand-red)}.picker-item__title{font-size:13.5px;font-weight:600}.picker-item__body{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;display:-webkit-box;overflow:hidden}.picker-item--row{cursor:default;align-items:stretch;gap:6px;padding:0;display:flex;overflow:hidden}.picker-item__main{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:auto;padding:10px 12px}.picker-item__file{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.picker-item__send{white-space:nowrap;flex:none;align-self:center;margin-right:8px}.kfile-row{border:1px solid var(--border-subtle);background:var(--bg-muted);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.kfile-row [data-ic]{color:var(--brand-red);flex:none}.kfile-row__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.kfile-pick{cursor:pointer;align-self:flex-start}.note-row{border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;margin-bottom:8px;padding:8px 10px}.note-row:hover{border-color:var(--brand-red)}.note-row__body{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.ctx-backdrop{z-index:2500;position:fixed;inset:0}.ctx-menu{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-hover);border-radius:10px;min-width:184px;padding:4px;position:fixed}.ctx-menu button{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:13.5px;display:flex}.ctx-menu button:hover{background:var(--bg-muted)}.ai-suggest{border:1px solid var(--purple);background:var(--purple-soft);border-radius:12px;margin-bottom:4px;padding:12px}.ai-suggest__head{align-items:center;gap:7px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.ai-suggest__text{white-space:pre-wrap;font-size:14px;line-height:1.55}.kanban{gap:14px;min-width:0;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-col{flex:0 0 250px;min-width:250px}.kanban-colhead{justify-content:space-between;align-items:center;padding:6px 4px 10px;font-size:13.5px;font-weight:700;display:flex}.kanban-card{cursor:pointer;margin-bottom:10px;padding:12px 14px}.kanban-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.ellip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kcard-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.kcard-title{font-size:14px;line-height:1.25;display:block}.kcard-fields{background:var(--bg-muted);border-radius:9px;flex-direction:column;gap:4px;margin-bottom:9px;padding:8px 10px;display:flex}.kcard-field{align-items:baseline;gap:8px;font-size:12px;display:flex}.kcard-field__k{color:var(--text-muted);flex:none;max-width:46%}.kcard-field__v{text-align:right;flex:1;min-width:0;font-weight:600}.kcard-meta{flex-wrap:wrap;gap:5px;display:flex}.kcard-chip{background:var(--bg-muted);border:1px solid var(--border-subtle);max-width:100%;color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:11.5px;display:inline-flex}.kcard-chip [data-ic]{margin-left:3px}.kcard-chip .avatar{width:18px;height:18px;font-size:9px}.kcard-approver{color:var(--success);align-items:center;gap:5px;margin-top:9px;font-size:11.5px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 16px;display:grid}.detail-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.detail-cell__k{color:var(--text-muted);font-size:11.5px}.detail-cell__v{word-break:break-word;font-size:14px;font-weight:600}.timeline-row{border-bottom:1px solid var(--border-subtle);padding:10px 0}.timeline-row:last-child{border-bottom:0}.toast-wrap{z-index:200;flex-direction:column;gap:10px;max-width:340px;display:flex;position:fixed;top:18px;right:18px}.toast{background:var(--glass-modal-bg);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--border-default);box-shadow:var(--shadow-hover);border-left-width:4px;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;animation:.22s toast-in;display:flex}.toast--success{border-left-color:var(--success)}.toast--danger{border-left-color:var(--danger)}.toast--info{border-left-color:var(--info)}.toast--warning{border-left-color:var(--warning)}.toast .toast-ic{flex:none}.toast--success .toast-ic{color:var(--success)}.toast--danger .toast-ic{color:var(--danger)}.toast--info .toast-ic{color:var(--info)}.toast--warning .toast-ic{color:var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.chart-box{height:240px;position:relative}.empty-state{color:var(--text-muted);text-align:center;place-items:center;gap:8px;padding:40px 20px;display:grid}.empty-state svg{opacity:.5;width:34px;height:34px}.stack-gap{flex-direction:column;gap:16px;display:flex}.ico-lg{font-size:20px;line-height:1}.ico-xl{font-size:22px;line-height:1}.ui-badge,.ui-btn,.ui-seg button,.ui-pilltabs button{white-space:nowrap}.ui-table td .ui-badge{max-width:100%}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.noti-wrap{position:relative}.noti-badge{pointer-events:none;background:var(--brand-red);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg-elevated);z-index:2;border-radius:9999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px}.noti-panel{z-index:1500;background:var(--bg-elevated);border:1px solid var(--border-default);width:340px;max-width:90vw;box-shadow:var(--shadow-hover);border-radius:14px;animation:.18s route-in;position:fixed;top:64px;right:16px;overflow:hidden}.noti-panel,.noti-panel button,.noti-item{font-family:Noto Sans Thai,system-ui,sans-serif}.noti-item .mono,.noti-item__time{font-family:JetBrains Mono,ui-monospace,monospace}.noti-panel__head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.noti-panel__body{max-height:60vh;overflow-y:auto}.noti-item{text-align:left;border:0;border-bottom:1px solid var(--border-subtle);cursor:pointer;background:0 0;gap:10px;width:100%;padding:11px 14px;transition:all .12s;display:flex}.noti-item:hover{background:var(--bg-muted)}.noti-item.unread{background:var(--brand-red-soft)}.noti-item__ic{background:var(--brand-red-soft);width:30px;height:30px;color:var(--brand-red);border-radius:9px;flex:none;place-items:center;display:grid}.noti-item__ic svg{width:17px;height:17px}.noti-item__title{font-size:13.5px;font-weight:600;display:block}.noti-item__body{color:var(--text-muted);margin-top:1px;font-size:12.5px;display:block}.noti-item__time{color:var(--text-tertiary);margin-top:3px;font-size:10.5px;display:block}.presence-dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.presence-dot.on{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.presence-dot.off{background:var(--text-tertiary);box-shadow:0 0 0 3px var(--bg-muted)}.settings-rbac{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.settings-rbac{grid-template-columns:minmax(0,1fr)}}.role-item{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;border-radius:11px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:11px 13px;transition:all .12s;display:flex}.role-item:hover{background:var(--bg-muted)}.role-item.active{border-color:var(--brand-red);background:var(--brand-red-soft)}.role-item__name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.perm-group{border:1px solid var(--border-subtle);border-radius:11px;padding:12px}.setting-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.setting-row:last-child{border-bottom:0}.broadcast-compose{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}@media (width<=1000px){.broadcast-compose{grid-template-columns:minmax(0,1fr)}}.block-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;padding:12px;transition:opacity .12s,border-color .12s}.block-card--drag{opacity:.45;border-color:var(--brand-red);border-style:dashed}.block-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.block-handle{width:26px;height:26px;color:var(--text-muted);cursor:grab;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.block-handle:hover{background:var(--bg-muted);color:var(--brand-red)}.block-handle:active{cursor:grabbing}.bot-row{background:var(--bg-muted);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.bot-row__info{flex:260px;min-width:0}.bot-row__name,.bot-row__user{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.bot-row__ctrl{flex:none;justify-content:flex-end}.bot-row__role{width:128px}@media (width<=640px){.bot-row{flex-direction:column;align-items:stretch}.bot-row__info{flex:none;width:100%;max-width:100%}.bot-row__ctrl{justify-content:flex-start;width:100%;max-width:100%}.bot-row__role{flex:auto;width:auto;min-width:120px}}.seg-picker{border:1px solid var(--border-subtle);border-radius:10px;max-height:240px;padding:4px;overflow-y:auto}.seg-pick-row{cursor:pointer;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:7px 9px;display:flex}.seg-pick-row:hover{background:var(--bg-muted)}.seg-pick-row input{width:16px;height:16px;accent-color:var(--brand-red);flex:none}.preview-panel{position:sticky;top:78px}.preview-phone{background:var(--bg-muted);border-radius:16px;flex-direction:column;gap:10px;min-height:200px;max-height:calc(100vh - 220px);padding:14px;display:flex;overflow-y:auto}.preview-bubble{background:var(--brand-red-soft);max-width:90%;color:var(--text-primary);word-break:break-word;white-space:pre-wrap;border-radius:14px 14px 14px 4px;align-self:flex-start;padding:9px 13px;font-size:14px;line-height:1.5}.preview-bubble .preview-img{border-radius:10px;max-width:100%;display:block}.audit-action{background:var(--bg-muted);color:var(--text-primary);white-space:nowrap;border-radius:6px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:12px}.ui-overlay{z-index:2000}.ui-input,.ui-select,.ui-textarea{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:var(--in-bg)!important}.ui-table-wrap{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}@media (width<=1100px){.pane-c-close{display:inline-flex}}@media (width<=720px){.chat-back{display:inline-flex}.composer__more{display:block}}.sched-palette{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.sched-chip{white-space:nowrap;color:#fff;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 1px 2px #0000002e}.sched-chip .mono{color:#ffffffd9;font-weight:500}.sched-chip--drag{cursor:grab}.sched-chip--drag:active{cursor:grabbing}.sched-x{color:#fff;cursor:pointer;background:#0000002e;border:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;padding:0;display:inline-flex}.sched-x:hover{background:#00000061}.sched-x [data-ic]>svg{width:.8em;height:.8em}.sched-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sched-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.sched-grid th,.sched-grid td{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.sched-grid th{color:var(--text-muted);background:var(--bg-muted);text-align:center;white-space:nowrap;padding:8px 6px;font-size:12px;font-weight:700}.sched-grid th.is-today{color:var(--brand-red)}.sched-name-col{z-index:2;background:var(--bg-elevated);min-width:132px;box-shadow:1px 0 0 var(--border-subtle);padding:8px 10px;position:sticky;left:0;text-align:left!important}thead .sched-name-col{background:var(--bg-muted);z-index:3}.sched-cell{text-align:center;vertical-align:middle;cursor:pointer;min-width:104px;height:52px;padding:5px}.sched-cell.drag-over{background:var(--brand-red-soft);outline:2px dashed var(--brand-red);outline-offset:-3px}.sched-empty{color:var(--text-tertiary);opacity:.5;font-size:18px}.sched-cell:hover .sched-empty{opacity:1;color:var(--brand-red)}.sched-color{border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:8px;flex:none;width:34px;height:32px;padding:0}.sched-dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.sched-pick-row{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.sched-pick-row:hover{border-color:var(--brand-red);background:var(--brand-red-soft)}.quota-wrap{flex-wrap:wrap;gap:10px;display:flex}.quota-chip{border:1px solid var(--border-subtle);background:var(--bg-muted);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.quota-chip .mono{color:var(--text-primary)}.quota-dot{border-radius:50%;flex:none;width:10px;height:10px}.quota-name{font-weight:600}.leave-type-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 2px;display:flex}.leave-flag{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.leave-flag input{accent-color:var(--brand-red)}@media (width<=720px){.sched-cell{min-width:88px;height:48px}.sched-name-col{min-width:108px}}.text-muted{color:var(--text-secondary)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tile{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:6px;padding:14px 44px 14px 14px;transition:all .15s;display:flex}.tile:hover{box-shadow:var(--shadow-hover)}.text-danger{color:var(--danger)}.pagetabs{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.ui-note{background:var(--bg-muted);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:13px}.kv{color:var(--text-secondary);font-size:13px}.kv b{color:var(--text-primary);font-weight:700}.empty{color:var(--text-tertiary)}.approval-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.approval-row:last-child{border-bottom:0}.ai-switch__label{letter-spacing:.04em;color:var(--text-tertiary);font-size:11px;font-weight:700}.ob-create{flex-direction:column;gap:8px;display:flex}.nowrap{white-space:nowrap}.ticket-table__title{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}@media (width<=640px){.ticket-table__title{max-width:200px}}