*{box-sizing:border-box}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-danger:#f53f3f;--color-bg-page:#fff;--color-bg-soft:#f2f3f5;--color-bg-hover:#f7f8fa;--color-bg-selected:#e8f3ff;--color-border:#e5e6eb;--color-border-light:#eef0f3;--color-text:#1d2129;--color-text-secondary:#4e5969;--color-text-muted:#86909c;--color-text-placeholder:#a9aeb8;--radius-sm:4px;--radius-md:8px;--transition-fast:.15s ease;color:var(--color-text);background:var(--color-bg-page);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Source Han Sans SC,Noto Sans CJK SC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}body{min-width:1200px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-radius:4px}.im-app{background:#fff;grid-template-columns:190px 350px minmax(440px,1fr) 320px;width:100vw;height:100vh;display:grid;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#98a2b3}.left-rail{background:linear-gradient(180deg, #edf5ff 0%, #f8fafd 16%, var(--color-bg-hover) 16%, var(--color-bg-hover) 100%);border-right:1px solid var(--color-border);height:100vh;position:relative}.profile-card{align-items:center;gap:10px;height:100px;padding:0 14px;display:flex;position:relative}.profile-card strong{color:var(--color-text);font-size:14px;font-weight:700;line-height:22px;display:block}.profile-card span{height:20px;color:var(--color-primary);background:#dcecff;border-radius:4px;align-items:center;margin-top:2px;padding:0 6px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.collapse-btn{border:1px solid var(--color-border);width:22px;height:30px;color:var(--color-text-muted);z-index:3;background:#fff;border-radius:11px;place-items:center;display:grid;position:absolute;top:50%;right:-11px;transform:translateY(-50%);box-shadow:0 2px 8px #1d21290f}.collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.main-nav{flex-direction:column;gap:6px;padding:4px 10px;display:flex}.main-nav button{height:40px;color:var(--color-text-secondary);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;line-height:22px;display:flex}.main-nav button svg{width:20px;height:20px}.main-nav button:hover{background:#e8f0fe}.main-nav button.active{color:#fff;background:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary-hover)}.main-nav button.active:hover{background:var(--color-primary-hover)}.session-column{background:#fff;border-right:1px solid #edf0f5;flex-direction:column;height:100vh;display:flex;position:relative}.search-wrap{border-bottom:1px solid var(--color-bg-soft);grid-template-columns:1fr 32px;align-items:center;gap:10px;height:56px;padding:0 14px;display:grid}.search-box{background:var(--color-bg-soft);height:34px;color:var(--color-text-placeholder);border-radius:6px;grid-template-columns:16px 1fr 16px;align-items:center;gap:8px;padding:0 12px;font-size:13px;line-height:20px;display:grid}.search-box svg{width:14px;height:14px;color:var(--color-text-secondary)}.search-box svg:last-child{color:var(--color-text-muted)}.add-btn{border:1.5px solid var(--color-text);width:28px;height:28px;color:var(--color-text);border-radius:50%;place-items:center;font-size:20px;font-weight:400;line-height:20px;display:grid}.add-btn:hover{background:var(--color-bg-soft)}.conversation-list{flex:1;overflow-y:auto}.conversation-item{border-bottom:1px solid var(--color-bg-soft);height:56px;transition:background var(--transition-fast);cursor:pointer;background:#fff;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.conversation-item:hover{background:var(--color-bg-hover)}.conversation-item.selected{background:var(--color-bg-selected)}.conversation-item.selected:hover{background:#daeafe}.conversation-item.pinned{background:#fff8e6}.conversation-item.pinned:hover{background:#fff3cc}.conversation-item.pinned.selected{background:var(--color-bg-selected)}.conversation-item.pinned.selected:hover{background:#daeafe}.conversation-avatar-wrap{position:relative}.avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:600;line-height:22px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47}.avatar.large{width:44px;height:44px;font-size:16px}.message-row .avatar{width:28px;height:28px;font-size:12px;line-height:18px}.avatar.blue{background:linear-gradient(135deg, #5aa0f3, var(--color-primary-hover))}.avatar.cyan{background:#6baed9}.avatar.orange{background:linear-gradient(135deg,#f7b05a,#ee8b20)}.avatar.navy{background:#4d84d9}.avatar.red{background:#e94f51}.avatar.rose{background:#ef7478;font-size:11px}.avatar.muted{background:#d0d5dd}.avatar.agent{color:#0000;background:radial-gradient(circle at 50% 32%,#f7d4c2 0 17%,#0000 18%),radial-gradient(circle at 50% 28%,#222 0 26%,#0000 27%),linear-gradient(150deg,#111 0 45%,#eceff5 46% 100%)}.avatar.photo{color:#0000;background:radial-gradient(circle at 62% 25%,#1e242e 0 13%,#0000 14%),radial-gradient(circle at 50% 38%,#d7a27a 0 18%,#0000 19%),linear-gradient(135deg,#2567c3 0 43%,#93b8ef 44% 100%)}.avatar-unread{background:var(--color-danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:600;line-height:16px;position:absolute;top:-4px;right:-2px;box-shadow:0 0 0 2px #fff}.conversation-main{min-width:0}.conversation-title{white-space:nowrap;align-items:center;gap:4px;min-width:0;height:22px;display:flex;overflow:hidden}.conversation-name{min-width:0;color:var(--color-text);text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.conversation-preview{color:#98a2b3;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.conversation-code{color:var(--color-primary);font-size:11px;font-weight:500;line-height:18px}.conversation-meta{color:var(--color-text-placeholder);flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;font-size:12px;font-weight:400;line-height:18px;display:flex}.conversation-item.can-pin .conversation-meta{min-width:62px;padding-right:26px;position:relative}.conversation-pin{width:22px;height:22px;color:var(--color-text-muted);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-radius:6px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.conversation-item.can-pin:hover .conversation-pin,.conversation-item.can-pin:focus-within .conversation-pin,.conversation-pin.active{opacity:1;pointer-events:auto}.conversation-pin:hover,.conversation-pin.active{color:var(--color-primary-hover);background:var(--color-bg-selected)}.conversation-pin svg{width:14px;height:14px}.robot-status{color:#00b42a;width:20px;height:20px}.hot-status{color:#fff;background:#ff7d00;border-radius:8px;place-items:center;min-width:20px;height:16px;font-size:11px;font-weight:700;line-height:16px;display:grid}.badge{color:#fff;white-space:nowrap;border-radius:3px;flex:none;justify-content:center;align-items:center;height:16px;padding:0 5px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.badge.blue{background:var(--color-primary-hover)}.badge.orange{background:#e89a5c}.badge.red{background:var(--color-danger)}.badge.dark{background:var(--color-text)}.badge.pale{color:#fff;background:#f1d46f}.chat-panel{border-right:1px solid var(--color-border);background:#fff;grid-template-rows:50px minmax(0,1fr) auto;min-width:0;height:100vh;display:grid}.chat-header{border-bottom:1px solid var(--color-border-light);background:linear-gradient(90deg,#edfcf0 0%,#f4fef6 42%,#fff 100%);justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.chat-header strong{color:var(--color-text);font-size:15px;font-weight:700;line-height:22px}.chat-header-title{align-items:center;gap:8px;min-width:0;display:flex}.customer-tag{color:#e04848;white-space:nowrap;cursor:default;background:#fde8e8;border-radius:3px;align-items:center;height:20px;padding:0 6px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex;position:relative}.customer-tag-tip{z-index:30;background:var(--color-text);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);pointer-events:none;border-radius:6px;padding:6px 10px;font-size:12px;line-height:18px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.customer-tag-tip:before{content:"";background:var(--color-text);width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.customer-tag:hover .customer-tag-tip{opacity:1;visibility:visible}.chat-header-actions{color:var(--color-text);align-items:center;gap:16px;display:flex}.chat-header-actions svg:first-child{color:#00b42a;width:20px;height:20px}.chat-header-actions svg:last-child{width:20px;height:20px}.chat-header-actions svg:hover{color:var(--color-primary)}.messages-area{background:#fff;padding:14px 16px;overflow-y:auto}.time-divider{color:var(--color-text-placeholder);text-align:center;margin-bottom:16px;font-size:12px;line-height:18px}.message-row{gap:8px;margin-bottom:12px;display:flex}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end;margin-top:14px;margin-bottom:14px}.message-stack{max-width:65%}.message-meta-line{align-items:center;min-height:18px;margin-bottom:3px;display:flex}.message-sender{min-width:0;height:18px;color:var(--color-primary);align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:18px;display:flex}.message-sender .badge{background:#e89a5c}.message-bubble{background:var(--color-bg-soft);min-width:0;max-width:100%;color:var(--color-text);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:400;line-height:22px;box-shadow:0 1px 2px #1d21290a}.message-bubble-wrap{align-items:center;max-width:100%;display:inline-flex;position:relative}.message-quick-actions{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), visibility var(--transition-fast);flex:none;align-items:center;gap:2px;display:inline-flex;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.message-row:hover .message-quick-actions,.message-quick-actions:focus-within{opacity:1;visibility:visible;pointer-events:auto}.message-quick-actions button{width:18px;height:18px;color:var(--color-text-muted);border-radius:4px;place-items:center;padding:0;display:inline-grid}.message-quick-actions svg{width:12px;height:12px}.message-quick-actions button:hover{background:var(--color-bg-selected);color:var(--color-primary-hover)}.message-row.right .message-quick-actions{left:auto;right:calc(100% + 6px)}.message-quick-actions .message-withdraw-action{border:1px solid var(--color-border);width:auto;min-width:76px;height:24px;color:var(--color-text-secondary);white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:0 7px;font-size:11px;line-height:18px;display:inline-flex;box-shadow:0 2px 8px #1d212914}.message-quick-actions .message-withdraw-action:hover{color:var(--color-primary-hover);background:#f5f8ff;border-color:#b8cdf7}.message-quick-actions .message-withdraw-action svg{flex:none;width:12px;height:12px}.message-row.withdrawn{justify-content:center;margin:8px 0 14px}.message-withdrawn-notice{color:var(--color-text-placeholder);align-items:center;gap:5px;font-size:11px;line-height:18px;display:inline-flex}.message-withdrawn-notice svg{width:12px;height:12px}.message-withdrawn-notice time{color:#c0c4cc;margin-left:3px;font-size:10px}.message-hover-time{color:var(--color-text-placeholder);opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);white-space:nowrap;font-size:11px;line-height:18px}.message-row:hover .message-hover-time{opacity:1;visibility:visible}.message-row.right .message-meta-line{justify-content:flex-end}.message-row.right .message-bubble{color:var(--color-text);background:#e8f0fe}.composer{border-top:1px solid var(--color-border);background:#fff;align-items:flex-end;gap:10px;min-height:50px;padding:8px 14px;display:flex}.composer-field-wrap{border:1px solid var(--color-border);background:#fff;border-radius:6px;flex:1;min-width:0;min-height:34px;max-height:124px;padding:0 30px 0 10px;position:relative}.composer-field-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #165dff14}.composer-field{resize:none;width:100%;min-width:0;height:32px;max-height:116px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;padding:6px 0;font-size:13px;line-height:20px;overflow-y:auto}.composer-field::placeholder{color:var(--color-text-placeholder)}.composer-clear{width:20px;height:20px;color:var(--color-text-placeholder);opacity:0;pointer-events:none;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.composer-clear.visible{opacity:1;pointer-events:auto}.composer-clear:hover{background:var(--color-bg-soft);color:var(--color-text-secondary)}.composer-clear svg{width:14px;height:14px}.composer-tools{height:32px;color:var(--color-text-muted);align-items:center;gap:10px;display:flex}.composer-tools>svg{cursor:pointer;width:16px;height:16px;transition:color var(--transition-fast)}.composer-tools>svg:hover{color:var(--color-primary)}.composer-icon-btn{width:20px;height:20px;color:var(--color-text-muted);border-radius:4px;place-items:center;padding:0;display:inline-grid}.composer-icon-btn svg{width:16px;height:16px}.composer-icon-btn:hover{background:var(--color-bg-selected);color:var(--color-primary)}.phrase-tool{align-items:center;display:inline-flex;position:relative}.phrase-tool:before{content:"";width:36px;height:18px;position:absolute;bottom:18px;left:-8px}.phrase-trigger{width:20px;height:20px;color:var(--color-text-muted);border-radius:4px;place-items:center;padding:0;display:grid}.phrase-trigger svg{width:16px;height:16px}.phrase-trigger:hover,.phrase-tool.is-open .phrase-trigger,.phrase-trigger.active{background:var(--color-bg-selected);color:var(--color-primary-hover)}.phrase-popover{z-index:20;border:1px solid var(--color-border);width:min(740px,100vw - 700px);min-width:560px;height:642px;max-height:calc(100vh - 116px);color:var(--color-text);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);background:#fff;border-radius:10px;grid-template-rows:auto auto auto auto minmax(0,1fr);display:grid;position:absolute;bottom:32px;right:-36px;overflow:visible;transform:translateY(6px);box-shadow:0 16px 40px #1d212929}.phrase-tool.is-open .phrase-popover,.phrase-tool.is-pinned .phrase-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.phrase-popover:after{content:"";border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff;width:14px;height:14px;position:absolute;bottom:-7px;right:42px;transform:rotate(45deg)}.phrase-popover.pinned{border-color:var(--color-border);box-shadow:0 16px 40px #1d212929}.phrase-head{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;height:48px;padding:0 14px 0 16px;display:flex}.phrase-title-block{gap:1px;min-width:0;display:grid}.phrase-head strong{color:var(--color-text);margin-right:8px;font-size:15px;font-weight:700;line-height:22px;display:inline-block}.phrase-title-block span{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:18px;display:flex}.phrase-title-block em{background:var(--color-bg-selected);height:18px;color:var(--color-primary-hover);border-radius:4px;align-items:center;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;line-height:18px;display:inline-flex}.phrase-head-actions{align-items:center;gap:8px;display:flex}.phrase-help{align-items:center;display:inline-flex;position:relative}.phrase-head-actions .phrase-help-trigger{width:26px;height:26px;color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.phrase-help-trigger svg{width:14px;height:14px}.phrase-head-actions .phrase-help-trigger:hover,.phrase-help:hover .phrase-help-trigger{color:var(--color-primary);background:0 0}.phrase-help-card{z-index:24;border:1px solid var(--color-border);opacity:0;visibility:hidden;pointer-events:none;width:min(360px,100vw - 32px);max-width:360px;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);background:#fff;border-radius:10px;gap:8px;padding:16px;display:grid;position:absolute;top:0;right:34px;transform:translateY(-4px);box-shadow:0 12px 32px #1d212924}.phrase-help:hover .phrase-help-card,.phrase-help:focus-within .phrase-help-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.phrase-help-section{gap:6px;display:grid}.phrase-help-section+.phrase-help-section{border-top:1px solid var(--color-bg-soft);padding-top:10px}.phrase-help-section strong{color:var(--color-text);font-size:13px;font-weight:700;line-height:20px}.phrase-help-section span{color:var(--color-text-secondary);white-space:normal;word-break:break-word;overflow-wrap:anywhere;padding-left:12px;font-size:12px;line-height:19px;display:block;position:relative}.phrase-help-section span:before{content:"";background:#c9cdd4;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:1px}.phrase-help-section kbd{background:var(--color-bg-hover);height:18px;color:var(--color-text-secondary);white-space:nowrap;border:1px solid #d0d5dd;border-radius:3px;padding:0 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:500;line-height:16px;display:inline-block}.phrase-head-actions .phrase-pin-btn,.phrase-head-actions .phrase-settings-btn{width:26px;height:26px;color:var(--color-text-muted);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.phrase-head-actions .phrase-pin-btn svg,.phrase-head-actions .phrase-settings-btn svg{width:15px;height:15px}.phrase-head-actions .phrase-pin-btn:hover,.phrase-head-actions .phrase-settings-btn:hover{color:var(--color-primary);background:0 0}.phrase-head-actions .phrase-pin-btn.active,.phrase-head-actions .phrase-settings-btn.active{color:var(--color-primary-hover);background:0 0}.phrase-head-actions .phrase-pin-btn.active:hover,.phrase-head-actions .phrase-settings-btn.active:hover{color:var(--color-primary);background:0 0}.phrase-head-actions button{background:var(--color-bg-soft);height:26px;color:var(--color-text-secondary);border-radius:4px;padding:0 10px;font-size:12px;font-weight:500;line-height:18px}.phrase-head-actions button:hover{background:var(--color-bg-selected);color:var(--color-primary-hover)}.phrase-search{background:var(--color-bg-soft);height:44px;color:var(--color-text-muted);border-radius:8px;grid-template-columns:16px 1fr 20px;align-items:center;gap:8px;margin:12px 16px 8px;padding:0 12px;display:grid}.phrase-search svg{width:15px;height:15px}.phrase-search input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:13px;line-height:20px}.phrase-search input::placeholder{color:var(--color-text-placeholder)}.phrase-search-clear{width:20px;height:20px;color:var(--color-text-placeholder);opacity:0;pointer-events:none;border-radius:4px;place-items:center;padding:0;display:grid}.phrase-search-clear.visible{opacity:1;pointer-events:auto}.phrase-search-clear:hover{background:var(--color-border);color:var(--color-text-secondary)}.phrase-search-clear svg{width:14px;height:14px}.phrase-primary-tabs{align-items:center;gap:6px;padding:0 16px 8px;display:flex;overflow-x:auto}.phrase-secondary-tabs{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:0 16px 10px;display:flex;overflow-y:auto}.phrase-primary-tabs button,.phrase-secondary-tabs button{height:28px;color:var(--color-text-secondary);white-space:nowrap;background:#fff;border-radius:14px;flex:none;padding:0 10px;font-size:12px;font-weight:500;line-height:18px}.phrase-primary-tabs button:hover,.phrase-secondary-tabs button:hover{background:var(--color-bg-soft);color:var(--color-primary-hover)}.phrase-primary-tabs button.active{background:var(--color-primary-hover);color:#fff}.phrase-secondary-tabs{border-bottom:1px solid var(--color-border-light);min-height:34px;max-height:70px}.phrase-secondary-tabs button{background:var(--color-bg-hover);height:24px;color:var(--color-text-secondary);border-radius:4px;padding:0 8px}.phrase-secondary-tabs button.active{background:var(--color-bg-selected);color:var(--color-primary-hover);font-weight:600}.phrase-secondary-tabs.muted{color:#98a2b3;font-size:12px;line-height:18px}.phrase-secondary-tabs.muted span{align-items:center;height:24px;display:inline-flex}.phrase-body{grid-template-columns:minmax(0,1fr) 270px;min-height:0;display:grid}.phrase-list{background:#fafbfc;height:100%;min-height:0;padding:10px 8px 12px 12px;overflow-y:auto}.phrase-card{border:1px solid var(--color-border);text-align:left;cursor:grab;background:#fff;border-radius:8px;align-items:flex-start;gap:6px;width:100%;padding:10px;display:flex;position:relative}.phrase-card:active{cursor:grabbing}.phrase-card+.phrase-card{margin-top:8px}.phrase-card:hover,.phrase-card.active{border-color:var(--color-primary);background:#f7fbff}.phrase-card-body{flex:1;gap:3px;min-width:0;display:grid}.phrase-card strong{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:20px;overflow:hidden}.phrase-card span{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:400;line-height:18px;display:-webkit-box;overflow:hidden}.phrase-card-star{color:#c9cdd4;width:24px;height:24px;transition:color var(--transition-fast), background var(--transition-fast);border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.phrase-card-star:hover,.phrase-card-star.active{color:#f5a623;background:#fff7eb}.phrase-card-star.active:hover{color:#d98500;background:#fff1d6}.phrase-common-feedback{z-index:80;color:#b96c00;pointer-events:none;background:#fff7eb;border-radius:4px;align-items:center;width:max-content;max-width:100%;height:24px;padding:0 8px;font-size:11px;font-weight:500;line-height:24px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(calc(-100% - 6px),calc(-50% - 1px));box-shadow:0 4px 10px #f5a6232e}.phrase-empty{height:220px;color:var(--color-text-muted);place-items:center;font-size:13px;display:grid}.phrase-detail{border-left:1px solid var(--color-border-light);background:#fff;flex-direction:column;min-width:0;height:100%;padding:14px;display:flex}.phrase-detail-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.phrase-detail-title>div{min-width:0}.phrase-detail-title strong{color:var(--color-text);font-size:14px;font-weight:700;line-height:22px;display:block}.phrase-detail-title span{color:var(--color-text-muted);margin-top:2px;font-size:12px;line-height:18px;display:block}.phrase-detail p{min-height:132px;color:var(--color-text);margin:12px 0 0;font-size:13px;font-weight:400;line-height:22px}.phrase-detail-empty{height:100%;color:var(--color-text-muted);text-align:center;align-content:center;justify-items:center;gap:6px;padding:24px;display:grid}.phrase-detail-empty strong{color:var(--color-text-secondary);font-size:14px;font-weight:700;line-height:22px}.phrase-detail-empty span{color:var(--color-text-muted);font-size:12px;line-height:18px}.phrase-settings-panel{z-index:23;border-left:1px solid var(--color-border);background:#fff;grid-template-rows:auto minmax(0,1fr) auto;width:min(420px,100%);display:grid;position:absolute;inset:48px 0 0 auto;box-shadow:-14px 0 28px #1d21291f}.phrase-settings-head{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px 10px 16px;display:flex}.phrase-settings-head strong{color:var(--color-text);font-size:15px;font-weight:700;line-height:22px;display:block}.phrase-settings-head span{color:var(--color-text-muted);margin-top:2px;font-size:12px;line-height:18px;display:block}.phrase-settings-head button{background:var(--color-bg-soft);width:28px;height:28px;color:var(--color-text-secondary);border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.phrase-settings-head button:hover{background:var(--color-bg-selected);color:var(--color-primary-hover)}.phrase-settings-content{min-height:0;padding:14px 16px 16px;overflow-y:auto}.phrase-settings-section+.phrase-settings-section{border-top:1px solid var(--color-border-light);margin-top:18px;padding-top:16px}.phrase-settings-section h3{color:var(--color-text);margin:0;font-size:14px;font-weight:700;line-height:22px}.phrase-settings-section p{color:var(--color-text-muted);margin:4px 0 10px;font-size:12px;line-height:18px}.phrase-settings-list{gap:6px;display:grid}.phrase-secondary-settings{gap:8px;display:grid}.phrase-secondary-setting-group{gap:6px;display:grid}.phrase-secondary-setting-toggle{border:1px solid var(--color-border-light);min-height:36px;color:var(--color-text-secondary);text-align:left;background:#fff;border-radius:6px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:8px;padding:7px 8px 7px 10px;display:grid}.phrase-secondary-setting-toggle:hover,.phrase-secondary-setting-group.expanded .phrase-secondary-setting-toggle{color:var(--color-primary-hover);background:#f7fbff;border-color:#bedaff}.phrase-secondary-setting-toggle span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:13px;font-weight:700;line-height:20px;overflow:hidden}.phrase-secondary-setting-toggle em{color:var(--color-text-muted);white-space:nowrap;font-size:11px;font-style:normal;line-height:18px}.phrase-secondary-setting-toggle svg{justify-self:center;width:14px;height:14px}.phrase-setting-row{border:1px solid var(--color-border-light);background:#fff;border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:grid}.phrase-setting-row.dragging{border-color:var(--color-primary);background:#f7fbff}.phrase-drag-handle{width:22px;height:22px;color:var(--color-text-placeholder);cursor:grab;place-items:center;display:grid}.phrase-drag-handle svg{width:14px;height:14px}.phrase-setting-check{min-width:0;color:var(--color-text);align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.phrase-setting-check input{width:14px;height:14px;margin:0}.phrase-setting-check span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phrase-setting-row em{color:var(--color-text-muted);white-space:nowrap;font-size:11px;font-style:normal;line-height:18px}.phrase-settings-foot{border-top:1px solid var(--color-border-light);background:#fafbfc;justify-content:flex-end;align-items:center;padding:10px 14px 12px 16px;display:flex}.phrase-settings-foot button{background:var(--color-bg-selected);height:28px;color:var(--color-primary-hover);border-radius:4px;flex:none;padding:0 10px;font-size:12px;font-weight:600;line-height:18px}.phrase-actions{gap:8px;margin-top:auto;display:grid}.phrase-actions button{height:32px;color:var(--color-text);background:#fff;border:1px solid #dcdfe6;border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.phrase-actions button:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}.phrase-actions button.primary{border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:#fff}.phrase-actions button svg{width:14px;height:14px}.composer>button{background:var(--color-primary);color:#fff;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:13px;font-weight:600;line-height:20px;display:inline-flex}.composer>button:hover{background:var(--color-primary-hover)}.composer>button svg{width:14px;height:14px}.customer-panel{background:#fff;grid-template-rows:auto auto 40px minmax(0,1fr);min-width:0;height:100vh;display:grid}.customer-top{padding:18px 12px 8px}.customer-title-row{align-items:center;gap:10px;display:flex}.customer-title h2{color:var(--color-text);margin:0 0 2px;font-size:15px;font-weight:700;line-height:22px}.customer-title div{align-items:center;gap:5px;display:flex}.customer-title div span:last-child{color:var(--color-primary);font-size:11px;font-weight:500;line-height:18px}.customer-title p{color:#98a2b3;margin:6px 0 0;font-size:12px;font-weight:400;line-height:18px}.customer-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.customer-actions .refresh{color:var(--color-text-muted);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:11px;line-height:18px;display:inline-flex}.customer-actions .refresh:hover{color:var(--color-primary)}.customer-actions .refresh svg{width:12px;height:12px}.customer-actions .credit{background:var(--color-primary);color:#fff;border-radius:6px;height:30px;padding:0 14px;font-size:13px;font-weight:600;line-height:20px}.customer-actions .credit:hover{background:var(--color-primary-hover)}.asset-card{background:#f5f7fb;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0 8px 8px;padding:12px;display:grid}.asset-card div{min-width:0}.asset-card span{color:#98a2b3;margin-bottom:4px;font-size:11px;font-weight:400;line-height:18px;display:block}.asset-card span:before{content:"·"}.asset-card strong{color:var(--color-text);white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;display:block}.quote-tabs{border-bottom:1px solid var(--color-border);grid-template-columns:auto auto 1fr;align-items:end;gap:14px;height:40px;padding:0 8px;display:grid}.quote-tabs button{height:36px;color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;font-size:13px;font-weight:600;line-height:20px}.quote-tabs button:hover{color:var(--color-primary)}.quote-tabs button.active{color:var(--color-primary-hover);border-bottom:2px solid var(--color-primary)}.quote-tabs .expand{color:var(--color-text-muted);justify-self:end;font-size:11px;font-weight:400}.quote-tabs .expand:before{content:"|";color:#d0d5dd;margin-right:6px}.quote-scroll{padding:8px;overflow-y:auto}.quote-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:12px 10px 0;box-shadow:0 1px 3px #1d21290a}.quote-card-head{color:var(--color-text);grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.quote-card-head strong{font-size:14px;font-weight:700;line-height:22px}.quote-card-head span{color:var(--color-text-secondary);font-size:12px;font-weight:600;line-height:18px}.quote-card-head svg{color:#c9cdd4}.quote-line{grid-template-columns:76px 1fr;gap:6px;margin-top:6px;font-size:12px;line-height:20px;display:grid}.quote-line span{color:var(--color-text-placeholder)}.quote-line b{color:var(--color-text-secondary);text-align:right;font-weight:500}.quote-line .danger{color:var(--color-danger)}.quote-record-area{background:#f2f5f9;margin:10px -2px 0;padding:10px 8px 0}.record-title{color:var(--color-text-muted);margin-bottom:6px;font-size:12px;line-height:18px;display:block}.quote-record{padding:3px 0 10px}.quote-record+.quote-record{border-top:1px solid #e5e6ebb3}.record-head{grid-template-columns:auto 1fr auto auto;align-items:baseline;column-gap:4px;display:grid}.record-head strong{color:#2f7bdc;font-size:16px;font-weight:600;line-height:24px}.record-head span{color:#2f7bdc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;line-height:18px;overflow:hidden}.record-head button{color:var(--color-primary);font-size:11px;font-weight:500;line-height:18px}.record-head button:hover{color:var(--color-primary-hover)}.record-head em{color:var(--color-text-muted);font-size:12px;font-style:normal;line-height:18px}.record-info{color:var(--color-text-secondary);grid-template-columns:.9fr 1.45fr 1fr;gap:6px;margin-top:3px;font-size:11px;line-height:18px;display:grid}.record-info span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.record-info span:nth-child(2),.record-info span:nth-child(3){color:#98a2b3}.record-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.record-actions button{height:30px;color:var(--color-text);background:#fff;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;font-weight:600;line-height:20px}.record-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.record-actions .primary{border-color:var(--color-primary-hover);background:var(--color-primary);color:#fff}.record-actions .primary:hover{background:var(--color-primary-hover)}.invalid-quote{width:100%;height:36px;color:var(--color-text-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;gap:4px;font-size:12px;line-height:18px;display:flex}.invalid-quote:hover{color:var(--color-primary)}.compact-quote{border:1px solid var(--color-border);height:48px;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:1fr auto auto 16px;align-items:center;gap:8px;margin-top:8px;padding:0 10px;display:grid;box-shadow:0 1px 2px #1d212908}.compact-quote:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #4080ff1f}.compact-quote span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.compact-quote strong{color:var(--color-primary);font-size:13px;font-weight:600;line-height:18px}.compact-quote em{color:var(--color-text-muted);font-size:11px;font-style:normal;line-height:18px}.compact-quote svg{color:#c9cdd4;width:14px;height:14px}.view-switcher{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141a22c7;border:1px solid #4080ff59;border-radius:6px;align-items:center;gap:2px;height:32px;padding:2px;display:inline-flex;position:fixed;top:12px;right:18px;box-shadow:0 8px 22px #0000002e}.view-switcher-chat{align-items:center;gap:2px;display:inline-flex}.view-switcher-label{color:#8f9cad;white-space:nowrap;border-left:1px solid #ffffff24;align-self:stretch;align-items:center;margin-left:2px;padding:0 7px 0 9px;font-size:11px;font-weight:600;line-height:26px;display:inline-flex}.view-switcher button{color:#c9d3e1;white-space:nowrap;border-radius:4px;height:26px;padding:0 12px;font-size:12px;font-weight:600;line-height:18px}.view-switcher button:hover{color:#fff;background:#4080ff2e}.view-switcher button.active{color:#fff;background:var(--color-primary)}.client-im-app{--client-bg:#171c20;--client-panel:#20282f;--client-panel-soft:#28323d;--client-panel-strong:#303b47;--client-line:#34414d;--client-line-soft:#ffffff14;--client-text:#e5edf7;--client-muted:#8f9aa8;--client-dim:#697482;--client-blue:var(--color-primary);--client-green:#65c8b6;background:var(--client-bg);width:100vw;height:100vh;color:var(--client-text);grid-template-columns:72px minmax(0,1fr);display:grid;overflow:hidden}.client-rail{border-right:1px solid var(--client-line-soft);background:#11161a;grid-template-rows:78px minmax(0,1fr) auto;display:grid}.client-logo{color:#fff;background:#2f8cff;border-radius:5px;place-self:start center;place-items:center;width:36px;height:36px;margin-top:14px;font-size:11px;font-weight:800;line-height:16px;display:grid}.client-rail nav,.client-rail-bottom{flex-direction:column;align-items:stretch;display:flex}.client-rail button{min-height:64px;color:var(--client-muted);place-items:center;gap:3px;display:grid}.client-rail button svg{width:22px;height:22px}.client-rail button span{font-size:11px;line-height:16px}.client-rail button:hover,.client-rail button.active{color:#fff}.client-rail button.active svg{color:var(--client-blue)}.client-rail-bottom{padding-bottom:14px}.client-shell{grid-template-rows:56px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.client-topbar{border-bottom:1px solid var(--client-line-soft);background:#1a2024;align-items:center;padding:0 28px;display:flex}.client-topbar nav{align-items:center;gap:68px;display:flex}.client-topbar button{color:#77818e;align-items:center;gap:8px;font-size:16px;font-weight:700;line-height:24px;display:inline-flex}.client-topbar button svg{width:20px;height:20px}.client-topbar button.active{color:var(--client-blue)}.client-workspace{grid-template-columns:360px minmax(520px,1fr) 320px;height:100%;min-height:0;display:grid;overflow:hidden}.client-session-column{border-right:1px solid var(--client-line-soft);background:linear-gradient(135deg,#4080ff14,#0000 180px),#20282f;grid-template-rows:78px minmax(0,1fr);min-width:0;display:grid}.client-search-row{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;padding:16px;display:grid}.client-search-row div{height:42px;color:var(--client-muted);background:#161d22;border:1px solid #53606e;border-radius:7px;align-items:center;gap:10px;padding:0 14px;display:flex}.client-search-row svg{width:18px;height:18px}.client-search-row button{color:#c5cfda}.client-session-list{min-height:0;padding:0 10px 14px;overflow-y:auto}.client-session-item{min-height:72px;color:var(--client-muted);cursor:pointer;border-radius:7px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.client-session-item:hover{background:#ffffff0a}.client-session-item.active{color:#dce8f6;background:#35547f}.client-session-avatar{color:#fff;background:#88bee7;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.client-session-avatar.portrait{color:#0000;background:radial-gradient(circle at 50% 31%,#e8c0a6 0 18%,#0000 19%),radial-gradient(circle at 50% 28%,#1d2936 0 27%,#0000 28%),linear-gradient(150deg,#f7f9fc 0 52%,#2e3844 53% 100%)}.client-session-avatar.female{background:radial-gradient(circle at 50% 31%,#f0c4b7 0 18%,#0000 19%),radial-gradient(circle at 50% 26%,#111827 0 30%,#0000 31%),linear-gradient(150deg,#fff 0 52%,#dce4ed 53% 100%)}.client-session-avatar.option{background:#5aa0f3;border-radius:50%;font-size:9px}.client-session-avatar.swap{background:#fb923c;font-size:10px}.client-session-avatar.notice{background:#5b91e4}.client-session-main{min-width:0}.client-session-title{align-items:center;gap:6px;min-width:0;display:flex}.client-session-title strong{color:#edf4fb;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:22px;overflow:hidden}.client-session-title span{color:#ef6b4f;background:#fff0ed;border-radius:4px;align-items:center;height:18px;padding:0 5px;font-size:11px;line-height:16px;display:inline-flex}.client-session-main p{color:var(--client-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;line-height:19px;overflow:hidden}.client-session-item time{color:var(--client-muted);white-space:nowrap;align-self:start;margin-top:8px;font-size:13px;line-height:18px}.client-chat-panel{background:#1c252a;grid-template-rows:80px minmax(0,1fr) 118px;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.client-chat-head{border-bottom:1px solid #53606e;justify-content:space-between;align-items:center;height:80px;padding:0 28px;display:flex}.client-chat-head strong{color:#f1f5fa;font-size:20px;font-weight:800;line-height:28px}.client-chat-head svg{color:#eef3f8}.client-chat-body{min-height:0;padding:74px 30px 20px;position:relative;overflow-y:auto}.client-day-divider{color:var(--client-muted);text-align:center;margin-bottom:10px;font-size:13px;line-height:20px}.client-message-row{gap:10px;margin-bottom:22px;display:flex}.client-message-row.right{grid-template-columns:minmax(0,1fr) 42px;place-items:flex-start end;gap:10px;width:100%;display:grid}.client-message-stack{gap:6px;max-width:min(520px,72%);display:grid}.client-message-row.right .client-message-stack{grid-template-columns:minmax(0,1fr);justify-self:stretch;justify-items:end;width:auto;min-width:0;max-width:100%}.client-message-meta{color:var(--client-muted);align-items:center;gap:8px;font-size:13px;line-height:18px;display:flex}.client-message-row.right .client-message-meta{justify-content:flex-end}.client-message-avatar{color:#fff;background:#5b91e4;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.client-message-avatar svg{width:19px;height:19px}.client-message-avatar.me{background:#35547f;font-size:13px;font-weight:700}.client-message-avatar.support{background:#477cb8;font-size:13px;font-weight:700}.client-message-avatar.trader{background:#b7793f;font-size:13px;font-weight:700}.client-message-bubble{color:#fff;overflow-wrap:anywhere;background:#35547f;border-radius:8px;justify-self:end;min-width:0;max-width:100%;padding:10px 14px;font-size:14px;line-height:22px}.client-message-row.left .client-message-stack{justify-items:start}.client-message-row.left .client-message-bubble{color:#eef4fa;background:#303b47;justify-self:start}.client-message-row.right .client-message-bubble{cursor:context-menu;-webkit-user-select:text;user-select:text}.client-message-row.withdrawn{justify-content:center;width:100%;margin:4px 0 18px}.client-message-withdrawn{color:#7f8a98;align-items:center;gap:6px;font-size:12px;line-height:18px;display:inline-flex}.client-message-withdrawn svg{width:13px;height:13px}.client-message-withdrawn time{color:#65717f;margin-left:2px;font-size:11px}.client-message-context-menu{z-index:520;color:#e8eef5;background:#252d34;border:1px solid #45515e;border-radius:7px;width:190px;padding:5px;position:fixed;box-shadow:0 14px 36px #00000057}.client-message-context-menu>button{color:#e8eef5;text-align:left;border-radius:5px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:38px;padding:6px 9px;font-size:13px;line-height:18px;display:grid}.client-message-context-menu>button:hover:not(:disabled){background:#34404b}.client-message-context-menu>button svg{color:#aeb9c6;width:15px;height:15px}.client-message-context-menu>button em{color:#8292a3;font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;line-height:16px}.client-message-context-menu>button:disabled{color:#707b87;cursor:default}.client-message-context-menu>button:disabled svg,.client-message-context-menu>button:disabled em{color:#626d79}.client-notice-card{color:#fff;background:#627088;border-radius:8px;width:316px;min-height:148px;padding:14px;box-shadow:0 8px 18px #0000002e}.client-notice-card strong{font-size:17px;line-height:24px}.client-notice-divider{border-top:1px dashed #ffffff59;height:1px;margin:10px 0 12px}.client-file-preview{background:linear-gradient(#4080ff38,#0000 18px),repeating-linear-gradient(#f8fafc 0 5px,#e4ebf3 5px 7px);border-radius:4px;width:44px;height:82px}.client-notice-card span{color:#ffffffc7;margin-top:6px;font-size:12px;display:block}.client-notice-card.text{min-height:auto}.client-notice-card.text p{color:#ffffffd6;margin:0;font-size:13px;line-height:20px}.client-composer{background:#171c2059;border:1px solid #53606e;border-radius:8px;grid-template-rows:minmax(0,1fr) 30px;height:calc(100% - 24px);min-height:0;margin:0 30px 24px;display:grid}.client-composer textarea{resize:none;min-height:0;color:var(--client-text);font:inherit;background:0 0;border:0;outline:0;padding:12px}.client-composer-actions{color:#b9c3cf;justify-content:flex-end;align-items:center;gap:16px;padding:0 12px 10px;display:flex}.client-composer-actions svg{width:20px;height:20px}.client-composer-icon{width:20px;height:20px;color:inherit;place-items:center;padding:0;display:inline-grid}.client-composer-icon:hover{color:#fff}.client-composer-actions button{color:#e7edf5;background:#8c94a3;border-radius:8px;height:34px;padding:0 12px;font-weight:700}.client-composer-actions .client-composer-icon{color:#b9c3cf;background:0 0;border-radius:4px;height:20px;padding:0}.client-composer-actions .client-composer-icon svg{width:20px;height:20px}.client-composer-actions .client-composer-icon:hover{color:#fff;background:0 0}.client-favorite-backdrop{z-index:260;background:#0e141b52;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.client-favorite-modal{width:min(752px,100vw - 40px);height:min(688px,100vh - 40px);max-height:calc(100vh - 40px);color:var(--color-text);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 48px #0f172a3d}.client-favorite-head{border-bottom:1px solid var(--color-border-light);flex:0 0 64px;justify-content:space-between;align-items:center;padding:0 22px 0 30px;display:flex}.client-favorite-head strong{color:#1f2937;font-size:22px;font-weight:800;line-height:30px}.client-favorite-head button{color:#111827;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.client-favorite-head button:hover{background:var(--color-bg-soft)}.client-favorite-head svg{width:24px;height:24px}.client-favorite-search{color:#8f9aa8;background:#f3f6fa;border-radius:8px;flex:none;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;height:50px;margin:14px 30px 10px;padding:0 16px;display:grid}.client-favorite-search svg{color:#4b5563;width:20px;height:20px}.client-favorite-search input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:16px;line-height:24px}.client-favorite-search input::placeholder{color:#b8c0cc}.client-favorite-list{overscroll-behavior:contain;flex:auto;min-height:0;padding:0 30px 20px;overflow-y:auto}.client-favorite-list>*+*{margin-top:14px}.client-favorite-item{color:#1f2937;text-align:left;cursor:pointer;min-width:0;display:block}.client-favorite-card{min-height:88px;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#f3f6fa;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.client-favorite-item.editing .client-favorite-card{gap:14px;min-height:154px}.client-favorite-item.editing{cursor:default}.client-favorite-item:hover .client-favorite-card,.client-favorite-item.active .client-favorite-card{background:#f7fbff;border-color:#9ec3ff;box-shadow:0 0 0 2px #4080ff14}.client-favorite-content{flex:auto;min-width:0}.client-favorite-content p{color:#1f2937;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:25px;display:-webkit-box;overflow:hidden}.client-favorite-edit-field{box-sizing:border-box;resize:vertical;color:#1f2937;width:100%;min-width:0;min-height:76px;font:inherit;background:#fff;border:1px solid #9ec3ff;border-radius:6px;outline:0;padding:10px 12px;font-size:16px;line-height:24px;display:block}.client-favorite-edit-field:focus{box-shadow:0 0 0 2px #4080ff1f}.client-favorite-meta{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;padding-top:2px;display:grid}.client-favorite-meta-actions{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.client-favorite-source,.client-favorite-item time{color:#8f9aa8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;overflow:hidden}.client-favorite-source{min-width:0;display:block}.client-favorite-item time{flex:none}.client-favorite-meta-actions button{min-width:auto;height:24px;color:var(--color-primary);background:0 0;border:0;border-radius:4px;padding:0 2px;font-size:13px;font-weight:700;line-height:20px}.client-favorite-meta-actions button:hover:not(:disabled){color:var(--color-primary-hover);background:0 0}.client-favorite-meta-actions button.save{color:#1f6feb}.client-favorite-meta-actions button:disabled{color:#b8c0cc;cursor:not-allowed}.client-favorite-empty{color:#8f9aa8;place-items:center;height:220px;font-size:15px;display:grid}.client-favorite-actions{border-top:1px solid var(--color-bg-soft);flex:0 0 86px;justify-content:flex-end;align-items:center;gap:10px;padding:22px 20px 18px;display:flex}.client-favorite-actions button{color:#5f6875;background:#fff;border:1px solid #d6dbe3;border-radius:19px;min-width:104px;height:38px;padding:0 20px;font-size:16px;font-weight:700;line-height:24px}.client-favorite-actions button:hover:not(:disabled){color:var(--color-primary);border-color:#9ec3ff}.client-favorite-actions button.primary{color:#fff;background:#b8d4ff;border-color:#b8d4ff}.client-favorite-actions button.primary:hover:not(:disabled){color:#fff;background:#8ebcff;border-color:#8ebcff}.client-favorite-actions button:disabled{cursor:not-allowed;opacity:.48}.client-side-panel{background:#1c252a;border-left:1px solid #3d4855;min-width:0;height:100%;min-height:0;padding:20px 10px 18px;overflow-y:auto}.client-side-panel section+section{margin-top:10px}.client-stat-card{background:#2d3946;border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;padding:16px 12px;display:grid}.client-stat-card div{justify-items:center;gap:4px;display:grid}.client-stat-card strong{color:#fff;font-size:14px;line-height:20px}.client-stat-card span{color:#5d96ff;font-size:18px;font-weight:800;line-height:24px}.client-rule-card,.client-product-card{background:#2d3946;border-radius:8px}.client-rule-card>div{justify-content:space-between;align-items:center;min-height:54px;padding:0 14px;display:flex}.client-rule-card strong,.client-product-card strong{color:#fff;font-size:15px;line-height:22px}.client-rule-card button{color:#5d96ff;align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.client-product-card{padding:12px 12px 16px}.client-market-chip{color:#5d96ff;border:1px solid #3e75c7;border-radius:16px;align-items:center;max-width:100%;height:32px;padding:0 12px;font-size:13px;font-weight:700;line-height:20px;display:inline-flex}.client-product-card strong{margin-top:14px;display:block}.client-product-card p{color:#bac4cf;margin:8px 0 0;font-size:14px;line-height:23px}.session-group-title{color:var(--color-text-muted);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 6px;font-size:12px;font-weight:600;display:flex}.session-group-title-left{align-items:baseline;gap:8px;min-width:0;display:flex}.session-group-title button{background:var(--color-bg-soft);height:24px;color:var(--color-text-secondary);border-radius:6px;padding:0 8px;font-size:12px;font-weight:500}.session-group-title button:hover{background:var(--color-bg-selected);color:var(--color-primary-hover)}.session-group-title .session-undo{background:var(--color-bg-selected);height:24px;color:var(--color-primary-hover);border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.session-undo-count{color:currentColor;background:0 0;border-radius:0;justify-content:center;align-items:center;min-width:auto;height:auto;padding:0;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.session-group-title .session-undo:hover{color:#0e42d2;background:#d6e8ff}.important-empty{height:160px;color:var(--color-text-placeholder);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 20px;display:flex}.important-empty strong{color:var(--color-text-secondary);font-size:14px}.important-empty span{font-size:12px;line-height:18px}.chat-empty{height:100%;color:var(--color-text-placeholder);justify-content:center;align-items:center;font-size:13px;display:flex}@media (width<=1440px){body{min-width:1100px}.im-app{grid-template-columns:170px 310px minmax(400px,1fr) 300px}.client-workspace{grid-template-columns:330px minmax(500px,1fr) 300px}.client-topbar nav{gap:42px}}.client-option-page{--client-option-bg-page:#16181d;--client-option-bg-card:#1e2127;--client-option-bg-input:#2d3139;--client-option-bg-hover:#374151;--client-option-bg-hover-light:#3d4450;--client-option-border-default:#2d3139;--client-option-border-input:#374151;--client-option-border-hover:#4b5563;--client-option-text-primary:#e5e7eb;--client-option-text-secondary:#9ca3af;--client-option-text-disabled:#6b7280;--client-option-text-brand:var(--color-primary);--client-option-text-warning:#fbbf24;--client-option-color-primary:var(--color-primary);--client-option-color-primary-hover:var(--color-primary-hover);--client-option-radius-sm:2px;--client-option-radius-md:4px;--client-option-spacing-xs:4px;--client-option-spacing-sm:8px;--client-option-spacing-md:12px;--client-option-spacing-lg:16px;--client-option-spacing-xl:20px;--client-option-spacing-2xl:24px;--client-option-transition-fast:var(--transition-fast);background:var(--client-option-bg-page);width:100vw;height:100vh;color:var(--client-option-text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;display:flex;overflow:hidden}.client-option-sidebar{border-right:1px solid var(--client-option-border-default);background:var(--client-option-bg-page);flex-direction:column;flex-shrink:0;width:56px;display:flex}.client-option-sidebar-logo{color:#fff;letter-spacing:1px;background:#2563eb;flex-shrink:0;justify-content:center;align-items:center;height:48px;font-size:13px;font-weight:600;display:flex}.client-option-sidebar-menu,.client-option-sidebar-bottom{flex-direction:column;display:flex}.client-option-sidebar-menu{flex:1}.client-option-sidebar-bottom{margin-top:auto}.client-option-menu-item{height:52px;color:var(--client-option-text-secondary);transition:background var(--client-option-transition-fast), color var(--client-option-transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;display:flex;position:relative}.client-option-menu-item:hover{color:var(--client-option-text-primary);background:#ffffff0a}.client-option-menu-item.active{background:var(--client-option-bg-card);color:var(--client-option-text-primary)}.client-option-menu-item.active:before{content:"";background:var(--client-option-color-primary);border-radius:0 2px 2px 0;width:3px;height:56%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.client-option-menu-icon{color:currentColor;width:20px;height:20px}.client-option-menu-item.active .client-option-menu-icon{color:var(--client-option-color-primary)}.client-option-avatar-icon{color:#fff;background:#60a5fa;border-radius:50%;width:24px;height:24px;padding:4px}.client-option-menu-text{font-size:10px;line-height:14px}.client-option-main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.client-option-top-nav{justify-content:space-between;align-items:center;gap:var(--client-option-spacing-xl);height:48px;padding:0 var(--client-option-spacing-2xl);border-bottom:1px solid var(--client-option-border-default);background:var(--client-option-bg-card);flex-shrink:0;display:flex}.client-option-nav-left,.client-option-nav-right,.client-option-nav-tabs{align-items:center;display:flex}.client-option-nav-left{min-width:0}.client-option-nav-right{gap:var(--client-option-spacing-md);flex-shrink:0}.client-option-sidebar-toggle{width:28px;height:28px;margin-right:var(--client-option-spacing-lg);border-radius:var(--client-option-radius-md);color:var(--client-option-text-secondary);place-items:center;display:inline-grid}.client-option-sidebar-toggle:hover{background:var(--client-option-bg-input);color:var(--client-option-text-primary)}.client-option-sidebar-toggle svg{width:18px;height:18px}.client-option-nav-tabs{gap:var(--client-option-spacing-xl);min-width:0;overflow:hidden}.client-option-nav-tab{height:48px;color:var(--client-option-text-secondary);white-space:nowrap;transition:color var(--client-option-transition-fast);padding:0;font-size:14px;position:relative}.client-option-nav-tab:hover,.client-option-nav-tab.active{color:var(--client-option-text-primary)}.client-option-nav-tab.active:after{content:"";background:var(--client-option-color-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.client-option-fund-number{color:var(--client-option-text-secondary);white-space:nowrap;font-size:13px}.client-option-content{min-height:0;padding:var(--client-option-spacing-2xl);flex:1;overflow-y:auto}.client-option-card{margin-bottom:var(--client-option-spacing-lg);padding:var(--client-option-spacing-2xl);border-radius:var(--client-option-radius-md);background:var(--client-option-bg-card)}.client-option-card-header{justify-content:space-between;align-items:center;gap:var(--client-option-spacing-lg);margin-bottom:var(--client-option-spacing-xl);display:flex}.client-option-card-title{align-items:center;gap:var(--client-option-spacing-sm);color:var(--client-option-text-primary);margin:0;font-size:16px;font-weight:600;line-height:24px;display:flex}.client-option-title-icon{color:var(--client-option-text-secondary)}.client-option-form-container{margin-bottom:var(--client-option-spacing-xl)}.client-option-form-row{margin-bottom:var(--client-option-spacing-lg);align-items:center;display:flex}.client-option-form-label{width:72px;margin-right:var(--client-option-spacing-lg);color:var(--client-option-text-secondary);text-align:right;flex-shrink:0;font-size:13px}.client-option-form-control{min-width:0;height:38px;padding:0 var(--client-option-spacing-md);border:1px solid var(--client-option-border-input);border-radius:var(--client-option-radius-md);background:var(--client-option-bg-input);color:var(--client-option-text-primary);transition:border-color var(--client-option-transition-fast), background var(--client-option-transition-fast);flex:1;justify-content:space-between;align-items:center;font-size:13px;display:flex}.client-option-form-control:hover{border-color:var(--client-option-border-hover)}.client-option-select-placeholder,.client-option-select-arrow,.client-option-text-disabled{color:var(--client-option-text-disabled)}.client-option-select-arrow{flex-shrink:0;width:14px;height:14px}.client-option-selected-tags,.client-option-radio-group,.client-option-checkbox-group,.client-option-select-group{align-items:center;gap:var(--client-option-spacing-sm);flex-wrap:wrap;display:flex}.client-option-select-group{gap:var(--client-option-spacing-md);flex:1}.client-option-tag{border-radius:var(--client-option-radius-sm);background:var(--client-option-bg-hover);color:var(--client-option-text-primary);white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.client-option-tag-close{color:var(--client-option-text-secondary);font-size:14px;line-height:1}.client-option-radio-item,.client-option-checkbox-item{color:var(--client-option-text-primary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.client-option-radio-item input,.client-option-checkbox-item input{width:15px;height:15px;accent-color:var(--client-option-color-primary)}.client-option-card-actions{justify-content:flex-end;gap:var(--client-option-spacing-md);display:flex}.client-option-btn{height:36px;padding:0 var(--client-option-spacing-lg);border-radius:var(--client-option-radius-md);color:var(--client-option-text-primary);white-space:nowrap;transition:background var(--client-option-transition-fast), border-color var(--client-option-transition-fast), color var(--client-option-transition-fast);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.client-option-btn-primary{background:var(--client-option-color-primary);color:#fff}.client-option-btn-primary:hover{background:var(--client-option-color-primary-hover)}.client-option-btn-secondary{background:var(--client-option-bg-input);color:var(--client-option-text-primary)}.client-option-btn-secondary:hover{background:var(--client-option-bg-hover)}.client-option-btn-outline{border:1px solid var(--client-option-border-input);background:0 0}.client-option-btn-outline:hover{border-color:var(--client-option-border-hover);background:#ffffff08}.client-option-btn-sm{height:28px;padding:0 var(--client-option-spacing-md);font-size:12px}.client-option-btn-icon{width:14px;height:14px}.client-option-card-tabs{gap:var(--client-option-spacing-sm);margin-bottom:var(--client-option-spacing-xl);border-bottom:1px solid var(--client-option-border-default);display:flex}.client-option-tab{padding:var(--client-option-spacing-sm) var(--client-option-spacing-lg);color:var(--client-option-text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex;position:relative}.client-option-tab:hover,.client-option-tab.active{color:var(--client-option-text-primary)}.client-option-tab.active:after{content:"";background:var(--client-option-color-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.client-option-tab-icon{width:15px;height:15px}.client-option-filter-row{align-items:center;gap:var(--client-option-spacing-md);margin-bottom:var(--client-option-spacing-xl);display:flex}.client-option-filter-label{color:var(--client-option-text-secondary);font-size:13px}.client-option-filter-select{flex:none;width:140px}.client-option-more-link{color:var(--client-option-text-brand);margin-right:auto;font-size:13px}.client-option-more-link:hover{opacity:.8}.client-option-inquiry-list{gap:var(--client-option-spacing-lg);flex-direction:column;display:flex}.client-option-inquiry-item{border:1px solid var(--client-option-border-default);border-radius:var(--client-option-radius-md);overflow:hidden}.client-option-item-header{align-items:center;gap:var(--client-option-spacing-lg);padding:var(--client-option-spacing-md) var(--client-option-spacing-xl);background:var(--client-option-bg-card);display:flex}.client-option-item-title{color:var(--client-option-text-primary);margin:0;font-size:16px;font-weight:600;line-height:24px}.client-option-item-scale{color:var(--client-option-text-secondary);margin-left:auto;font-size:13px}.client-option-inquiry-table{border-collapse:collapse;width:100%}.client-option-inquiry-table th{padding:10px var(--client-option-spacing-xl);background:var(--client-option-bg-hover);color:var(--client-option-text-secondary);text-align:left;white-space:nowrap;font-size:12px;font-weight:500}.client-option-inquiry-table td{height:44px;padding:var(--client-option-spacing-md) var(--client-option-spacing-xl);border-bottom:1px solid var(--client-option-border-default);color:var(--client-option-text-primary);white-space:nowrap;font-size:13px}.client-option-inquiry-table tbody tr:hover{background:#ffffff05}.client-option-quote-actions{align-items:center;gap:var(--client-option-spacing-sm);display:inline-flex}.client-option-text-warning{color:var(--client-option-text-warning)}.client-option-item-footer{padding:var(--client-option-spacing-sm) var(--client-option-spacing-xl);border-top:1px solid var(--client-option-border-default);color:var(--client-option-text-secondary);text-align:right;font-size:12px}.client-option-floating-btn{z-index:240;background:var(--client-option-color-primary);color:#fff;width:44px;height:44px;transition:background var(--client-option-transition-fast), transform var(--client-option-transition-fast), box-shadow var(--client-option-transition-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:24px;right:24px;overflow:visible;box-shadow:0 2px 8px #0000004d}.client-option-floating-btn:hover,.client-option-floating-btn.has-unread{background:var(--client-option-color-primary-hover);transform:scale(1.05)}.client-option-floating-btn.has-mention{background:#f97316;box-shadow:0 2px 10px #f9731661,0 0 0 3px #f9731629}.client-option-floating-btn.has-mention:hover{background:#ea580c}.client-option-floating-btn.has-call{background:#16a34a;animation:.92s ease-in-out infinite client-option-call-ring;box-shadow:0 2px 12px #16a34a6b,0 0 0 4px #22c55e2e}.client-option-floating-btn.has-call:hover{background:#15803d}.client-option-floating-btn.is-flashing{animation:.72s ease-in-out infinite client-option-notice-pulse}.client-option-floating-btn.has-call.is-flashing{animation:.92s ease-in-out infinite client-option-call-ring}.client-option-floating-btn svg{width:20px;height:20px}.client-option-floating-badge{background:var(--color-danger);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--client-option-bg-page);border-radius:999px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-6px;right:-6px}.client-option-floating-badge.mention{letter-spacing:0;background:#dc2626;min-width:34px}.client-option-floating-badge.call{background:#14532d;min-width:38px}.client-option-floating-hint{color:#fff;text-align:left;pointer-events:none;background:#1f2937f5;border:1px solid #f9731647;border-radius:8px;gap:1px;min-width:150px;padding:7px 10px;display:grid;position:absolute;bottom:1px;right:calc(100% + 10px);box-shadow:0 10px 24px #0000003d}.client-option-floating-hint strong{font-size:13px;font-weight:800;line-height:18px}.client-option-floating-hint em{color:#fed7aa;white-space:nowrap;font-size:11px;font-style:normal;font-weight:700;line-height:16px}.client-option-floating-hint.call{border-color:#22c55e5c}.client-option-floating-hint.call em{color:#bbf7d0}@keyframes client-option-notice-pulse{0%,to{box-shadow:0 2px 8px #0000004d,0 0 #f53f3f8f}50%{box-shadow:0 2px 8px #0000004d,0 0 0 12px #f53f3f00}}@keyframes client-option-call-ring{0%,to{box-shadow:0 2px 12px #16a34a6b,0 0 #22c55e7a}50%{box-shadow:0 2px 12px #16a34a6b,0 0 0 14px #22c55e00}}.client-notification-permission-backdrop{z-index:340;opacity:1;transition:opacity var(--transition-fast);position:fixed;top:12px;left:12px}.client-notification-permission-modal{border-radius:var(--radius-md);background:var(--color-bg-page);width:min(388px,100vw - 36px);color:var(--color-text);gap:14px;padding:16px;display:grid;position:relative;box-shadow:0 18px 42px #00000052}.client-notification-permission-close{width:26px;height:26px;color:var(--color-text-muted);transition:color var(--transition-fast), background var(--transition-fast);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.client-notification-permission-close:hover{background:var(--color-bg-hover);color:var(--color-text)}.client-notification-permission-close svg{width:15px;height:15px}.client-notification-permission-icon{background:var(--color-bg-soft);width:32px;height:32px;color:var(--color-text-secondary);border-radius:50%;place-items:center;display:grid}.client-notification-permission-icon svg{width:18px;height:18px}.client-notification-permission-site{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.client-notification-permission-site-icon{background:var(--color-bg-soft);width:20px;height:20px;color:var(--color-text-secondary);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.client-notification-permission-site-icon svg{width:12px;height:12px}.client-notification-permission-request{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.client-notification-permission-copy strong{color:var(--color-text);font-size:16px;font-weight:700;line-height:24px;display:block}.client-notification-permission-copy p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px;line-height:20px}.client-notification-permission-guide{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:linear-gradient(#f8fbff 0%,#eef4ff 100%);min-height:148px;padding:12px;position:relative;overflow:hidden}.client-notification-browser-bar{color:#5f6f86;background:#fff;border:1px solid #94a3b852;border-radius:999px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:7px;height:34px;padding:0 8px;display:grid;box-shadow:0 8px 18px #4080ff14}.client-notification-browser-lock{width:22px;height:22px;color:var(--color-primary);background:#eef4ff;border-radius:50%;place-items:center;display:grid}.client-notification-browser-lock svg,.client-notification-permission-switch svg{width:13px;height:13px}.client-notification-browser-url{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.client-notification-browser-menu{color:#9aa8ba;letter-spacing:-1px;font-size:18px;line-height:1}.client-notification-browser-popover{background:#fff;border:1px solid #94a3b852;border-radius:14px;gap:10px;width:calc(100% - 58px);padding:12px;display:grid;position:absolute;top:54px;left:34px;box-shadow:0 16px 32px #1f293724}.client-notification-browser-popover:before{content:"";background:#fff;border-top:1px solid #94a3b852;border-left:1px solid #94a3b852;width:12px;height:12px;position:absolute;top:-6px;left:12px;transform:rotate(45deg)}.client-notification-browser-popover strong{color:var(--color-text);font-size:13px;line-height:20px;display:block}.client-notification-browser-popover span{color:var(--color-text-muted);font-size:12px;line-height:18px}.client-notification-permission-switch{color:#24675c;background:#edf7f3;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;height:32px;padding:0 10px;display:flex}.client-notification-permission-switch span{color:inherit;align-items:center;gap:6px;font-weight:800;display:inline-flex}.client-notification-permission-switch b{color:#fff;background:#65c8b6;border-radius:999px;padding:3px 8px;font-size:12px;line-height:16px}.client-notification-permission-note{border-radius:var(--radius-sm);color:var(--color-text-muted);background:#f7f9fc;padding:9px 10px;font-size:12px;line-height:18px}.client-notification-permission-actions{justify-content:flex-end;gap:8px;display:flex}.client-notification-permission-actions button{border-radius:var(--radius-sm);border:1px solid var(--color-border);height:32px;color:var(--color-text-secondary);transition:background var(--transition-fast);background:0 0;padding:0 16px;font-size:13px;font-weight:700}.client-notification-permission-actions button:hover{background:var(--color-bg-hover)}.client-notification-permission-actions button:disabled{cursor:default;opacity:.58}.client-notification-permission-actions button.primary{background:var(--color-primary);color:#fff;border-color:#0000}.client-notification-permission-actions button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.client-notification-permission-banner{z-index:330;color:#fef3c7;max-width:calc(100vw - 220px);min-height:32px;transition:opacity var(--transition-fast);background:#2d3139f5;border:1px solid #fbbf2459;border-radius:999px;align-items:center;gap:9px;padding:4px 8px 4px 12px;font-size:12px;display:inline-flex;position:fixed;top:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000038}.client-notification-permission-banner span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.client-notification-permission-banner svg{color:#fbbf24;flex:none;width:15px;height:15px}.client-notification-permission-banner button{color:#1f2937;background:#fbbf24;border-radius:999px;height:24px;padding:0 9px;font-size:12px;font-weight:800}.client-notification-permission-banner button.ghost{color:#fef3c7;background:0 0;border:1px solid #fef3c752}.client-notification-permission-confirm-backdrop{z-index:360;background:#0f172a6b;place-items:center;display:grid;position:fixed;inset:0}.client-notification-permission-confirm{border-radius:var(--radius-md);width:min(340px,100vw - 40px);color:var(--color-text);background:#fff;gap:12px;padding:18px;display:grid;box-shadow:0 22px 54px #00000047}.client-notification-permission-confirm strong{font-size:16px;line-height:24px}.client-notification-permission-confirm p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:20px}.client-notification-demo-dock{z-index:250;color:#dce8f6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#20282feb;border:1px solid #7fb1ff2e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(760px,100vw - 140px);padding:9px;display:flex;position:fixed;bottom:18px;left:18px;box-shadow:0 12px 32px #00000047}.client-notification-demo-status{color:#9eadbd;white-space:nowrap;padding:0 6px;font-size:12px}.client-notification-demo-btn{color:#dce8f6;background:#ffffff0a;border:1px solid #7fb1ff33;border-radius:7px;height:28px;padding:0 10px;font-size:12px;font-weight:800}.client-notification-demo-btn:hover{background:#4080ff2e;border-color:#7fb1ff6b}.client-notification-demo-btn.primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.client-notification-demo-btn.mention{color:#fed7aa;background:#f973162e;border-color:#f9731685}.client-notification-demo-btn.call{color:#bbf7d0;background:#22c55e29;border-color:#22c55e85}.client-desktop-toast{z-index:330;color:#111827;opacity:1;width:360px;max-width:calc(100vw - 32px);transition:opacity var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:4px;padding:12px;display:flex;position:fixed;transform:translateY(0);box-shadow:0 16px 44px #00000047}.client-desktop-toast.mac{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7fae0;border:1px solid #ffffff9e;border-radius:16px;top:18px;right:18px}.client-desktop-toast.windows{color:#f0f0f0;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:0;bottom:18px;right:18px}.client-desktop-toast-icon{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.client-desktop-toast-head{color:inherit;opacity:.72;align-items:center;gap:6px;font-size:12px;display:flex}.client-desktop-toast-head span{flex:1}.client-desktop-toast-head time{flex-shrink:0}.client-desktop-toast>strong{color:inherit;font-size:14px;line-height:20px}.client-desktop-toast>p{color:inherit;opacity:.86;margin:0;font-size:13px;line-height:19px}.client-desktop-toast-detail{flex-direction:column;gap:2px;margin-top:2px;display:flex}.client-desktop-toast-detail strong{color:inherit;opacity:.92;font-size:13px;line-height:19px}.client-desktop-toast-detail p{color:inherit;opacity:.78;margin:0;font-size:13px;line-height:19px}.app-client-demo{--app-widget-top:136px;--app-composer-height:54px;--app-primary:#3770f5;--app-primary-light:#ecf2fe;--app-bg:#ededed;--app-white:#fff;--app-text:#1a1d24;--app-text-secondary:#677081;--app-text-muted:#99a0ae;--app-border:#e6e8ed;--app-shadow-sm:0 1px 2px #0000000a;--app-shadow-md:0 4px 12px #00000014;--app-radius-sm:6px;--app-radius-md:10px;--app-radius-lg:16px;color:#242a33;font-synthesis:none;letter-spacing:0;-webkit-font-smoothing:antialiased;background:radial-gradient(at 50% 30%,#e8ecf2 0%,#0000 60%),linear-gradient(175deg,#d5dbe4 0%,#e2e6ec 30%,#dfe3e8 60%,#dce0e6 100%);place-items:center;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:grid;overflow:hidden}.app-client-phone{aspect-ratio:375/780;background:var(--app-bg);color:#252b36;border:1px solid #d5d9e0;border-radius:24px;width:auto;height:min(780px,100vh - 24px);position:relative;overflow:hidden;box-shadow:0 8px 40px #0f141e1f,0 2px 8px #0f141e0f}.app-client-phone:before{display:none}.app-client-system-bar{z-index:8;background:var(--app-white);color:#111318;letter-spacing:0;font-variant-numeric:tabular-nums;grid-template-columns:auto 18px 1fr auto;align-items:center;gap:5px;height:30px;padding:0 20px 0 16px;font-size:11px;font-weight:600;line-height:16px;display:grid;position:relative}.app-client-system-bar>svg{stroke-width:2.5px;width:16px;height:16px}.app-client-system-bar>strong{font-size:12px;font-weight:700;line-height:18px;position:absolute;left:50%;transform:translate(-50%)}.app-client-battery{align-items:center;gap:3px;display:flex}.app-client-battery span{font-size:10px;font-weight:600}.app-client-battery i{border:1.5px solid #252525;border-radius:3px;width:23px;height:11px;padding:1.5px;display:block;position:relative}.app-client-battery i:after{content:"";background:#252525;border-radius:0 2px 2px 0;width:2.5px;height:5px;position:absolute;top:2.5px;right:-3px}.app-client-battery b{background:#252525;border-radius:1.5px;width:100%;height:100%;display:block}.app-client-chat-header{z-index:8;background:var(--app-white);border-bottom:1px solid #0000000f;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;height:48px;display:grid;position:relative;box-shadow:0 1px 3px #00000008}.app-client-chat-header strong{color:#1d2129;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-size:16px;font-weight:700;line-height:24px;overflow:hidden}.app-client-chat-header button{color:#171b22;place-items:center;width:42px;height:42px;transition:opacity .15s;display:grid}.app-client-chat-header button:active{opacity:.6}.app-client-chat-header button svg{stroke-width:2.3px;width:22px;height:22px}.app-client-chat-body{inset:var(--app-widget-top) 0 var(--app-composer-height);transition:bottom var(--transition-fast);background:linear-gradient(#ededed00 0%,#ededed99 100%),repeating-linear-gradient(0deg,#0000,#0000 14px,#00000003 14px 15px);padding:10px 14px 28px;position:absolute;overflow-y:auto}.app-client-day{color:#b0b7c3;text-align:center;font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:11px;line-height:20px}.app-client-day:before,.app-client-day:after{content:"";vertical-align:middle;background:#dce0e6;width:28px;height:1px;margin:0 8px;display:inline-block}.app-client-message-row{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:8px;margin-bottom:8px;display:grid}.app-client-service-avatar{color:#fff;background:linear-gradient(145deg,#4b8af7,#397bf6);border-radius:8px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid;box-shadow:0 2px 6px #397bf633}.app-client-service-avatar.sales{color:#3d5f8d;background:linear-gradient(145deg,#e8edf5,#d7e2f4);border-radius:50%;box-shadow:0 2px 6px #3d5f8d1f}.app-client-message-card{background:#fff;border:1px solid #e0e8f6;border-radius:4px 10px 10px;min-width:0;padding:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.app-client-message-card>strong{color:#242a33;border-bottom:1px dashed #e2e7f0;margin-bottom:8px;padding-bottom:8px;font-size:13px;font-weight:600;line-height:20px;display:block}.app-client-quote-file{background:0 0;border:0;border-radius:0;padding:4px 0 0}.app-client-quote-file>strong{margin-bottom:8px;font-size:13px;display:block}.app-client-file-table{border-top:1px solid #e1e6ef;border-left:1px solid #e1e6ef;border-radius:4px;grid-template-columns:1.3fr 1fr 1fr;display:grid;overflow:hidden}.app-client-file-table span,.app-client-file-table b{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e1e6ef;border-right:1px solid #e1e6ef;min-width:0;padding:5px 4px;font-size:9px;font-weight:500;line-height:13px;overflow:hidden}.app-client-file-table span{color:#8b919e;background:#f8fafc}.app-client-file-table b{color:#303744;font-weight:600}.app-client-quote-file small{color:#687385;margin-top:8px;font-size:9px;line-height:14px;display:block}.app-client-order-time{margin:24px 0 12px}.app-client-order-row{grid-template-columns:38px minmax(0,1fr)}.app-client-order-stack{min-width:0}.app-client-sender{color:#858c96;align-items:center;gap:6px;height:26px;margin-bottom:5px;font-size:12px;display:flex}.app-client-sender span{color:#5a6270;font-weight:600}.app-client-sender em{color:#ee4d3d;background:#ffece9;border-radius:4px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:600;line-height:16px}.app-client-order-card{background:#fff;border:1px solid #dce5f4;border-radius:4px 10px 10px;padding:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.app-client-order-card>strong{color:#242a33;border-bottom:1px dashed #e2e7f0;padding-bottom:8px;font-size:14px;font-weight:600;line-height:21px;display:block}.app-client-order-card dl{gap:4px;margin:8px 0 12px;display:grid}.app-client-order-card dl>div{color:#7d8494;grid-template-columns:74px minmax(0,1fr);font-size:12px;line-height:20px;display:grid}.app-client-order-card dt,.app-client-order-card dd{margin:0}.app-client-order-card dd{color:#2b313d;font-weight:500}.app-client-order-card dd.price{color:var(--app-primary);font-size:14px;font-weight:700}.app-client-order-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-client-order-actions button{color:#f13f3f;background:#fff;border:1px solid #e0e4ec;border-radius:8px;height:36px;font-size:12px;font-weight:600;transition:all .15s}.app-client-order-actions button:active{transform:scale(.97)}.app-client-order-actions button.primary{color:#fff;background:linear-gradient(135deg,#4b8af7,#397bf6);border-color:#0000;box-shadow:0 2px 8px #397bf647}.app-client-widget-strip{z-index:8;background:linear-gradient(180deg, var(--app-white) 0%, #fffffff5 100%);height:58px;padding:8px 8px 0;position:absolute;top:78px;left:0;right:0}.app-client-composer{z-index:5;height:var(--app-composer-height);background:var(--app-white);transition:bottom var(--transition-fast);border-top:1px solid #0000000d;grid-template-columns:42px minmax(0,1fr) 42px 42px;align-items:center;gap:2px;padding:6px 8px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 3px #00000005}.app-client-composer button{color:#5a6170;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.app-client-composer button:active{background:#0000000f}.app-client-composer button svg{stroke-width:2px;width:23px;height:23px}.app-client-composer button.active svg{transform:rotate(45deg)}.app-client-composer-field{background:#f2f3f6;border:1px solid #e8eaef;border-radius:19px;height:38px;transition:background .15s,border-color .15s}.app-client-composer-field:focus-within,.app-client-composer-field:hover{background:#eef0f4;border-color:#d8dce4}.app-client-widget-launcher{display:none}.app-client-phone.tools-open .app-client-chat-body{bottom:264px}.app-client-phone.tools-open .app-client-composer{bottom:210px}.app-client-tool-panel{z-index:4;background:#fafbfc;border-top:1px solid #eef0f3;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:100px;gap:0;height:210px;padding:20px 14px 8px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000008}.app-client-tool-panel button{color:#69717b;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 0;transition:background .15s;display:flex}.app-client-tool-panel button:active{background:#0000000a}.app-client-tool-panel button>span{background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 1px 3px #0000000f}.app-client-tool-panel button svg{stroke-width:1.8px;width:26px;height:26px}.app-client-tool-panel button em{font-size:11px;font-style:normal;font-weight:500;line-height:16px}.app-widget-backdrop{z-index:5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:default;background:#181e2847;border-radius:0;width:100%;height:auto;padding:0;position:absolute;inset:136px 0 0}.app-widget-panel{z-index:6;background:#f7f8fa;border-radius:0 0 14px 14px;height:min(430px,100% - 220px);position:absolute;top:136px;left:0;right:0;overflow:hidden;box-shadow:0 6px 20px #2530401a,0 2px 6px #2530400a}.app-widget-filter{z-index:3;background:#fff;border-bottom:1px solid #e9ecf2;height:94px;padding:10px 12px;position:relative}.app-widget-filter-head{align-items:center;height:22px;margin-bottom:8px;display:flex}.app-widget-filter-head>strong{color:#303746;align-items:center;gap:5px;font-size:12px;font-weight:650;line-height:18px;display:inline-flex}.app-widget-filter-head>strong svg{width:14px;height:14px;color:var(--app-primary)}.app-widget-filter-head>span{color:#9299a6;font-variant-numeric:tabular-nums;margin-left:8px;font-size:10px;line-height:16px}.app-widget-filter-head>button{color:var(--app-primary);margin-left:auto;padding:2px 0 2px 8px;font-size:11px;font-weight:500;line-height:18px}.app-widget-filter-head>button:disabled{color:#c3c8d0;cursor:default}.app-widget-filter-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.app-widget-filter-field{text-align:left;background:#f8f9fb;border:1px solid #e2e6ec;border-radius:7px;grid-template-rows:14px 17px;grid-template-columns:minmax(0,1fr) 14px;align-content:center;column-gap:3px;min-width:0;height:38px;padding:3px 8px;display:grid;overflow:hidden}.app-widget-filter-field>span{color:#9aa1ad;text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;font-size:9px;font-weight:500;line-height:14px;overflow:hidden}.app-widget-filter-field>strong{color:#404754;text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;min-width:0;font-size:11px;font-weight:600;line-height:17px;overflow:hidden}.app-widget-filter-field>svg{color:#8d95a2;grid-area:1/2/3;align-self:center;width:13px;height:13px;transition:transform .15s}.app-widget-filter-field.selected{background:#f3f7ff;border-color:#afc9fd}.app-widget-filter-field.selected>strong{color:#286ce8}.app-widget-filter-field.open{border-color:var(--app-primary);background:#fff;box-shadow:0 0 0 2px #3770f51a}.app-widget-filter-field.open>svg{transform:rotate(180deg)}.app-widget-filter-field:disabled{cursor:default;background:#f6f7f9;border-color:#eceef2}.app-widget-filter-field:disabled>strong,.app-widget-filter-field:disabled>svg{color:#b8bec8}.app-widget-filter-menu{z-index:8;background:#fff;border:1px solid #dfe3ea;border-radius:8px;max-height:150px;padding:5px;position:absolute;top:86px;left:12px;right:12px;overflow-y:auto;box-shadow:0 10px 26px #1d27362e}.app-widget-filter-menu>button{text-align:left;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:40px;padding:5px 8px;display:grid}.app-widget-filter-menu>button+button{margin-top:2px}.app-widget-filter-menu>button:hover{background:#f5f7fa}.app-widget-filter-menu>button>svg{color:#0000;width:15px;height:15px}.app-widget-filter-menu>button>span{align-items:baseline;gap:7px;min-width:0;display:flex}.app-widget-filter-menu>button strong{color:#333b48;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.app-widget-filter-menu>button small{color:#979eaa;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:16px;overflow:hidden}.app-widget-filter-menu>button>em{color:#a0a7b2;text-align:right;font-variant-numeric:tabular-nums;min-width:18px;font-size:10px;font-style:normal;line-height:16px}.app-widget-filter-menu>button.selected{background:#edf4ff}.app-widget-filter-menu>button.selected>svg,.app-widget-filter-menu>button.selected strong{color:var(--app-primary)}.app-widget-tabs{background:var(--app-white);align-items:stretch;gap:0;height:52px;padding:6px 4px 0;display:flex;overflow:hidden}.app-widget-tabs button{color:#737988;letter-spacing:0;border-radius:8px 8px 0 0;flex:1 1 0;align-content:center;justify-items:center;gap:1px;min-width:0;height:44px;margin:0;padding:6px 2px 4px;transition:background .15s,color .15s;display:grid;position:relative}.app-widget-tabs button:hover{background:#3770f50a}.app-widget-tabs button.vertical{justify-content:center;align-self:stretch;align-items:center;gap:0;align-content:unset;background:#fff;border-left:1px solid #e8eaef;border-radius:0;flex:none;width:42px;min-width:42px;height:auto;margin:0;padding:8px 10px;display:flex}.app-widget-tabs button.vertical:after{display:none}.app-widget-tabs button.vertical:hover{background:#3770f50a}.app-widget-tabs button.vertical.active{background:#f7f8fa}.app-widget-tabs button.vertical span{white-space:nowrap;writing-mode:vertical-rl;letter-spacing:1px;color:inherit;font-size:12px;font-weight:600;line-height:16px;display:block}.app-widget-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:3px;transition:background .15s;position:absolute;bottom:0;left:12px;right:12px}.app-widget-tabs button span{white-space:nowrap;letter-spacing:0;font-size:12px;font-weight:600;line-height:18px}.app-widget-tabs button strong{color:#5c6573;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;line-height:18px}.app-widget-tabs button em{color:#fff;font-variant-numeric:tabular-nums;background:#f25b60;border-radius:8px;place-items:center;height:16px;padding:0 4px;font-size:9px;font-style:normal;font-weight:700;line-height:16px;display:grid;position:absolute;top:6px;right:0}.app-widget-tabs button.active{color:#2c3341;background:#f7f8fa}.app-widget-tabs button.active strong{color:var(--app-primary)}.app-widget-tabs button.active:after{background:var(--app-primary)}.app-widget-list{flex-direction:column;gap:8px;height:100%;min-height:0;padding:10px 10px 18px;display:flex;overflow-y:auto}.app-widget-filter+.app-widget-list{height:calc(100% - 94px)}.app-widget-card{min-height:116px;box-shadow:var(--app-shadow-sm);background:#fff;border:1px solid #eef1f7;border-radius:10px;flex:none;grid-template-columns:minmax(0,1fr) 54px;gap:4px;padding:12px 10px 11px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.app-widget-card:active{transform:scale(.985)}.app-widget-card:hover{border-color:#dce4f4;box-shadow:0 2px 8px #3770f514}.app-widget-card-main{min-width:0}.app-widget-card-title{white-space:nowrap;letter-spacing:0;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.app-widget-market{border:1px solid;border-radius:3px;flex:none;align-items:center;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px;display:inline-flex}.app-widget-market.red{color:#ee383d}.app-widget-market.blue{color:#317bee}.app-widget-card-title strong{color:#1d222b;flex:none;font-size:15px;font-weight:700;line-height:22px}.app-widget-code,.app-widget-scale{color:#787f8c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:18px;overflow:hidden}.app-widget-code{flex:none;font-weight:500}.app-widget-scale{color:#8c94a2;text-align:right;flex:auto;min-width:0;margin-left:auto}.app-widget-terms{color:#4e5767;letter-spacing:0;align-items:center;gap:16px;margin-top:3px;font-size:12px;line-height:19px;display:flex}.app-widget-terms span{font-weight:500}.app-widget-rules{color:var(--app-primary);letter-spacing:0;align-items:center;gap:10px;margin-top:4px;font-size:11px;line-height:17px;display:flex}.app-widget-rules span{background:var(--app-primary-light);border-radius:3px;align-items:center;padding:1px 6px;font-weight:500;display:inline-flex}.app-widget-progress{color:#626a76;letter-spacing:0;font-variant-numeric:tabular-nums;align-items:center;gap:3px;height:22px;margin-top:5px;font-size:12px;line-height:19px;display:flex}.app-widget-progress-dot{background:#34c759;border-radius:50%;width:6px;height:6px;margin-right:3px;box-shadow:0 0 0 2px #34c7592e}.app-widget-progress strong{color:#3d444e;font-weight:600}.app-widget-update-count,.app-widget-update-label{color:#fff;background:#f25b60;border-radius:5px;align-items:center;height:20px;padding:0 5px;font-size:10px;font-weight:600;line-height:18px;display:inline-flex}.app-widget-update-count{margin-left:2px}.app-widget-update-label{margin-right:2px}.app-widget-favorite{width:54px;min-height:70px;color:var(--app-primary);letter-spacing:0;flex-direction:column;align-items:center;gap:2px;padding-top:6px;font-size:10px;font-weight:600;line-height:18px;transition:color .15s;display:flex}.app-widget-favorite:active{opacity:.65}.app-widget-favorite-icon{place-items:center;width:32px;height:30px;display:grid;position:relative}.app-widget-favorite-icon>svg:first-child{stroke-width:1.8px;width:28px;height:28px}.app-widget-favorite-icon>svg:last-child:not(:first-child){stroke-width:3px;background:#fff;border-radius:50%;width:13px;height:13px;padding:1.5px;position:absolute;top:-1px;right:-2px;box-shadow:0 1px 2px #0000001a}.app-widget-favorite.active{color:#ed3439}.app-widget-favorite.active .app-widget-favorite-icon>svg:first-child{fill:currentColor}.app-widget-empty{color:#b0b7c3;place-content:center;justify-items:center;gap:8px;min-height:220px;font-size:13px;display:grid}.app-widget-empty svg{stroke-width:1.5px;color:#c8ced8;width:32px;height:32px}.app-widget-empty button{color:var(--app-primary);margin-top:2px;padding:5px 10px;font-size:11px;font-weight:600;line-height:18px}@media (height<=760px){.app-widget-panel{height:min(430px,100% - 220px)}}@media (width<=600px){body{min-width:0}.app-client-demo{background:var(--app-bg);width:100vw;min-width:0}.app-client-phone{width:100vw;max-width:100vw;height:100vh;box-shadow:none;border:0;border-radius:0}.app-client-phone:before{display:none}}.client-account-page{--account-page:#23292d;--account-sidebar:#111416;--account-topbar:#1c2023;--account-panel:#101314;--account-panel-soft:#171b1d;--account-border:#2b3135;--account-border-strong:#363d42;--account-text:#f2f5f7;--account-muted:#8e9aa4;--account-dim:#65717a;--account-blue:#248cf0;background:var(--account-page);width:100vw;height:100vh;color:var(--account-text);grid-template-columns:74px minmax(0,1fr);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;display:grid;overflow:hidden}.account-sidebar{z-index:5;background:var(--account-sidebar);border-right:1px solid #202528;flex-direction:column;min-height:0;display:flex;position:relative}.account-logo{color:#fff;letter-spacing:0;background:#208ff6;border-radius:5px;flex:none;place-items:center;width:36px;height:36px;margin:14px auto 34px;font-size:10px;font-weight:800;display:grid;box-shadow:0 5px 14px #197ee23d}.account-sidebar-main,.account-sidebar-bottom{flex-direction:column;align-items:stretch;display:flex}.account-sidebar-main{gap:28px}.account-sidebar-main button,.account-sidebar-bottom button{color:#778490;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:68px;display:flex;position:relative}.account-sidebar-main button:hover,.account-sidebar-bottom button:hover{color:#cbd5dd}.account-sidebar-main button.active{color:#f7f9fb}.account-sidebar-main button.active:before{content:"";background:var(--account-blue);border-radius:0 2px 2px 0;width:3px;height:40px;position:absolute;top:14px;left:0}.account-sidebar-main button svg,.account-sidebar-bottom button svg{width:22px;height:22px}.account-sidebar-main button.active svg{background:var(--account-blue);color:#fff;border-radius:5px;width:32px;height:32px;padding:6px}.account-sidebar-main button span{font-size:12px;line-height:16px}.account-sidebar-bottom{gap:0;margin-top:auto;padding-bottom:12px}.account-sidebar-bottom button{height:64px}.account-sidebar-bottom .account-avatar{margin-bottom:10px}.account-sidebar-bottom .account-avatar svg{color:#fff;background:#91c9e8;border:3px solid #e5f4ff;border-radius:50%;width:38px;height:38px;padding:8px}.account-sidebar-bottom .account-avatar:after{content:"";border:2px solid var(--account-sidebar);background:#29c989;border-radius:50%;width:9px;height:9px;position:absolute;top:11px;right:21px}.account-shell{flex-direction:column;min-width:0;min-height:0;display:flex}.account-topbar{background:var(--account-topbar);border-bottom:1px solid #30363a;justify-content:space-between;align-items:stretch;gap:18px;height:62px;min-height:62px;padding:0 16px;display:flex}.account-topbar-left,.account-topbar-right,.account-topnav{align-items:center;min-width:0;display:flex}.account-topbar-left{flex:auto;overflow:hidden}.account-menu-button{color:#8e9aa4;border-radius:4px;flex:none;place-items:center;width:34px;height:34px;margin-right:18px;display:grid}.account-menu-button:hover{color:#e7edf1;background:#272d31}.account-menu-button svg{width:20px;height:20px}.account-topnav{align-self:stretch;gap:2px;overflow:hidden}.account-topnav button{color:#9ca7b0;white-space:nowrap;flex:none;align-items:center;gap:6px;height:62px;padding:0 17px;display:inline-flex;position:relative}.account-topnav button:hover,.account-topnav button.active{color:#eaf2f8;background:#ffffff05}.account-topnav button.active{color:var(--account-blue)}.account-topnav button.active:after{content:"";background:var(--account-blue);height:2px;position:absolute;bottom:0;left:0;right:0}.account-topnav button svg{width:15px;height:15px}.account-topbar-right{white-space:nowrap;flex:none;gap:12px}.account-market-clock{color:#f0e4c8;background:#4d3b1d;border-radius:4px;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.account-market-clock svg{fill:#ffc62c;color:#ffc62c;width:14px;height:14px}.account-market-clock i{background:#ffebbe47;width:1px;height:15px;margin:0 3px;display:block}.account-link-button,.account-notice-button{color:#d8e0e6;border-radius:17px;align-items:center;gap:6px;height:34px;display:inline-flex}.account-link-button{text-underline-offset:3px;padding:0 2px;text-decoration:underline}.account-notice-button{border:1px solid #3e464c;padding:0 13px}.account-link-button:hover,.account-notice-button:hover{color:#fff;background:#292f33}.account-link-button svg,.account-notice-button svg{width:15px;height:15px}.account-topbar-right>strong{color:#dce4ea;font-size:13px;font-weight:600}.account-content{background:var(--account-page);flex:1;grid-template-rows:218px minmax(0,1fr);gap:16px;min-height:0;padding:16px;display:grid;overflow:hidden}.account-overview-grid{grid-template-columns:minmax(690px,2.35fr) minmax(360px,1fr);gap:16px;min-width:0;display:grid}.account-panel{background:var(--account-panel);border:1px solid #252a2d;border-radius:4px;min-width:0}.account-panel h2{color:#f0f4f6;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:650;line-height:22px;display:flex}.account-panel h2 svg{color:#9aa6af;width:15px;height:15px}.account-balance-panel{padding:18px 20px 0;overflow:hidden}.account-balance-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.account-balance-tile{border-radius:4px;min-width:0;height:118px;padding:12px 16px;position:relative;overflow:hidden}.account-balance-tile.hkd{background:linear-gradient(105deg,#172b43 0%,#1f3b60 58%,#14243a 100%)}.account-balance-tile.cny{background:linear-gradient(105deg,#2a2117 0%,#423322 58%,#251e17 100%)}.account-balance-tile.usd{background:linear-gradient(105deg,#102929 0%,#183838 58%,#102526 100%)}.account-balance-title{z-index:1;color:#bbc7d0;align-items:center;gap:7px;font-size:13px;display:flex;position:relative}.account-balance-title small{color:#72818c;font-size:12px}.account-flag{border-radius:50%;flex:none;place-items:center;width:13px;height:13px;font-size:7px;font-style:normal;line-height:13px;display:inline-grid;position:relative;overflow:hidden}.account-flag.hk{background:#e34a58}.account-flag.hk:after{content:"✦";color:#fff}.account-flag.cn{background:#e54b3e}.account-flag.cn:after{content:"★";color:#ffd341}.account-flag.us{background:repeating-linear-gradient(#d94b4b 0 2px,#f2f2ef 2px 4px)}.account-flag.us:after{content:"";background:#3d6396;width:7px;height:7px;position:absolute;top:0;left:0}.account-balance-tile>strong{z-index:1;color:#f8fbfd;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:23px;font-weight:700;line-height:29px;display:block;position:relative;overflow:hidden}.account-pending-balance{z-index:1;color:#aebac2;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;padding-top:7px;font-size:12px;line-height:17px;display:flex;position:relative}.account-pending-balance strong{color:#e8eef2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:650;overflow:hidden}.account-balance-tile>b{color:#ffffff09;font-family:Georgia,serif;font-size:90px;font-weight:800;line-height:100px;position:absolute;bottom:-24px;right:-4px;transform:rotate(8deg)}.account-balance-note{color:#89969f;align-items:flex-start;gap:6px;min-height:20px;margin:8px 2px 0;font-size:12px;line-height:18px;display:flex}.account-balance-note svg{color:#a6b1b9;flex:none;width:13px;height:13px;margin-top:2px}.account-quick-actions{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;height:59px;margin-top:1px;display:grid}.account-quick-actions button{color:#dbe3e8;white-space:nowrap;align-items:center;gap:9px;min-width:0;height:40px;padding:0 8px;display:flex;position:relative}.account-quick-actions button:not(:last-child):after{content:"";background:#353c40;width:1px;height:20px;position:absolute;top:10px;right:0}.account-quick-actions button:hover{background:#171b1d}.account-quick-actions button>i{color:#fff;border-radius:5px;flex:none;place-items:center;width:21px;height:21px;font-style:normal;display:grid}.account-quick-actions button>i svg{width:14px;height:14px}.account-quick-actions i.coral{background:#ff5a3d}.account-quick-actions i.gold{background:#e9a634}.account-quick-actions i.teal{background:#2ebea7}.account-quick-actions i.blue{background:#3d79d6}.account-quick-actions i.purple{background:#9145cf}.account-quick-actions i.sky{background:#4c8ae8}.account-quick-actions button>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.account-quick-actions button>svg{color:#8c969e;flex:none;width:14px;height:14px}.account-quota-panel{padding:18px 20px}.account-panel-heading{justify-content:space-between;align-items:center;display:flex}.account-panel-heading>button{color:#e3e9ed;align-items:center;gap:2px;font-size:13px;display:inline-flex}.account-panel-heading>button:hover{color:var(--account-blue)}.account-panel-heading>button svg{width:14px;height:14px}.account-quota-label{color:#cbd5dc;align-items:center;gap:8px;margin-top:17px;font-size:13px;font-weight:650;display:flex}.account-quota-label button{color:#b9c4cc;border:1px solid #343b40;border-radius:14px;align-items:center;gap:5px;height:27px;padding:0 9px;font-size:12px;display:inline-flex}.account-quota-label button svg{width:13px;height:13px}.account-quota-value{align-items:center;gap:12px;margin-top:11px;display:flex}.account-quota-value strong{color:#f8fbfd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:25px;font-weight:750;line-height:32px;overflow:hidden}.account-quota-value button{background:var(--account-blue);color:#fff;border-radius:3px;flex:none;height:32px;padding:0 10px;font-size:13px;font-weight:650}.account-quota-value button:hover,.account-primary-button:hover,.account-modal-actions button.primary:hover{background:#147bdd}.account-quota-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 0;display:grid}.account-quota-metrics div{min-width:0}.account-quota-metrics dt{color:#87939c;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;font-size:12px;position:relative;overflow:hidden}.account-quota-metrics dt:before{content:"";background:#56616a;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:0}.account-quota-metrics dd{color:#f0f4f6;margin:10px 0 0;font-size:17px;font-weight:700;line-height:22px}.account-record-panel{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.account-record-filters{align-items:flex-end;gap:16px;margin:20px 0 24px;display:flex}.account-record-filters>label{align-items:center;gap:9px;display:flex}.account-record-filters label>span{color:#a7b1b9;white-space:nowrap;font-size:13px}.account-record-filters select,.account-month-filter>div,.account-modal select,.account-modal input{color:#e5ebef;height:34px;font:inherit;background:#101314;border:1px solid #343b40;border-radius:4px;outline:none}.account-record-filters select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:196px;padding:0 12px}.account-record-filters select:focus,.account-month-filter>div:focus-within,.account-modal select:focus,.account-modal input:focus{border-color:var(--account-blue)}.account-month-filter>div{align-items:center;gap:7px;width:196px;padding:0 10px;display:flex}.account-month-filter>div svg{color:#717d86;width:15px;height:15px}.account-month-filter input{color:#9ba6ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1}.account-primary-button,.account-reset-button{border-radius:3px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.account-primary-button{background:var(--account-blue);color:#fff}.account-reset-button{color:#2b96f2;border:1px solid #087bdc}.account-primary-button svg,.account-reset-button svg{width:14px;height:14px}.account-reset-button:hover{background:#248cf01a}.account-record-table-wrap{background:#101314;flex:1;min-height:0;position:relative;overflow:auto}.account-record-table{border-collapse:collapse;table-layout:fixed;width:100%}.account-record-table th{background:var(--account-panel-soft);color:#66727b;text-align:left;height:33px;padding:0 8px;font-size:12px;font-weight:500}.account-record-table th:first-child,.account-record-table th:nth-child(2),.account-record-table th:nth-child(3){width:31%}.account-record-table th:nth-child(4){width:7%}.account-record-table td{color:#b8c3cb;border-bottom:1px solid #202528;height:48px;padding:0 8px;font-size:13px}.account-record-table tbody tr:hover{background:#15191b}.account-record-table td:nth-child(2) span{color:#e3e9ed;min-width:70px;margin-right:10px;display:inline-block}.account-record-table td.positive{color:#55c89a}.account-record-table td.negative{color:#ee7b74}.account-record-table td button{color:#3e9bf1}.account-empty-state{color:#4e5961;justify-items:center;gap:8px;font-size:12px;display:grid;position:absolute;top:86px;left:50%;transform:translate(-50%)}.account-empty-state svg{stroke-width:1.4px;width:30px;height:30px}.account-modal-backdrop{z-index:500;background:#00000094;place-items:center;display:grid;position:fixed;inset:0}.account-modal{color:#e8edf1;background:#1a1f22;border:1px solid #394147;border-radius:6px;gap:18px;width:min(430px,100vw - 40px);padding:20px;display:grid;box-shadow:0 24px 64px #00000073}.account-modal-head{justify-content:space-between;align-items:center;display:flex}.account-modal-head strong{font-size:16px}.account-modal-head button{color:#8e9aa4;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.account-modal-head button:hover{color:#fff;background:#2a3034}.account-modal>label{color:#a7b1b9;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px;display:grid}.account-modal select,.account-modal input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;padding:0 10px}.account-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.account-modal-actions button{border:1px solid #3a4248;border-radius:4px;height:34px;padding:0 16px}.account-modal-actions button.primary{border-color:var(--account-blue);background:var(--account-blue);color:#fff}.account-history-modal{width:min(560px,100vw - 40px)}.account-history-row{color:#929da5;border:1px solid #2c3338;border-radius:4px;grid-template-columns:1.3fr 1fr 90px;align-items:center;gap:12px;min-height:48px;padding:0 10px;display:grid}.account-history-row strong{color:#e4eaf0;font-size:13px}.account-history-row em{color:#58c99a;justify-content:flex-end;align-items:center;gap:5px;font-size:12px;font-style:normal;display:inline-flex}.account-history-row em svg{width:14px;height:14px}.account-feedback{z-index:600;color:#b9f1d8;background:#1e302b;border:1px solid #4dc99747;border-radius:5px;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:13px;display:inline-flex;position:fixed;top:76px;left:calc(50% + 37px);transform:translate(-50%);box-shadow:0 10px 28px #00000047}.account-feedback svg{color:#4dc997;width:16px;height:16px}@media (width<=1680px){.account-topnav button{padding:0 11px}.account-market-clock{display:none}.account-record-filters{gap:18px}.account-record-filters select,.account-month-filter>div{width:176px}}@media (width<=1280px){.client-account-page{grid-template-columns:64px minmax(0,1fr)}.account-topnav button{padding:0 8px}.account-topnav button svg,.account-topbar-right>strong,.account-link-button{display:none}.account-overview-grid{grid-template-columns:minmax(650px,2fr) minmax(330px,1fr)}.account-balance-tile>strong,.account-quota-value strong{font-size:21px}.account-quick-actions button{gap:5px;padding:0 5px;font-size:12px}}.account-record-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-record-heading-main{align-items:center;gap:12px;min-width:0;display:flex}.account-record-heading-actions{align-items:center;gap:10px;display:flex}.account-history-button,.account-export-button{border-radius:3px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.account-history-button{color:#b3bec6;border:1px solid #354047}.account-preview-demo-button{color:#909ba2;background:0 0;border:1px dashed #566168;border-radius:3px;flex:none;align-items:center;gap:5px;height:26px;padding:0 7px;font-size:11px;display:inline-flex}.account-export-button{background:var(--account-blue);color:#fff}.account-history-button:hover{color:#e9eff3;background:#1b2226;border-color:#527082}.account-preview-demo-button:hover{color:#c4cdd2;background:#ffffff09;border-color:#77838a}.account-preview-demo-button svg{width:13px;height:13px}.account-preview-demo-button em{color:#c8a14c;letter-spacing:0;background:#dbab3914;border:1px solid #dbab395c;border-radius:2px;padding:1px 4px;font-size:8px;font-style:normal;font-weight:700;line-height:12px}.account-export-button:hover{background:#147bdd}.account-history-button svg,.account-export-button svg{width:14px;height:14px}.statement-drawer-backdrop{z-index:460;background:#0000006b;justify-content:flex-end;display:flex;position:fixed;inset:0}.statement-drawer{background:#171c1f;border-left:1px solid #3b454b;flex-direction:column;width:min(540px,100vw);height:100%;display:flex;overflow:hidden;box-shadow:-18px 0 48px #00000059}.statement-drawer-head{border-bottom:1px solid #2a3237;justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex}.statement-drawer-head strong{color:#f2f6f8;font-size:18px;font-weight:700}.statement-drawer-title{align-items:center;gap:9px;display:flex}.statement-drawer-title span{color:#d2aa50;letter-spacing:0;background:#dbab3917;border:1px solid #dbab396b;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700;line-height:14px}.statement-drawer-head>button,.statement-password-head>button{color:#8d9aa3;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.statement-drawer-head>button:hover,.statement-password-head>button:hover{color:#fff;background:#273035}.statement-drawer-head>button svg,.statement-password-head>button svg{width:18px;height:18px}.statement-drawer-tabs{border-bottom:1px solid #2a3237;align-items:stretch;gap:24px;height:48px;padding:0 22px;display:flex}.statement-drawer-tabs button{color:#7f8c95;align-items:center;gap:6px;font-size:13px;display:inline-flex;position:relative}.statement-drawer-tabs button:hover,.statement-drawer-tabs button.active{color:#edf3f6}.statement-drawer-tabs button.active:after{content:"";background:var(--account-blue);height:2px;position:absolute;bottom:0;left:0;right:0}.statement-drawer-tabs button span{color:#aebac2;background:#2a343a;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:inline-grid}.statement-drawer-tabs button.active span{color:#66b4ff;background:#248cf033}.statement-apply-form{flex-direction:column;gap:24px;min-height:0;padding:24px 22px 28px;display:flex;overflow-y:auto}.statement-scope-note{border:1px solid #334047;border-left:3px solid var(--account-blue);color:#aebbc3;background:#1b2226;border-radius:4px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.65;display:flex}.statement-scope-note svg{color:#66b4ff;flex:none;width:15px;height:15px;margin-top:2px}.statement-field{gap:10px;display:grid}.statement-field>label,.statement-field-label-row>label{color:#d8e1e7;font-size:13px;font-weight:650}.statement-field-label-row{justify-content:space-between;align-items:center;display:flex}.statement-field-label-row>span{color:#73818a;font-size:12px}.statement-mode-switch{background:#101416;border:1px solid #354047;border-radius:4px;grid-template-columns:1fr 1fr;height:38px;padding:3px;display:grid}.statement-mode-switch button{color:#87949d;border-radius:2px;font-size:13px}.statement-mode-switch button:hover{color:#e3ebef}.statement-mode-switch button.active{color:#62b1fb;background:#2d3f4c;box-shadow:inset 0 0 0 1px #248cf052}.statement-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.statement-year-select{color:#d8e2e7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:38px;font:inherit;background:#101416;border:1px solid #354047;border-radius:4px;outline:none;padding:0 10px;font-size:13px}.statement-year-select:focus{border-color:var(--account-blue)}.statement-month-grid button{color:#9aa6ae;border:1px solid #354047;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:38px;font-size:12px;display:inline-flex}.statement-month-grid button:hover{color:#e8eef1;border-color:#4a697b}.statement-month-grid button.selected{border-color:var(--account-blue);color:#69b6ff;background:#248cf024}.statement-month-grid button.disabled,.statement-month-grid button.disabled:hover{color:#4e5a61;cursor:not-allowed;background:#151a1c;border-color:#2a3236}.statement-month-grid button svg{width:13px;height:13px}.statement-form-meta{color:#73818a;align-items:center;gap:7px;font-size:12px;display:flex}.statement-form-meta svg{color:#5b9bd1;width:14px;height:14px}.statement-date-range{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;display:grid}.statement-date-range input{color:#d7e0e5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:38px;font:inherit;background:#101416;border:1px solid #354047;border-radius:4px;outline:none;padding:0 10px;font-size:12px}.statement-date-range input:focus{border-color:var(--account-blue)}.statement-date-range>span{color:#73818a;font-size:12px}.statement-email-field{color:#dce5ea;background:#101416;border:1px solid #354047;border-radius:4px;align-items:center;gap:8px;min-height:38px;padding:0 11px;display:flex}.statement-email-field svg{color:#7f99ac;width:15px;height:15px}.statement-email-field em{color:#65747e;margin-left:auto;font-size:11px;font-style:normal}.statement-submit-button{background:var(--account-blue);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:7px;height:40px;margin-top:4px;font-size:13px;font-weight:650;display:inline-flex}.statement-submit-button:hover{background:#147bdd}.statement-submit-button svg{width:15px;height:15px}.statement-form-error{color:#f19a8e;background:#9d373024;border:1px solid #ef7e7147;border-radius:4px;align-items:center;gap:7px;min-height:30px;padding:7px 9px;font-size:12px;display:flex}.statement-form-error svg{flex:none;width:14px;height:14px}.statement-history-list{flex-direction:column;gap:12px;min-height:0;padding:20px 22px 28px;display:flex;overflow-y:auto}.statement-history-item{background:#1c2225;border:1px solid #303a40;border-radius:4px;gap:12px;padding:15px;display:grid}.statement-history-item-head,.statement-history-meta,.statement-history-recipient{justify-content:space-between;align-items:center;gap:12px;display:flex}.statement-history-item-head strong{color:#e9eff2;font-size:14px}.statement-status{border-radius:12px;align-items:center;height:23px;padding:0 8px;font-size:11px;display:inline-flex}.statement-status.success{color:#63d3a6;background:#39be8b24}.statement-status.processing,.statement-status.pending{color:#70b9f3;background:#3795e524}.statement-history-periods{flex-wrap:wrap;gap:6px;display:flex}.statement-history-periods span{color:#b6c2ca;background:#273137;border-radius:3px;padding:4px 7px;font-size:11px}.statement-history-meta,.statement-history-recipient{color:#7d8a93;font-size:11px}.statement-history-meta time{color:#68757e}.statement-history-recipient{border-top:1px solid #2b3439;justify-content:flex-start;gap:6px;padding-top:2px}.statement-history-recipient svg{color:#7197b1;width:14px;height:14px}.statement-demo-library{align-content:start;gap:14px;min-height:0;padding:24px 22px 28px;display:grid;overflow-y:auto}.statement-demo-notice{color:#9ba5aa;background:#ffffff06;border:1px dashed #5b6265;border-radius:3px;align-items:flex-start;gap:9px;padding:10px 11px;display:flex}.statement-demo-notice>svg{color:#c6a251;flex:none;width:15px;height:15px;margin-top:1px}.statement-demo-notice>div{gap:3px;display:grid}.statement-demo-notice strong{color:#d7dde0;font-size:12px}.statement-demo-notice span{font-size:11px;line-height:17px}.statement-demo-library-head{border-bottom:1px solid #2c363c;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.statement-demo-library-icon{color:#69b8fb;background:#248cf029;border-radius:4px;flex:none;place-items:center;width:36px;height:36px;display:grid}.statement-demo-library-icon svg{width:18px;height:18px}.statement-demo-library-head strong{color:#edf3f6;font-size:15px}.statement-demo-library-head p{color:#84939c;margin:5px 0 0;font-size:12px;line-height:18px}.statement-demo-file{background:#1b2226;border:1px solid #303b42;border-radius:5px;gap:14px;padding:15px;display:grid}.statement-demo-file-meta{align-items:center;gap:11px;min-width:0;display:flex}.statement-demo-language{border-radius:3px;flex:none;place-items:center;width:34px;height:26px;font-size:11px;font-weight:700;display:inline-grid}.statement-demo-language.en{color:#7dc0f8;background:#248cf02e}.statement-demo-language.zh{color:#86d6a8;background:#5eb78924}.statement-demo-file-meta>div{gap:3px;min-width:0;display:grid}.statement-demo-file-meta strong{color:#e5edf1;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.statement-demo-file-meta small{color:#7e8d96;font-size:11px}.statement-demo-file a{color:#fff;background:#1d76c1;border-radius:4px;justify-content:center;align-items:center;gap:7px;height:36px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.statement-demo-file a:hover{background:#2388df}.statement-demo-file a svg{width:15px;height:15px}.statement-demo-source{color:#77909f;align-items:flex-start;gap:7px;margin:2px 0 0;font-size:11px;line-height:17px;display:flex}.statement-demo-source svg{color:#64b6f5;flex:none;width:14px;height:14px;margin-top:1px}.statement-password-backdrop{z-index:620;background:#000000a3;place-items:center;display:grid;position:fixed;inset:0}.statement-password-modal{background:#1b2226;border:1px solid #3a464d;border-radius:6px;gap:12px;width:min(390px,100vw - 32px);padding:20px;display:grid;box-shadow:0 24px 68px #00000075}.statement-password-head{justify-content:space-between;align-items:flex-start;display:flex}.statement-password-icon{color:#65b5fc;background:#248cf029;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.statement-password-icon svg{width:18px;height:18px}.statement-password-modal>strong{color:#f0f5f7;font-size:17px}.statement-password-modal>p{color:#85939c;margin:-3px 0 3px;font-size:12px;line-height:19px}.statement-password-modal>label{color:#c9d4db;font-size:12px}.statement-password-modal>input{color:#ecf3f6;width:100%;height:40px;font:inherit;background:#101416;border:1px solid #3a464d;border-radius:4px;outline:none;padding:0 11px}.statement-password-modal>input:focus{border-color:var(--account-blue)}.statement-password-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.statement-password-actions button{color:#b5c0c7;border:1px solid #3b474e;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;display:inline-flex}.statement-password-actions button:hover{color:#eef4f6;background:#273137}.statement-password-actions button.primary{border-color:var(--account-blue);background:var(--account-blue);color:#fff}.statement-password-actions button.primary:hover{background:#147bdd}.statement-password-actions button svg{width:14px;height:14px}.statement-confirm-backdrop{z-index:620;background:#000000a3;place-items:center;display:grid;position:fixed;inset:0}.statement-confirm-modal{background:#1b2226;border:1px solid #3a464d;border-radius:6px;gap:12px;width:min(440px,100vw - 32px);padding:20px;display:grid;box-shadow:0 24px 68px #00000075}.statement-confirm-head{justify-content:space-between;align-items:flex-start;display:flex}.statement-confirm-icon{color:#65b5fc;background:#248cf029;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.statement-confirm-icon svg{width:18px;height:18px}.statement-confirm-head>button{color:#85939c;background:0 0;border:none;border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.statement-confirm-head>button:hover{color:#eef4f6;background:#273137}.statement-confirm-head>button svg{width:15px;height:15px}.statement-confirm-modal>strong{color:#f0f5f7;font-size:17px}.statement-confirm-modal>p{color:#85939c;margin:-3px 0 3px;font-size:12px;line-height:19px}.statement-confirm-summary{background:#141a1e;border:1px solid #334047;border-radius:5px;gap:8px;margin:0;padding:12px;display:grid}.statement-confirm-summary div{align-items:flex-start;gap:10px;font-size:12px;line-height:19px;display:flex}.statement-confirm-summary dt{color:#85939c;flex:none;width:58px}.statement-confirm-summary dd{color:#ecf3f6;word-break:break-all;margin:0}.statement-confirm-tip{color:#e8c766;background:#f4b4001f;border-radius:4px;align-items:flex-start;gap:7px;padding:9px 11px;font-size:12px;line-height:18px;display:flex}.statement-confirm-tip svg{flex:none;width:14px;height:14px;margin-top:2px}.statement-confirm-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.statement-confirm-actions button{color:#b5c0c7;border:1px solid #3b474e;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;display:inline-flex}.statement-confirm-actions button:hover{color:#eef4f6;background:#273137}.statement-confirm-actions button.primary{border-color:var(--account-blue);background:var(--account-blue);color:#fff}.statement-confirm-actions button.primary:hover{background:#147bdd}.statement-confirm-actions button svg{width:14px;height:14px}@media (width<=640px){.account-record-heading{flex-direction:column;align-items:stretch;gap:9px}.account-record-heading-main{flex-wrap:nowrap;justify-content:space-between;gap:7px}.account-record-heading-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.account-history-button,.account-export-button{white-space:nowrap;width:100%;padding:0 8px}.statement-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-email-field{flex-wrap:wrap;padding:8px 11px}.statement-email-field em{width:100%;margin-left:23px}}
