:root{color:#172033;font-synthesis:none;--brand:#6757eb;--brand-strong:#5140dd;--mint:#10a77c;--ink:#172033;--muted:#8a92a3;--line:#e9ecf1;--surface:#fff;--shadow:0 12px 38px #1a1f350f;background:#f4f6f9;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}body{background:#f4f6f9;min-width:0;min-height:100vh;margin:0;overflow-x:hidden}body.nav-locked{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6757eb38}.is-hidden{display:none!important}.login-view{background:#fff;grid-template-columns:minmax(560px,1.08fr) minmax(480px,.92fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 75% 18%,#5247a7 0,#25224d 35%,#15192c 72%);min-height:100vh;position:relative;overflow:hidden}.login-grid{opacity:.18;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 78%);mask-image:linear-gradient(135deg,#000,#0000 78%)}.login-brand:before,.login-brand:after{content:"";border:1px solid #9d8fff29;border-radius:50%;position:absolute}.login-brand:before{width:580px;height:580px;top:60px;right:-230px;box-shadow:0 0 0 90px #806eff06,0 0 0 180px #806eff05}.login-brand:after{width:250px;height:250px;bottom:5%;left:-120px}.login-brand-content{z-index:2;max-width:650px;margin:0 auto;padding:clamp(70px,11vh,130px) 72px;position:relative}.brand-mark{color:#3f33a4;background:linear-gradient(145deg,#d8fff0,#81e2bf);border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff80,0 10px 25px #11bc8726}.brand-mark.large{border-radius:22px;width:70px;height:70px;font-size:30px}.brand-kicker{color:#9a8ff6;letter-spacing:5px;margin-top:70px;font-size:12px;font-weight:800}.login-brand h1{letter-spacing:-3px;margin:23px 0 0;font-size:clamp(45px,4.7vw,70px);line-height:1.16}.login-brand h1 span{color:#a5f4d8}.login-brand>.login-brand-content>p{color:#ffffff94;max-width:510px;margin-top:28px;font-size:17px;line-height:1.8}.brand-features{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:clamp(70px,10vh,125px);display:grid}.brand-features div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff17;border-radius:16px;min-height:95px;padding:18px}.brand-features b{color:#82e6c4;font-size:13px;display:block}.brand-features span{color:#ffffffba;margin-top:14px;font-size:13px;display:block}.login-panel{background:radial-gradient(circle at 50% 10%,#faf9ff,#fff 42%);place-items:center;padding:55px;display:grid}.login-form{width:min(410px,100%)}.mobile-logo{display:none}.login-head>span{color:var(--brand);letter-spacing:3px;font-size:12px;font-weight:800}.login-head h2{color:#1e2333;letter-spacing:-1.5px;margin:12px 0 0;font-size:38px}.login-head p{color:#949bac;margin:13px 0 38px;font-size:14px}.form-label{color:#4b5364;margin:19px 0 9px;font-size:13px;font-weight:700;display:block}.login-input{background:#fbfcfd;border:1px solid #e2e5eb;border-radius:13px;align-items:center;height:54px;transition:all .2s;display:flex}.login-input:focus-within{background:#fff;border-color:#7b6eee;box-shadow:0 0 0 4px #6757eb14}.login-input>span{color:#8e94a5;text-align:center;width:50px;font-size:12px}.login-input input{color:#242a3a;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.login-input input::placeholder{color:#b3b8c3}.login-input button{color:#979dab;background:0 0;border:0;margin-right:14px;font-size:12px}.login-error{color:#e55467;min-height:24px;padding-top:9px;font-size:12px}.login-submit{color:#fff;background:linear-gradient(135deg,#7465ee,#5443dc);border:0;border-radius:14px;justify-content:center;align-items:center;gap:16px;width:100%;height:56px;font-weight:800;display:flex;box-shadow:0 14px 30px #5e4de03b}.login-submit:hover{transform:translateY(-1px);box-shadow:0 17px 34px #5e4de047}.demo-accounts{color:#a0a6b3;align-items:center;gap:9px;margin-top:25px;font-size:12px;display:flex}.demo-accounts button{color:#6255d6;background:#f8f7ff;border:1px solid #e2e4eb;border-radius:9px;padding:7px 12px;font-size:12px}.security-tip{color:#b0b5c0;margin-top:24px;font-size:11px;line-height:1.7}.app-view{min-height:100vh;display:flex}.sidebar-backdrop{display:none}.sidebar{z-index:30;color:#c9ced8;background:linear-gradient(#151a2d,#101523);flex-direction:column;width:238px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:10px 0 35px #1115250d}.sidebar-brand{color:#fff;align-items:center;gap:12px;height:52px;padding:0 8px;display:flex}.sidebar-brand strong{letter-spacing:2px;font-size:18px;display:block}.sidebar-brand span{color:#71798b;letter-spacing:3px;margin-top:3px;font-size:9px;display:block}.role-badge{color:#a79cf8;background:#6757eb14;border:1px solid #7465ee2b;border-radius:11px;align-items:center;gap:9px;margin:19px 8px 14px;padding:11px 13px;font-size:11px;display:flex}.role-badge:before{content:"";background:#887af1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #887af1b3}.side-nav{scrollbar-width:none;flex:1;padding:5px 0;overflow:auto}.nav-group-title{color:#5e6679;letter-spacing:2px;padding:14px 12px 8px;font-size:9px;font-weight:800}.nav-item{color:#8f97a8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:45px;margin-bottom:4px;padding:0 13px;font-size:13px;transition:all .18s;display:flex}.nav-item:hover{color:#d6d9e1;background:#ffffff09}.nav-item.active{color:#fff;background:linear-gradient(100deg,#6757eb52,#6757eb14);box-shadow:inset 3px 0 #7768ee}.nav-icon{color:#949cad;letter-spacing:.2px;background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff0b;border-radius:9px;place-items:center;width:26px;height:26px;font-family:PingFang SC,SF Pro Display,sans-serif;font-size:10px;font-weight:650;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.nav-icon:after{content:"";opacity:.35;background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px;right:4px}.nav-item.active .nav-icon{color:#d7d2ff;background:linear-gradient(145deg,#8e7eff4a,#6757eb1c);border-color:#9789ff33;box-shadow:inset 0 1px #ffffff14,0 5px 12px #271d702e}.nav-count{color:#fff;background:#e56574;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:9px;display:grid}.sidebar-support{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:8px 0 15px;padding:13px;display:grid}.support-icon{color:#54d0ad;background:#28c7991c;border-radius:10px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.sidebar-support strong,.sidebar-support span{display:block}.sidebar-support strong{color:#cbd0d9;font-size:10px}.sidebar-support span{color:#646c7e;margin-top:4px;font-size:8px}.sidebar-support button{color:#7e72e6;background:0 0;border:0;font-size:9px}.logout-btn{color:#6e7688;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff0d;height:40px;font-size:11px}.logout-btn span{margin-right:8px}.main-shell{width:calc(100% - 238px);min-height:100vh;margin-left:238px}.topbar{z-index:20;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#ffffffeb;border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.mobile-menu{display:none}.breadcrumb{color:#9ba1ae;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb i{color:#d1d4db;font-style:normal}.breadcrumb strong{color:#333a4a}.top-actions{align-items:center;gap:11px;display:flex}.search-box{background:#f7f8fa;border:1px solid #e9ebf0;border-radius:10px;align-items:center;width:250px;height:38px;display:flex}.search-box span{color:#9aa0ae;text-align:center;width:38px}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.icon-btn{color:#777f90;background:#fff;border:1px solid #e9ebf0;border-radius:10px;width:38px;height:38px;font-size:10px;font-weight:700;position:relative}.badge{color:#fff;background:#ec6373;border:2px solid #fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-5px;right:-4px}.dot{background:#ed6473;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.operator{border-left:1px solid #eceef2;align-items:center;gap:9px;margin-left:5px;padding-left:14px;display:flex}.operator-avatar{color:#fff;background:linear-gradient(145deg,#8275ef,#5948d7);border-radius:12px;place-items:center;width:37px;height:37px;font-size:13px;font-weight:800;display:grid}.operator strong,.operator span{display:block}.operator strong{font-size:11px}.operator span{color:#a1a6b2;margin-top:3px;font-size:8px}.operator button{color:#9ca2ae;background:0 0;border:0}.page-content{padding:26px 28px 50px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.page-title h1{color:#1e2535;letter-spacing:-.7px;margin:0;font-size:25px}.page-title p{color:#9299a8;margin:8px 0 0;font-size:11px}.head-actions{gap:9px;display:flex}.btn{color:#555d6d;background:#fff;border:1px solid #e2e5eb;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.btn:hover{background:#fafafa}.btn.primary{border-color:var(--brand);color:#fff;background:var(--brand);box-shadow:0 8px 20px #6757eb2e}.btn.mint{border-color:var(--mint);color:#fff;background:var(--mint)}.btn.danger{color:#df5969;background:#fff6f7;border-color:#f4d8dc}.card{box-shadow:var(--shadow);background:#fff;border:1px solid #eceef2;border-radius:15px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric-card{min-height:128px;padding:19px}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#858d9d;font-size:11px}.metric-icon{border-radius:11px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.metric-icon.purple{color:#6757eb;background:#efedff}.metric-icon.green{color:#0b9e76;background:#e4f8f1}.metric-icon.orange{color:#df812b;background:#fff0e0}.metric-icon.blue{color:#3c79cf;background:#eaf2ff}.metric-value{color:#242b3b;letter-spacing:-.7px;margin-top:12px;font-size:27px;font-weight:800}.metric-value small{color:#969dab;margin-left:4px;font-size:11px;font-weight:500}.metric-foot{color:#a0a6b3;margin-top:9px;font-size:9px}.trend-up{color:#0aa77d;margin-right:5px;font-weight:700}.trend-warn{color:#e47a36;margin-right:5px;font-weight:700}.dashboard-grid{grid-template-columns:minmax(550px,1.7fr) minmax(300px,.85fr);gap:16px;margin-top:16px;display:grid}.panel{padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;min-height:38px;display:flex}.panel-title{color:#2e3545;font-size:13px;font-weight:800}.panel-subtitle{color:#a2a7b3;margin-top:6px;font-size:9px}.panel-tabs{background:#f3f4f7;border-radius:8px;gap:4px;padding:3px;display:flex}.panel-tabs button{color:#9298a5;background:0 0;border:0;border-radius:6px;height:25px;padding:0 9px;font-size:9px}.panel-tabs button.active{color:#5c4de3;background:#fff;box-shadow:0 2px 7px #1f233212}.chart-wrap{height:240px;margin-top:10px;position:relative}.chart-y{color:#aeb3be;text-align:right;flex-direction:column;justify-content:space-between;width:35px;font-size:8px;display:flex;position:absolute;inset:0 auto 27px 0}.chart-area{background:repeating-linear-gradient(#fff 0 49px,#edf0f4 50px);border-bottom:1px solid #e8eaf0;position:absolute;inset:0 0 27px 47px}.chart-area svg{width:100%;height:100%;overflow:visible}.chart-x{color:#a8adb9;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:47px;right:0}.chart-legend{color:#878e9d;gap:13px;font-size:8px;display:flex;position:absolute;top:9px;right:10px}.chart-legend span:before{content:"";background:#6a5aea;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.chart-legend span:last-child:before{background:#21b48a}.todo-list{margin-top:7px}.todo-item{border-bottom:1px solid #eef0f3;align-items:center;gap:11px;min-height:61px;padding:11px 0;display:flex}.todo-item:last-child{border-bottom:0}.todo-icon{border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.todo-icon.red{color:#e75d6e;background:#fff0f2}.todo-icon.orange{color:#de7b2a;background:#fff0e1}.todo-icon.purple{color:#6958e8;background:#efedff}.todo-icon.green{color:#099d75;background:#e2f8f0}.todo-copy{flex:1}.todo-copy strong{color:#4a5262;font-size:10px;display:block}.todo-copy span{color:#a1a6b2;margin-top:5px;font-size:8px;display:block}.todo-count{color:#596171;background:#f1f3f6;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:9px;font-weight:800;display:grid}.dashboard-lower{grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px;display:grid}.compact-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.compact-stat{background:#f7f8fa;border-radius:11px;padding:14px}.compact-stat span{color:#969daa;font-size:9px}.compact-stat strong{color:#353c4c;margin-top:8px;font-size:19px;display:block}.compact-stat small{color:#a3a8b3;margin-left:5px;font-size:8px;font-weight:400}.ring-wrap{place-items:center;height:210px;display:grid}.ring{background:conic-gradient(#6757eb 0 62%,#16ae82 62% 84%,#ef9b44 84% 95%,#e8eaf0 95%);border-radius:50%;width:135px;height:135px;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:24px}.ring-center{z-index:1;text-align:center;position:absolute}.ring-center strong{font-size:21px;display:block}.ring-center span{color:#9aa0ad;font-size:8px}.ring-legend{color:#858c9c;grid-template-columns:1fr 1fr;gap:8px 15px;font-size:8px;display:grid}.ring-legend i{border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.filter-card{align-items:center;gap:10px;margin-bottom:15px;padding:14px 16px;display:flex}.filter-input{color:#586071;background:#fff;border:1px solid #e4e7ec;border-radius:8px;outline:0;height:34px;padding:0 11px;font-size:10px}.filter-input.search{width:230px}.filter-spacer{flex:1}.segmented{background:#f1f3f6;border-radius:8px;padding:3px;display:flex}.segmented button{color:#8c93a2;background:0 0;border:0;border-radius:6px;height:27px;padding:0 10px;font-size:9px}.segmented button.active{color:#5e4fe4;background:#fff;box-shadow:0 2px 7px #1f23320f}.table-card{max-width:100%;overflow:auto hidden}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th{color:#959caa;text-align:left;background:#fafbfc;height:45px;padding:0 14px;font-size:9px;font-weight:700}.data-table td{color:#505868;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #eef0f3;height:64px;padding:0 14px;font-size:10px;overflow:hidden}.data-table tr:hover td{background:#fcfcff}.main-cell strong,.main-cell span{display:block}.main-cell strong{color:#343b4b;font-size:10px}.main-cell span{color:#a1a7b3;margin-top:5px;font-size:8px}.money{font-weight:800;color:#292f3f!important;font-size:12px!important}.income-money{font-weight:800;color:#0c9c76!important}.status-pill{border-radius:12px;align-items:center;height:24px;padding:0 9px;font-size:8px;display:inline-flex}.status-pill:before{content:"";border-radius:50%;width:5px;height:5px;margin-right:5px}.status-pill.matching{color:#6757d9;background:#efedff}.status-pill.matching:before{background:#6757d9}.status-pill.serving{color:#099a73;background:#e5f8f1}.status-pill.serving:before{background:#0aa77d}.status-pill.pending{color:#d57b2c;background:#fff0e1}.status-pill.pending:before{background:#e08735}.status-pill.done{color:#858c9c;background:#f0f2f5}.status-pill.done:before{background:#949ba9}.status-pill.risk{color:#df5969;background:#fff0f2}.status-pill.risk:before{background:#e35e6d}.table-actions{gap:5px;display:flex}.table-action{color:#676f7f;background:#fff;border:1px solid #e3e6eb;border-radius:6px;height:25px;padding:0 8px;font-size:8px}.table-action.primary{color:#6252df;background:#f7f6ff;border-color:#ded9ff}.table-action.danger{color:#dd5d6c;background:#fff8f9;border-color:#f1d9dc}.pagination{color:#9ba1ae;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;height:53px;padding:0 15px;font-size:9px;display:flex}.pages{gap:4px;display:flex}.pages button{color:#828997;background:#fff;border:1px solid #e2e5ea;border-radius:7px;width:28px;height:28px;font-size:9px}.pages button.active{border-color:var(--brand);color:#fff;background:var(--brand)}.avatar-cell{align-items:center;gap:9px;display:flex}.mini-avatar{color:#fff;background:linear-gradient(145deg,#8073ec,#5848d4);border-radius:10px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.mini-avatar.green{background:linear-gradient(145deg,#35c89e,#0a8e6a)}.avatar-cell strong,.avatar-cell span{display:block}.avatar-cell strong{color:#3f4656;font-size:10px}.avatar-cell span{color:#a0a5b1;margin-top:4px;font-size:8px}.deposit-summary{grid-template-columns:1.35fr repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.deposit-total{color:#fff;background:radial-gradient(circle at 90% 0,#2e6662,#1d2d40 45%,#172033);min-height:132px;padding:20px}.deposit-total span{color:#ffffff8f;font-size:10px}.deposit-total strong{color:#8cf1d1;margin-top:10px;font-size:28px;display:block}.deposit-total p{color:#ffffff6e;margin:10px 0 0;font-size:8px}.summary-card{min-height:132px;padding:20px}.summary-card span{color:#9299a7;font-size:10px}.summary-card strong{color:#303747;margin-top:13px;font-size:24px;display:block}.summary-card p{color:#a4a9b4;margin:9px 0 0;font-size:8px}.support-metrics{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.support-metrics .metric-card{min-height:111px}.support-layout{grid-template-columns:minmax(620px,1.5fr) minmax(280px,.65fr);gap:16px;margin-top:16px;display:grid}.queue-list{margin-top:8px}.queue-item{border-bottom:1px solid #eef0f3;align-items:center;gap:11px;min-height:68px;padding:10px 0;display:flex}.queue-item:last-child{border-bottom:0}.queue-channel{color:#6556df;background:#efedff;border-radius:12px;place-items:center;width:37px;height:37px;font-size:10px;font-weight:800;display:grid}.queue-copy{flex:1;min-width:0}.queue-copy strong{color:#434a5a;align-items:center;gap:7px;font-size:10px;display:flex}.queue-copy p{color:#9ba1ae;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:8px;overflow:hidden}.queue-time{color:#a4a9b4;font-size:8px}.queue-action{color:#6050dd;background:#f7f6ff;border:1px solid #ded9ff;border-radius:7px;height:27px;padding:0 10px;font-size:8px}.progress-list{margin-top:13px}.progress-item{margin-bottom:18px}.progress-label{color:#747b8c;justify-content:space-between;font-size:9px;display:flex}.progress-label strong{color:#3d4555}.progress-bar{background:#edf0f3;border-radius:4px;height:7px;margin-top:8px;overflow:hidden}.progress-bar div{background:linear-gradient(90deg,#6b5beb,#9589f4);border-radius:4px;height:100%}.progress-bar.green div{background:linear-gradient(90deg,#0aa77d,#57d2b0)}.progress-bar.orange div{background:linear-gradient(90deg,#e78a35,#f2b064)}.chat-shell{grid-template-columns:280px minmax(520px,1fr) 280px;height:calc(100vh - 126px);min-height:620px;display:grid;overflow:hidden}.chat-list{border-right:1px solid #eceef2}.chat-list-head{border-bottom:1px solid #edf0f3;height:70px;padding:14px}.chat-search{background:#f8f9fb;border:1px solid #e5e7ec;border-radius:9px;outline:0;width:100%;height:36px;padding:0 12px;font-size:9px}.conversation{cursor:pointer;border-bottom:1px solid #f0f1f4;gap:10px;height:72px;padding:12px 13px;display:flex}.conversation.active{box-shadow:inset 3px 0 var(--brand);background:#f5f3ff}.conversation-copy{flex:1;min-width:0}.conversation-title{color:#424958;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.conversation-title time{color:#a4a9b3;font-size:8px;font-weight:400}.conversation-copy p{color:#9aa0ad;white-space:nowrap;text-overflow:ellipsis;margin:7px 0 0;font-size:8px;overflow:hidden}.unread{color:#fff;background:#ea6372;border-radius:8px;place-items:center;min-width:16px;height:16px;margin-left:auto;font-size:7px;display:grid}.chat-main{background:#f8f9fb;flex-direction:column;display:flex}.chat-head{background:#fff;border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;height:70px;padding:0 18px;display:flex}.chat-head strong,.chat-head span{display:block}.chat-head strong{font-size:12px}.chat-head span{color:#0aa77d;margin-top:5px;font-size:8px}.chat-actions{gap:7px;display:flex}.chat-actions button{color:#666e7e;background:#fff;border:1px solid #e2e5ea;border-radius:7px;height:29px;padding:0 10px;font-size:8px}.messages{flex:1;padding:21px;overflow:auto}.message-time{color:#a5aab5;text-align:center;margin:10px 0 16px;font-size:8px}.message{align-items:flex-start;gap:9px;margin-bottom:17px;display:flex}.message.mine{flex-direction:row-reverse}.message-avatar{color:#fff;background:#6b5be5;border-radius:10px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.message.mine .message-avatar{background:#0aa77d}.bubble{color:#535b6b;background:#fff;border:1px solid #e6e9ed;border-radius:4px 12px 12px;max-width:65%;padding:10px 12px;font-size:10px;line-height:1.65;box-shadow:0 5px 15px #171e300a}.mine .bubble{color:#fff;background:#6b5be5;border-color:#6959df;border-radius:12px 4px 12px 12px}.order-message{background:#fff;border:1px solid #e1e4e9;border-radius:11px;max-width:380px;padding:13px}.order-message strong{font-size:10px;display:block}.order-message p{color:#8d94a3;margin:8px 0;font-size:9px}.order-message button{color:#6051dc;background:#f0eeff;border:0;border-radius:7px;width:100%;height:28px;font-size:8px}.composer{background:#fff;border-top:1px solid #e3e6ea;min-height:128px;padding:11px 16px 14px}.quick-replies{gap:6px;display:flex;overflow:hidden}.quick-replies button{color:#787f8f;background:#f9fafb;border:1px solid #e3e6eb;border-radius:7px;flex:none;height:26px;padding:0 9px;font-size:8px}.compose-row{align-items:flex-end;gap:9px;margin-top:10px;display:flex}.compose-row textarea{resize:none;border:1px solid #e0e4e9;border-radius:9px;outline:0;flex:1;height:64px;padding:10px;font-size:10px}.compose-row button{color:#fff;background:var(--brand);border:0;border-radius:9px;width:68px;height:34px;font-size:9px;font-weight:700}.customer-panel{background:#fff;border-left:1px solid #eceef2}.customer-profile{text-align:center;border-bottom:1px solid #edf0f3;padding:22px 18px}.customer-profile .mini-avatar{border-radius:17px;width:54px;height:54px;margin:0 auto;font-size:17px}.customer-profile h3{margin:12px 0 0;font-size:13px}.customer-profile p{color:#9da2af;margin:7px 0 0;font-size:8px}.customer-tags{justify-content:center;gap:5px;margin-top:11px;display:flex}.customer-tags span{color:#6053d7;background:#efedff;border-radius:5px;padding:4px 7px;font-size:7px}.profile-section{border-bottom:1px solid #eef0f3;padding:15px 17px}.profile-section h4{margin:0 0 12px;font-size:10px}.profile-row-info{color:#989eab;justify-content:space-between;min-height:26px;font-size:8px;display:flex}.profile-row-info span:last-child{color:#505767}.mini-order{background:#f7f8fa;border-radius:9px;padding:10px}.mini-order strong{font-size:9px;display:block}.mini-order p{color:#9298a6;margin:7px 0;font-size:8px}.mini-order span{color:#0a9c75;font-size:8px}.settings-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.setting-card{min-height:155px;padding:19px}.setting-icon{color:#6757e5;background:#efedff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.setting-card h3{margin:16px 0 6px;font-size:13px}.setting-card p{color:#969ca9;margin:0;font-size:9px;line-height:1.65}.setting-card button{color:#6253df;background:0 0;border:0;margin-top:17px;font-size:9px;font-weight:700}.ui-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ui-theme-card{overflow:hidden}.ui-theme-preview{color:#fff;background:#151a2d;height:136px;padding:24px;position:relative;overflow:hidden}.ui-theme-preview:before,.ui-theme-preview:after{content:"";filter:blur(1px);border-radius:50%;position:absolute}.ui-theme-preview:before{border:1px solid #ffffff29;width:150px;height:150px;top:-48px;right:-35px;box-shadow:0 0 0 28px #ffffff0a}.ui-theme-preview:after{background:radial-gradient(circle,#61deb940,#0000 68%);width:170px;height:170px;bottom:-80px;left:-50px}.ui-theme-preview.light{color:#2d3445;background:linear-gradient(145deg,#eef1fa,#fff)}.ui-theme-preview.light:before{border-color:#d7d2ff;box-shadow:0 0 0 28px #6857eb0d}.ui-theme-preview.customer{background:linear-gradient(145deg,#322c70,#6452e3)}.ui-theme-preview.worker{background:linear-gradient(145deg,#102a32,#0d8a69)}.ui-theme-preview span{background:linear-gradient(90deg,#6e5ced,#55d5b0);border-radius:4px;width:42px;height:7px;margin-bottom:24px;display:block}.ui-theme-preview strong,.ui-theme-preview small{z-index:1;display:block;position:relative}.ui-theme-preview strong{letter-spacing:1.5px;font:800 18px/1 DIN Alternate,sans-serif}.ui-theme-preview small{color:inherit;opacity:.62;margin-top:9px;font-size:9px}.ui-theme-form{padding:20px}.ui-theme-form h3{color:#353c4c;margin:0;font-size:14px}.ui-theme-form p{color:#949aa7;min-height:38px;margin:8px 0 14px;font-size:9px;line-height:1.6}.ui-theme-form label{color:#5c6474;margin:12px 0 7px;font-size:9px;font-weight:700;display:block}.ui-theme-form input,.ui-theme-form select{background:#fafbfc;border:1px solid #e1e4e9;border-radius:9px;outline:0;width:100%;height:40px;padding:0 11px;font-size:10px}.ui-theme-form input:focus,.ui-theme-form select:focus{border-color:#6757eb;box-shadow:0 0 0 3px #6757eb14}.ui-theme-form .check-row{align-items:center;gap:8px;font-weight:500;display:flex}.ui-theme-form .check-row input{accent-color:#6757eb;width:16px;height:16px;margin:0}.ui-config-note{align-items:center;gap:16px;margin-top:16px;padding:18px 20px;display:flex}.ui-config-note strong{color:#4b5262;flex:none;font-size:11px}.ui-config-note span{color:#8b92a0;font-size:9px;line-height:1.6}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1519285c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:#fff;width:485px;height:100%;animation:.22s ease-out drawer-in;overflow:auto;box-shadow:-18px 0 40px #14182724}.drawer-head{z-index:2;background:#fffffff5;border-bottom:1px solid #e9ebef;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:sticky;top:0}.drawer-head h2{margin:0;font-size:16px}.drawer-head button{color:#7f8695;background:#f1f3f6;border:0;border-radius:9px;width:32px;height:32px}.drawer-body{padding:20px}.drawer-status{background:#f4f2ff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-status strong{font-size:13px;display:block}.drawer-status span{color:#8c93a2;margin-top:5px;font-size:9px;display:block}.drawer-section{margin-top:21px}.drawer-section h3{margin:0 0 13px;font-size:12px}.info-list{border:1px solid #e8ebef;border-radius:11px;overflow:hidden}.info-line{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;font-size:10px;display:flex}.info-line:last-child{border:0}.info-line span:first-child{color:#9198a7}.info-line strong{color:#414858}.drawer-actions{gap:9px;margin-top:24px;display:flex}.drawer-actions button{border-radius:10px;flex:1;height:40px}.toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#191f2deb;border-radius:10px;padding:11px 17px;font-size:11px;transition:all .2s;position:fixed;top:28px;left:50%;transform:translate(-50%,-12px);box-shadow:0 10px 30px #11141f33}.toast.show{opacity:1;transform:translate(-50%)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.loading-card,.error-card{min-height:260px;color:var(--muted);align-content:center;place-items:center;gap:14px;font-size:12px;display:grid}.loading-spinner{border:3px solid #ebe9ff;border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.error-card strong{color:#d95e6d}.empty-cell,.chat-empty{color:#a0a6b3!important;text-align:center!important;padding:42px!important}.editor-tip{color:#858c9b;margin:0 0 12px;font-size:10px;line-height:1.6}.json-editor{resize:vertical;color:#3f4656;background:#f8f9fb;border:1px solid #e1e4e9;border-radius:11px;outline:0;width:100%;height:calc(100vh - 180px);min-height:460px;padding:15px;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.json-editor:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6757eb14}.modal-form{gap:9px;display:grid}.modal-form label{color:#5b6373;margin-top:8px;font-size:10px;font-weight:700}.modal-form input,.modal-form select,.modal-form textarea{background:#fafbfc;border:1px solid #e1e4e9;border-radius:9px;outline:0;width:100%;min-height:42px;padding:9px 11px;font-size:11px}.modal-form textarea{resize:vertical;height:90px}.game-image-cell{align-items:center;gap:8px;min-width:138px;display:flex}.game-image-cell img{object-fit:cover;background:#f1efff;border-radius:11px;flex:none;width:38px;height:38px}.game-image-cell small{color:#8b92a1;text-overflow:ellipsis;white-space:nowrap;max-width:122px;font-size:8px;overflow:hidden}.game-upload-control{background:#f8f9fd;border:1px dashed #c9cfe0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.game-upload-input{opacity:0;pointer-events:none;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important}.game-upload-button,.game-upload-clear{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.game-upload-button{color:#fff;background:#6757eb}.game-upload-clear{color:#626a7c;background:#eceef5}.game-upload-control span{color:#858c9b;flex:220px;font-size:12px;line-height:1.5}.game-preview{background:linear-gradient(145deg,#f8f7ff,#f3f6fb);border:1px solid #e8e5ff;border-radius:16px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;min-height:102px;padding:13px;display:grid}.game-preview img,.game-preview>span{border-radius:20px;grid-area:1/1;width:76px;height:76px}.game-preview img{z-index:1;object-fit:cover;display:block;box-shadow:0 10px 22px #30277d21}.game-preview>span{color:#fff;background:linear-gradient(145deg,#806ff0,#5947d9);place-items:center;font-size:25px;font-weight:800;display:none}.game-preview.is-empty img{display:none}.game-preview.is-empty>span{display:grid}.game-preview strong,.game-preview small{display:block}.game-preview strong{color:#3d4454;font-size:15px}.game-preview small{color:#8b92a1;margin-top:8px;font-size:9px;line-height:1.55}.game-form{margin-top:17px}.game-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.game-form-row>div{gap:9px;display:grid}.field-help{color:#969ca9;margin:-2px 0 2px;font-size:9px;line-height:1.55}.worker-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.worker-game-option,.worker-online-option{color:#555d6d;align-items:center;gap:7px;font-size:11px;display:flex}.worker-game-option input,.worker-online-option input{accent-color:#6757eb;width:16px;min-height:16px;margin:0}.modal-form .worker-online-option{background:#fafbfc;border:1px solid #e1e4e9;border-radius:9px;margin-top:9px;padding:10px 11px}.conversation{text-align:left;background:#fff;border:0;width:100%}.message .bubble small,.message .bubble time{color:#a3a9b5;font-size:8px;display:block}.message .bubble time{margin-top:7px}.message.mine .bubble small,.message.mine .bubble time{color:#d8d3ff}.todo-item[data-route]{cursor:pointer}.todo-item[data-route]:hover{background:#faf9ff}.conversation-title{white-space:nowrap;text-overflow:ellipsis;gap:8px;min-width:0;overflow:hidden}.conversation-title time{flex:none}.bubble,.order-message,.drawer-status strong,.drawer-status span{overflow-wrap:anywhere}.toast{overflow-wrap:anywhere;text-align:center;max-width:calc(100vw - 32px)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1250px){.sidebar{width:212px}.main-shell{width:calc(100% - 212px);margin-left:212px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.support-layout{grid-template-columns:minmax(0,1fr)}.deposit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.support-metrics{grid-template-columns:repeat(3,1fr)}.settings-grid,.ui-theme-grid{grid-template-columns:repeat(2,1fr)}.search-box{width:190px}.chat-shell{grid-template-columns:230px minmax(0,1fr)}.customer-panel{display:none}}@media (width<=1100px){.login-view{grid-template-columns:minmax(0,1fr)}.login-brand{display:none}.login-panel{min-height:100vh;padding:max(32px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom))}.mobile-logo{align-items:center;gap:12px;margin-bottom:42px;display:flex}}@media (width<=900px){.sidebar{width:min(300px,84vw);padding-top:max(24px,env(safe-area-inset-top));transition:transform .22s;transform:translate(-105%)}.app-view.menu-open .sidebar{transform:translate(0)}.sidebar-backdrop{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0d121f75;border:0;width:100%;height:100%;transition:opacity .2s;position:fixed;inset:0}.app-view.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto;display:block}.main-shell{width:100%;margin-left:0}.mobile-menu{color:#51596a;background:#fff;border:1px solid #e6e8ee;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.topbar{gap:12px;height:64px;padding:0 18px}.breadcrumb{flex:1;min-width:0}.breadcrumb span,.breadcrumb i{display:none}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.top-actions{gap:8px}.search-box{display:none}.operator{margin-left:0;padding-left:8px}.operator>div:not(.operator-avatar),.operator button{display:none}.page-content{padding:20px 18px max(36px,env(safe-area-inset-bottom))}.page-head{align-items:flex-start;gap:16px}.page-title{min-width:0}.page-title h1{font-size:22px}.head-actions{flex-wrap:wrap;flex:none;justify-content:flex-end}.dashboard-grid,.dashboard-lower,.support-layout{grid-template-columns:minmax(0,1fr)}.deposit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.table-card>.data-table{min-width:840px}.panel{min-width:0;padding:16px}.panel .table-card{box-shadow:none}.support-layout{gap:12px}.chat-shell{grid-template-columns:230px minmax(0,1fr);height:calc(100vh - 108px);min-height:560px}.customer-panel{display:none}.drawer-panel{width:min(485px,100vw)}.drawer-status,.info-line{gap:12px}.info-line strong{overflow-wrap:anywhere;text-align:right;min-width:0}}@media (width<=600px){.login-panel{padding-left:20px;padding-right:20px}.mobile-logo{margin-bottom:30px}.login-head h2{font-size:32px}.login-head p{margin-bottom:30px}.demo-accounts{flex-wrap:wrap;align-items:flex-start}.security-tip{overflow-wrap:anywhere}.topbar{padding:0 12px}.top-actions .icon-btn:last-of-type{display:none}.page-content{padding:18px 12px max(30px,env(safe-area-inset-bottom))}.page-head{flex-direction:column;margin-bottom:18px}.head-actions{justify-content:flex-start;width:100%}.head-actions .btn{flex:auto}.metric-grid,.support-metrics,.settings-grid,.ui-theme-grid,.deposit-summary{grid-template-columns:minmax(0,1fr)}.filter-card{flex-wrap:wrap;align-items:stretch}.filter-input.search,.filter-input{width:100%}.filter-spacer{display:none}.filter-card .btn{flex:1}.table-card:before{content:"左右滑动查看完整表格";color:#8c93a2;text-align:center;background:#f8f9fb;width:100%;padding:9px 12px;font-size:10px;display:block;position:sticky;left:0}.pagination{width:100%;min-width:0;position:sticky;left:0}.chat-shell{grid-template-rows:220px minmax(520px,calc(100vh - 110px));grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:visible}.chat-list{border-bottom:1px solid #eceef2;border-right:0;overflow:auto}.chat-list-head{z-index:1;background:#fff;height:60px;padding:12px;position:sticky;top:0}.conversation{height:64px}.chat-head{gap:10px;height:auto;min-height:64px;padding:10px 12px}.chat-actions{flex-wrap:wrap;justify-content:flex-end}.messages{padding:14px 12px}.bubble{max-width:82%}.composer{padding-left:12px;padding-right:12px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.quick-replies{overflow-x:auto}.compose-row button{width:60px}.drawer-head{padding:0 16px}.drawer-body{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.drawer-status{flex-direction:column;align-items:flex-start}.drawer-actions{flex-wrap:wrap}.drawer-actions button{min-width:42%}.json-editor{height:calc(100vh - 230px);min-height:360px}.toast{top:max(16px,env(safe-area-inset-top));text-align:center;width:calc(100% - 32px)}}