:root,[data-theme=light]{--bg-base:#FAFAF7;--bg-elevated:#FFFFFF;--bg-muted:#F4F4F0;--bg-overlay:rgba(20,20,25,.45);--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:rgba(200,16,46,.1);--brand-gold:#D4A017;--brand-gold-hover:#B8891A;--brand-gold-soft:rgba(212,160,23,.12);--brand-green:#0E7C3A;--brand-green-soft:rgba(14,124,58,.1);--brand-blue:#003DA5;--brand-blue-soft:rgba(0,61,165,.1);--success:#16A34A;--success-soft:rgba(22,163,74,.12);--danger:#DC2626;--danger-soft:rgba(220,38,38,.12);--warning:#F59E0B;--warning-soft:rgba(245,158,11,.14);--info:#0284C7;--info-soft:rgba(2,132,199,.12);--purple:#7C3AED;--purple-soft:rgba(124,58,237,.12);--live:#FF1744;--live-soft:rgba(255,23,68,.14);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-card:0 1px 3px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04);--shadow-hover:0 4px 12px rgba(0,0,0,.08),0 12px 24px rgba(0,0,0,.06);--shadow-result:0 2px 6px rgba(200,16,46,.16),0 8px 24px rgba(200,16,46,.08);--ring:0 0 0 3px rgba(200,16,46,.22);--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,rgba(200,16,46,.1),rgba(212,160,23,.07) 55%,rgba(0,61,165,.06));--glass-bg:rgba(255,255,255,.55);--glass-border:rgba(255,255,255,.72);--glass-blur:blur(16px) saturate(1.4);--glass-sh:0 4px 24px rgba(30,30,60,.08),inset 0 1px 0 rgba(255,255,255,.6);--blob-red:rgba(200,16,46,.11);--blob-blue:rgba(0,61,165,.08);--blob-gold:rgba(212,160,23,.1)}[data-theme=dark]{--bg-base:#0E1117;--bg-elevated:#161B22;--bg-muted:#1E2530;--bg-overlay:rgba(0,0,0,.6);--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:rgba(255,77,103,.14);--brand-gold:#E7B84B;--brand-gold-hover:#F0C766;--brand-gold-soft:rgba(231,184,75,.15);--brand-green:#2FBF71;--brand-green-soft:rgba(47,191,113,.14);--brand-blue:#5B8DEF;--brand-blue-soft:rgba(91,141,239,.14);--success:#34D399;--success-soft:rgba(52,211,153,.14);--danger:#F87171;--danger-soft:rgba(248,113,113,.14);--warning:#FBBF24;--warning-soft:rgba(251,191,36,.14);--info:#38BDF8;--info-soft:rgba(56,189,248,.14);--purple:#A78BFA;--purple-soft:rgba(167,139,250,.16);--live:#FF4D67;--live-soft:rgba(255,77,103,.16);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-card:0 1px 3px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.32);--shadow-hover:0 6px 18px rgba(0,0,0,.5),0 16px 32px rgba(0,0,0,.4);--shadow-result:0 2px 8px rgba(255,77,103,.28),0 10px 28px rgba(255,77,103,.14);--ring:0 0 0 3px rgba(255,77,103,.3);--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,rgba(255,77,103,.16),rgba(231,184,75,.1) 55%,rgba(91,141,239,.1));--glass-bg:rgba(30,37,48,.48);--glass-border:rgba(255,255,255,.1);--glass-blur:blur(16px) saturate(1.3);--glass-sh:0 8px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);--blob-red:rgba(255,77,103,.15);--blob-blue:rgba(91,141,239,.13);--blob-gold:rgba(231,184,75,.11)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans Thai,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;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%)}h1,h2,h3,h4{line-height:1.3;font-weight:700;color:var(--text-primary)}a{color:inherit;text-decoration:none}::selection{background:var(--brand-red-soft)}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em}.grad-text{background-image:var(--grad-brandtext);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:16px}.muted{color:var(--text-secondary)}.tiny{color:var(--text-tertiary);font-size:12px}.overline{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.kpi-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.text-r{text-align:right}.text-c{text-align:center}.split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:start}.split--confirm{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}@media (max-width:980px){.split,.split--confirm{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.wrap{padding:0 14px}.shell__content{padding:14px;gap:14px}}@media (max-width:860px){.cols-2,.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-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{font-size:12px;font-weight:500;color:var(--text-secondary)}.num-xl{font-size:56px;font-weight:800;letter-spacing:.04em}.num-lg{font-size:38px;font-weight:800;letter-spacing:.04em}.num-md{font-size:24px;font-weight:700;letter-spacing:.03em}.ui-btn{--r:9999px;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:700;font-size:14px;line-height:1;padding:10px 18px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}[data-cta=rounded] .ui-btn{--r:6px}.ui-btn:focus-visible{outline:none;box-shadow:var(--ring)}.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{background:transparent;color:var(--text-secondary)}.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);background-color:#10b981;color:#fff}.ui-btn--withdraw{background-image:var(--grad-withdraw);background-color:#f43f5d;color:#fff}.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--lg{padding:13px 24px;font-size:15px}.ui-btn--icon{padding:0;width:38px;height:38px;border-radius:10px;background:transparent;color:var(--text-secondary)}.ui-btn--icon:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.ui-btn--block{width:100%}.ui-btn--shine:after{content:"";position:absolute;top:0;left:0;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-170%) skew(-20deg);animation:cta-shine 6s ease-in-out infinite;pointer-events:none}@keyframes cta-shine{0%{transform:translate(-170%) skew(-20deg);opacity:0}6%{opacity:.9}30%{transform:translate(400%) skew(-20deg);opacity:.9}34%,to{transform:translate(400%) skew(-20deg);opacity:0}}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui-seg{display:inline-flex;background:var(--bg-muted);border-radius:9999px;padding:4px;gap:2px}.ui-seg button{border:0;background:transparent;color:var(--text-secondary);font-family:inherit;font-weight:600;font-size:13px;padding:6px 16px;border-radius:9999px;cursor:pointer;transition:.15s}.ui-seg button[aria-selected=true]{background-image:var(--grad-primary);background-color:var(--brand-red);color:#fff}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.ui-input,.ui-select,.ui-textarea{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:10px 12px;width:100%;transition:.15s}.ui-input::placeholder{color:var(--text-muted)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--brand-red);box-shadow:var(--ring)}.ui-input--err{border-color:var(--danger)}.ui-help{font-size:12px;color:var(--text-tertiary)}.ui-help--err{color:var(--danger)}.ui-inputgroup{position:relative;display:flex;align-items:center}.ui-inputgroup i{position:absolute;left:12px;color:var(--text-secondary);font-size:13px;z-index:2;pointer-events:none}.ui-inputgroup .ui-input{padding-left:34px}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-selectwrap{position:relative}.ui-selectwrap:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:13px}.ui-passwrap{position:relative}.ui-passwrap>.ui-input{padding-right:44px}.ui-passtoggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:8px;display:grid;place-items:center;font-size:14px;transition:.12s}.ui-passtoggle:hover{background:var(--bg-muted);color:var(--brand-red)}.ui-otp{display:flex;gap:8px}.ui-otp input{width:44px;height:52px;text-align:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:20px;color:var(--text-primary);background:var(--bg-muted);border:2px solid var(--border-default);border-radius:10px;transition:.15s}.ui-otp input:focus{outline:none;background:var(--bg-elevated);border-color:var(--brand-red)}.ui-switch{position:relative;width:44px;height:26px;flex:none;cursor:pointer}.ui-switch input{display:none}.ui-switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:9999px;transition:.2s}.ui-switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;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{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:9999px;line-height:1.5}.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--purple{background:var(--purple-soft);color:var(--purple)}.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{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.ui-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-card);transition:.2s;min-width:0}.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{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-weight:700;flex-wrap:wrap}.card-h .ico{color:var(--brand-red)}.card-h .sp{margin-left:auto}.card-b{padding:20px}.ui-stat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.ui-stat>*{min-width:0;max-width:100%}.ui-stat .num-md{font-size:23px;overflow-wrap:anywhere;line-height:1.2}.ui-stat__icon{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:18px}.ui-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.ui-tabs button{border:0;background:transparent;font-family:inherit;font-weight:600;font-size:14px;color:var(--text-tertiary);padding:11px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.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{display:flex;gap:8px;flex-wrap:wrap}.ui-pilltabs button{border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);font-family:inherit;font-weight:600;font-size:13px;padding:8px 16px;border-radius:9999px;cursor:pointer;display:inline-flex;gap:7px;align-items:center;transition:.15s}.ui-pilltabs button[aria-selected=true]{background-image:var(--grad-purple);background-color:var(--purple);color:#fff;border-color:transparent}.ui-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-elevated);min-width:0;max-width:100%}.ui-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}.ui-table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-muted);position:sticky;top:0;white-space:nowrap}.ui-table thead th.text-r{text-align:right}.ui-table thead th.text-c{text-align:center}.ui-table tbody td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.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{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:none;align-items:center;justify-content:center;z-index:80;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-overlay.open{display:flex}.ui-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-hover);width:100%;max-width:460px;overflow:hidden;animation:pop .18s ease}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.ui-modal__head{padding:20px 22px 0;display:flex;gap:12px;align-items:flex-start}.ui-modal__body{padding:14px 22px}.ui-modal__foot{padding:14px 22px 20px;display:flex;gap:10px;justify-content:flex-end}.brandmark{width:34px;height:34px;border-radius:10px;box-shadow:var(--shadow-result);display:block}.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.shell__side{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);padding:12px 10px;position:sticky;top:0;height:100vh;overflow:auto}.shell__main{min-width:0;display:flex;flex-direction:column}.shell__bar{height:60px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:14px;padding:0 18px;position:sticky;top:0;z-index:15;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.shell__bar::-webkit-scrollbar{display:none}.shell__bar>*{flex:none}.shell__content{padding:22px;display:flex;flex-direction:column;gap:20px}.navbrand{display:flex;align-items:center;gap:11px;padding:6px 10px 14px}.navsec{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:14px 12px 5px}.navlink{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:10px;color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:.12s}.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{width:19px;height:19px;flex:none}@media (max-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{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.ui-card,.card,.ui-table-wrap,.ui-modal,.shell__bar,.shell__side,.ui-input,.ui-select,.ui-textarea,.ui-seg,.glass{background-color:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);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{border-color:var(--brand-red)!important;box-shadow:var(--shadow-result)}.ui-btn,.ui-badge,.ui-stat__icon,.brandmark,.ui-seg button[aria-selected=true],.ui-pilltabs button[aria-selected=true]{backdrop-filter:none;-webkit-backdrop-filter:none}.ui-table thead th{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.cover{position:relative;border-radius:16px;overflow:hidden;min-height:150px;background:linear-gradient(135deg,#7a0f22,#c8102e 45%,#d4a017);color:#fff}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000008c)}.cover__body{position:relative;z-index:1;padding:18px 20px;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px}.imgph{background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:10px;display:grid;place-items:center;color:var(--text-tertiary)}:root,[data-theme=light]{--glass-modal-bg:rgba(255,255,255,.9);--skel-a:#ECECE6;--skel-b:#F8F8F4;--in-bg:rgba(255,255,255,.85)}[data-theme=dark]{--glass-modal-bg:rgba(20,25,33,.93);--skel-a:#1E2530;--skel-b:#2B3543;--in-bg:rgba(28,34,45,.66)}.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{border-color:var(--brand-red)!important}.ui-otp input:focus{border-color:var(--brand-red)!important}[data-ic]{display:inline-flex;align-items:center;justify-content:center}[data-ic]>svg{width:1em;height:1em;vertical-align:-.125em}.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{background:var(--brand-red-soft)!important;background-image:none!important;color:var(--brand-red)!important;box-shadow:none}.ui-pilltabs button[aria-selected=true]{background-image:var(--grad-primary)!important;background-color:var(--brand-red)!important;color:#fff!important}.ui-btn--purple{background-image:none!important;background-color:var(--brand-red-soft)!important;color:var(--brand-red)!important;border-color:transparent}.ui-btn--purple:hover:not(:disabled){filter:none;background-color:var(--brand-red)!important;color:#fff!important}.ui-modal{background-color:var(--glass-modal-bg)!important;-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);border-color:var(--border-default)!important}.ui-overlay{background:#0c0d128c}.ui-badge--purple{background:var(--brand-red-soft);color:var(--brand-red)}html,body{overflow-x:clip;max-width:100%}.ui-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--brand-red-soft);border-top-color:var(--brand-red);animation:spin .7s linear infinite;display:inline-block;flex:none;vertical-align:middle}.ui-spinner--sm{width:16px;height:16px;border-width:2px}.ui-spinner--lg{width:38px;height:38px;border-width:3px}.ui-spinner--gold{border-color:var(--brand-gold-soft);border-top-color:var(--brand-gold)}.ui-spinner--white{border-color:#fff6;border-top-color:#fff}.ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px;color:var(--text-tertiary);font-size:13px}.skel{background:linear-gradient(90deg,var(--skel-a) 25%,var(--skel-b) 37%,var(--skel-a) 63%);background-size:400% 100%;animation:skel 1.4s ease infinite;border-radius:8px}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.skel-line{height:12px;border-radius:6px;width:100%}.skel-line.sm{height:10px}.skel-line.lg{height:16px;border-radius:7px}.skel-title{height:22px;border-radius:7px;width:58%}.skel-circle{border-radius:50%;flex:none}.skel-chip{height:22px;width:66px;border-radius:9999px}.skel-btn{height:42px;border-radius:9999px;width:100%}.skel-stack{display:flex;flex-direction:column;gap:10px}.reveal{animation:reveal .35s ease}@keyframes reveal{0%{opacity:0}to{opacity:1}}[hidden]{display:none!important}html,body,#root{height:100%}#root{min-height:100vh}.ui-input::-ms-reveal,.ui-input::-ms-clear{display:none;width:0;height:0}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-contacts-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}*: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{outline:none;box-shadow:var(--ring);border-radius:10px}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{box-shadow:var(--ring)}.route-view{animation:route-in .3s cubic-bezier(.22,.61,.36,1)}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shell__content>.route-view{display:flex;flex-direction:column;gap:20px;min-width:0}@media (prefers-reduced-motion: reduce){.route-view{animation:none}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px}.login-card .card-b{display:flex;flex-direction:column;gap:14px}.star-btn{border:0;background:transparent;cursor:pointer;padding:2px;color:var(--border-strong);transition:.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 (max-width: 820px){.shell__navtoggle{display:inline-grid}.shell__side{display:flex!important;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;width:264px;max-width:82vw;transform:translate(-100%);transition:transform .22s ease;overflow-y:auto;box-shadow:var(--shadow-hover)}.shell--nav-open .shell__side{transform:translate(0)}.shell--nav-open .shell__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0000006b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.shell__content:has(.inbox-grid){height:calc(100dvh - 60px);overflow:hidden}.route-view:has(.inbox-grid){flex:1;min-height:0;display:flex;flex-direction:column}.inbox-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:16px;align-items:stretch;flex:1;min-height:0}@media (max-width: 1100px){.inbox-grid{grid-template-columns:260px minmax(0,1fr)}.inbox-grid .pane-right{display:none}.inbox-grid.show-info .pane-right{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;height:100dvh;border-radius:0;background:var(--bg-muted);padding:12px;gap:12px;overflow-y:auto}.inbox-grid.show-info .pane-right>.ui-card{flex:0 0 auto}.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 (max-width: 720px){.inbox-grid{grid-template-columns:minmax(0,1fr)}.inbox-grid.has-conv>.inbox-pane:first-child{display:none}.inbox-grid:not(.has-conv)>.pane-chat{display:none}.chat-back,.composer__more{display:inline-flex}.composer__inline{display:none}}.inbox-pane{display:flex;flex-direction:column;min-width:0;min-height:0;height:calc(100dvh - 176px)}.shell__content:has(.inbox-grid) .inbox-pane{height:100%}.inbox-pane .card-b{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.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{font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;margin-bottom:10px}.pane-c-section__title [data-ic]{color:var(--brand-red)}.pane-right{gap:14px}.pane-right>.ui-card{flex:0 0 auto;min-height:0;display:flex;flex-direction:column}.pane-right>.ui-card.pane-c-info{flex:1 1 auto;overflow:hidden}.pane-right .card-b{flex:0 1 auto;overflow:visible}.pane-right .pane-c-info .card-b{flex:1;min-height:0;overflow-y:auto}.case-list{overflow-y:auto;min-height:0;margin:-20px}.case-row{padding:12px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;min-width:0;display:flex;flex-direction:column;gap:4px;transition:.12s}.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{display:flex;align-items:center;gap:10px;min-width:0}.case-unread{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--brand-red);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center;line-height:1}.navlink__badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--brand-red);color:#fff;font-size:10.5px;font-weight:700;display:inline-grid;place-items:center;line-height:1}.case-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.case-row .ttl{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-row .snip{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-row .case-badge{align-self:flex-start;max-width:100%;white-space:nowrap;padding:1px 9px;font-size:11px;line-height:1.7}.thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0;padding:4px 0}.bubble{max-width:78%;padding:9px 13px;border-radius:14px;word-break:break-word;font-size:14px;line-height:1.5}.bubble.in{align-self:flex-start;background:var(--bg-muted);border-bottom-left-radius:4px}.bubble.out{align-self:flex-end;background:var(--brand-red-soft);border-bottom-right-radius:4px}.bubble .meta{font-size:10.5px;color:var(--text-muted);margin-top:3px}.bubble-text{white-space:pre-wrap}.bubble-sender{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--brand-red);margin-bottom:3px}.bubble-sender--out{color:var(--text-muted);justify-content:flex-end}.bubble .media-img,.bubble .media-vid{display:block;max-width:100%;max-height:320px;width:auto;border-radius:10px;margin-bottom:4px}.bubble .media-img{cursor:zoom-in}.bubble .media-vid{background:#000}.bubble .media-aud{display:block;width:240px;max-width:100%;margin-bottom:4px}.bubble .media-skel{width:200px;height:140px;border-radius:10px;margin-bottom:4px}.bubble .media-fail{display:flex;align-items:center;gap:5px;margin-bottom:4px}.media-doc{display:inline-flex;align-items:center;gap:9px;text-align:left;padding:9px 12px;margin-bottom:4px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-muted);cursor:pointer;max-width:100%;color:inherit}.media-doc:hover{border-color:var(--brand-red)}.media-doc .media-doc__meta{display:flex;flex-direction:column;min-width:0}.media-doc .media-doc__name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-doc i[data-ic]{flex:0 0 auto}.composer{display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle);align-items:flex-end}.composer__input{flex:1;min-width:0;min-height:40px;max-height:140px;resize:none;overflow-y:auto;line-height:1.45}.composer__send{flex:0 0 auto;white-space:nowrap}.composer__attach,.composer__tool{flex:0 0 auto;align-self:flex-end;padding-left:10px;padding-right:10px}.chat-back,.pane-c-close,.composer__more{display:none}.chat-head{display:flex;align-items:center;gap:10px}.chat-head-id{display:flex;align-items:center;gap:8px;background:transparent;border:0;cursor:pointer;font:inherit;font-weight:700;color:inherit;padding:0;min-width:0}.chat-head-id__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}.chat-head-right .case-badge{white-space:nowrap}.ai-switch{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:var(--text-muted);padding:0}.ai-switch__track{width:38px;height:22px;border-radius:999px;background:var(--border-subtle);position:relative;transition:background .18s;flex:0 0 auto}.ai-switch.on .ai-switch__track{background:var(--brand-red)}.ai-switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .18s}.ai-switch.on .ai-switch__thumb{left:18px}.pane-c-tabhead{padding:0;display:flex;align-items:stretch}.pane-c-tabs2{display:flex;flex:1}.pane-c-tabs2 button{border:0;background:transparent;cursor:pointer;font:inherit;font-weight:700;font-size:13px;padding:13px 16px;color:var(--text-muted);border-bottom:2px solid transparent;transition:.12s}.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{display:flex;flex-direction:column}.ob-step{display:flex;align-items:center;gap:9px;padding:5px 0}.ob-step__dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto;background:var(--bg-elevated)}.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{font-weight:700;color:var(--brand-red)}.ob-step.done .ob-step__label{color:var(--text-muted)}.ob-step__dur{margin-left:auto;font-size:11px;color:var(--text-muted);white-space:nowrap;padding-left:8px}.ob-step.current .ob-step__dur{color:var(--brand-red);font-weight:600}.chat-back{border:0;background:transparent;cursor:pointer;padding:2px 4px;color:inherit;align-items:center;font-size:20px}.chat-back [data-ic]{color:var(--brand-red)}.pane-c-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:4px;color:inherit;font-size:18px}.composer__more{position:relative;align-self:flex-end}.composer__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.composer__menu{position:absolute;bottom:46px;left:0;z-index:50;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-hover);padding:5px;min-width:190px}.composer__menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:11px 12px;border:0;background:transparent;cursor:pointer;border-radius:8px;font-family:inherit;font-size:14px;color:inherit}.composer__menu button:hover{background:var(--bg-muted)}.composer__menu [data-ic]{color:var(--brand-red)}.msg-status{margin-left:6px;display:inline-flex;align-items:center;gap:2px;font-size:10px;color:var(--text-muted)}.msg-status.is-fail{color:var(--brand-red)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;text-transform:uppercase;flex:0 0 auto;overflow:hidden;background-size:cover;background-position:center}.avatar--xs{width:22px;height:22px;font-size:11px}.avatar--sm{width:30px;height:30px;font-size:14px}.avatar img{width:100%;height:100%;object-fit:cover}.member-list{display:flex;flex-direction:column;gap:6px}.member-row{display:flex;align-items:center;gap:7px;min-width:0}.member-row .member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000db;display:flex;align-items:center;justify-content:center}.lightbox__stage{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.lightbox__stage img{max-width:94vw;max-height:92vh;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox__bar{position:absolute;top:14px;right:16px;display:flex;gap:8px;z-index:2}.lightbox__btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0006;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;transition:.12s}.lightbox__btn:hover{background:#ffffff2e}.lightbox__minus{font-size:26px;font-weight:400}.reply-preview{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border-left:3px solid var(--brand-red);background:var(--bg-muted);border-radius:8px}.reply-preview__body{flex:1;min-width:0}.reply-preview__name{font-size:11px;font-weight:700;color:var(--brand-red);display:flex;align-items:center;gap:4px}.reply-preview__text{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-quote{border-left:3px solid var(--brand-red);padding:3px 8px;margin-bottom:5px;background:#0000000d;border-radius:6px;max-width:100%}.bubble-quote__name{font-size:10.5px;font-weight:700;color:var(--brand-red)}.bubble-quote__text{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-tools{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.picker-list{display:flex;flex-direction:column;gap:6px}.picker-item{text-align:left;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-muted);cursor:pointer;width:100%}.picker-item:hover{border-color:var(--brand-red)}.picker-item__title{font-weight:600;font-size:13.5px}.picker-item__body{font-size:12px;color:var(--text-muted);margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-row{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:8px;cursor:pointer}.note-row:hover{border-color:var(--brand-red)}.note-row__body{font-size:13px;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ctx-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500}.ctx-menu{position:fixed;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-hover);padding:4px;min-width:184px}.ctx-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 12px;border:0;background:transparent;cursor:pointer;border-radius:7px;font-family:inherit;font-size:13.5px;color:inherit}.ctx-menu button:hover{background:var(--bg-muted)}.ai-suggest{border:1px solid var(--purple);background:var(--purple-soft);border-radius:12px;padding:12px;margin-bottom:4px}.ai-suggest__head{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;margin-bottom:6px}.ai-suggest__text{font-size:14px;line-height:1.55;white-space:pre-wrap}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;min-width:0}.kanban-col{min-width:250px;flex:0 0 250px}.kanban-colhead{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 10px;font-weight:700;font-size:13.5px}.kanban-card{padding:12px 14px;margin-bottom:10px;cursor:pointer}.kanban-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.timeline-row{padding:10px 0;border-bottom:1px solid var(--border-subtle)}.timeline-row:last-child{border-bottom:0}.toast-wrap{position:fixed;top:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:340px}.toast{display:flex;align-items:flex-start;gap:10px;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);border-left-width:4px;border-radius:12px;box-shadow:var(--shadow-hover);padding:12px 14px;font-size:13.5px;animation:toast-in .22s ease}.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{position:relative;height:240px}.empty-state{display:grid;place-items:center;gap:8px;padding:40px 20px;color:var(--text-muted);text-align:center}.empty-state svg{width:34px;height:34px;opacity:.5}.stack-gap{display:flex;flex-direction:column;gap:16px}.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{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.noti-wrap{position:relative}.noti-badge{position:absolute;top:2px;right:2px;pointer-events:none;min-width:17px;height:17px;padding:0 4px;border-radius:9999px;background:var(--brand-red);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px var(--bg-elevated);z-index:2}.noti-panel{position:fixed;top:64px;right:16px;z-index:1500;width:340px;max-width:90vw;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:14px;box-shadow:var(--shadow-hover);overflow:hidden;animation:route-in .18s ease}.noti-panel__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.noti-panel__body{max-height:60vh;overflow-y:auto}.noti-item{display:flex;gap:10px;width:100%;text-align:left;padding:11px 14px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;cursor:pointer;transition:.12s}.noti-item:hover{background:var(--bg-muted)}.noti-item.unread{background:var(--brand-red-soft)}.noti-item__ic{flex:none;width:30px;height:30px;border-radius:9px;background:var(--brand-red-soft);color:var(--brand-red);display:grid;place-items:center}.noti-item__ic svg{width:17px;height:17px}.noti-item__title{display:block;font-weight:600;font-size:13.5px}.noti-item__body{display:block;font-size:12.5px;color:var(--text-muted);margin-top:1px}.noti-item__time{display:block;font-size:10.5px;color:var(--text-tertiary);margin-top:3px}.presence-dot{width:12px;height:12px;border-radius:50%;flex:none;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{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 900px){.settings-rbac{grid-template-columns:minmax(0,1fr)}}.role-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;padding:11px 13px;border-radius:11px;border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;transition:.12s}.role-item:hover{background:var(--bg-muted)}.role-item.active{border-color:var(--brand-red);background:var(--brand-red-soft)}.role-item__name{font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.perm-group{border:1px solid var(--border-subtle);border-radius:11px;padding:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.setting-row:last-child{border-bottom:0}.broadcast-compose{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}@media (max-width: 1000px){.broadcast-compose{grid-template-columns:minmax(0,1fr)}}.block-card{border:1px solid var(--border-subtle);border-radius:12px;padding:12px;background:var(--bg-elevated)}.block-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.preview-panel{position:sticky;top:78px}.preview-phone{background:var(--bg-muted);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:calc(100vh - 220px);overflow-y:auto}.preview-bubble{align-self:flex-start;max-width:90%;background:var(--brand-red-soft);color:var(--text-primary);padding:9px 13px;border-radius:14px 14px 14px 4px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.preview-bubble .preview-img{max-width:100%;border-radius:10px;display:block}.audit-action{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--bg-muted);color:var(--text-primary);padding:2px 7px;border-radius:6px;white-space:nowrap}.ui-overlay{z-index:2000}@media (max-width: 1100px){.pane-c-close{display:inline-flex}}@media (max-width: 720px){.chat-back{display:inline-flex}.composer__more{display:block}}