:root{--bg: #0f172a;--card: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--blue: #38bdf8;--purple: #c084fc;--green: #34d399;--orange: #fb923c;--red: #f87171;--cyan: #22d3ee}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow:hidden}#root{height:100vh}.cs-workspace{display:flex;flex-direction:column;height:100vh}.cs-header{display:flex;align-items:center;gap:12px;padding:6px 14px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.cs-logo{font-size:.88rem;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.cs-filters{display:flex;gap:6px;margin-left:auto}.cs-muted{font-size:.72rem;color:var(--muted)}.cs-check-label{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--muted);cursor:pointer}.cs-check-label input{accent-color:var(--blue)}.cs-sep{width:1px;height:14px;background:var(--border);margin:0 4px}.cs-tag{display:inline-block;padding:1px 5px;border-radius:4px;font-size:.64rem;font-weight:600;white-space:nowrap}.cs-tag.orange{background:#fb923c26;color:var(--orange)}.cs-tag.green{background:#34d39926;color:var(--green)}.cs-tag.blue{background:#38bdf826;color:var(--blue)}.cs-tag.purple{background:#c084fc26;color:var(--purple)}.cs-tag.red{background:#f8717126;color:var(--red)}.cs-btn{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:.76rem;font-weight:600;cursor:pointer;border:none;transition:all .1s}.cs-btn:hover{opacity:.85}.cs-btn:disabled{opacity:.4;cursor:not-allowed}.cs-btn-primary{background:var(--blue);color:#0f172a}.cs-body{display:flex;flex:1;overflow:hidden}.cs-col-top{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:.76rem;font-weight:700;color:var(--muted);border-bottom:1px solid var(--border);flex-shrink:0}.cs-col-scroll{flex:1;overflow-y:auto}.cs-icon-btn{background:none;border:none;cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:4px}.cs-icon-btn:hover{background:#ffffff0d}.cs-search-sm{width:100%;background:#33415580;border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--text);font-size:.74rem;outline:none;flex:1;margin-right:4px}.cs-search-sm::placeholder{color:var(--muted)}.cs-search-sm:focus{border-color:var(--blue)}.cs-accounts{width:200px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column}.cs-acc-item{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .1s}.cs-acc-item:hover{background:#38bdf80a}.cs-acc-item.active{background:#38bdf814;border-left:3px solid var(--blue)}.cs-acc-top{display:flex;justify-content:space-between;align-items:center}.cs-acc-name{font-size:.76rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-acc-badge{background:var(--blue);color:#0f172a;font-size:.6rem;font-weight:700;padding:0 5px;border-radius:8px;line-height:1.6;flex-shrink:0}.cs-acc-meta{display:flex;gap:4px;align-items:center;margin-top:2px}.cs-acc-count{font-size:.64rem;color:var(--muted)}.cs-acc-time{font-size:.64rem;color:var(--muted);margin-top:1px}.cs-list{width:260px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column}.cs-item{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .1s}.cs-item:hover{background:#38bdf80a}.cs-item.active{background:#38bdf814;border-left:3px solid var(--blue)}.cs-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.cs-item-id{font-size:.74rem;font-weight:600;color:var(--text);font-family:monospace}.cs-item-time{font-size:.66rem;color:var(--muted)}.cs-item-preview{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.cs-item-tags{display:flex;gap:3px;flex-wrap:wrap}.cs-item-orders{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.cs-chat{flex:1;display:flex;flex-direction:column;background:var(--bg);min-width:0}.cs-chat-head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;gap:8px}.cs-chat-title{display:flex;align-items:center;gap:6px;font-size:.82rem;flex-wrap:wrap}.cs-chat-title strong{font-family:monospace;font-size:.78rem}.cs-messages{flex:1;overflow-y:auto;padding:12px 16px}.cs-msg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:var(--muted);font-size:.82rem}.cs-spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cs-time-divider{text-align:center;margin:12px 0}.cs-time-divider span{background:#33415599;padding:2px 8px;border-radius:8px;font-size:.66rem;color:var(--muted)}.cs-bubble-row{display:flex;margin-bottom:10px;gap:6px;max-width:75%}.cs-bubble-left{align-self:flex-start}.cs-bubble-right{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.cs-avatar{width:28px;height:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;margin-top:16px}.cs-avatar-blue{background:#38bdf833;color:var(--blue)}.cs-avatar-purple{background:#c084fc33;color:var(--purple)}.cs-avatar-green{background:#34d39933;color:var(--green)}.cs-bubble-content{display:flex;flex-direction:column;min-width:0}.cs-bubble-sender{display:flex;align-items:center;gap:5px;margin-bottom:2px}.cs-bubble-right .cs-bubble-sender{flex-direction:row-reverse}.cs-sender-name{font-size:.68rem;font-weight:600}.cs-sender-blue{color:var(--blue)}.cs-sender-purple{color:var(--purple)}.cs-sender-green{color:var(--green)}.cs-bubble-ts{font-size:.62rem;color:var(--muted)}.cs-bubble{padding:8px 12px;border-radius:10px;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.cs-bubble-left-bg{background:var(--card);border:1px solid var(--border);border-top-left-radius:3px}.cs-bubble-right-bg{background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-top-right-radius:3px}.cs-bubble-images{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.cs-thumb{width:90px;height:90px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid var(--border);transition:transform .1s}.cs-thumb:hover{transform:scale(1.05);border-color:var(--blue)}.cs-img-placeholder{width:90px;height:90px;border-radius:6px;border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:#3341554d;transition:border-color .1s}.cs-img-placeholder:hover{border-color:var(--blue)}.cs-img-icon{font-size:1.2rem;opacity:.6}.cs-img-name{font-size:.56rem;color:var(--muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.cs-bubble-buttons{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.cs-msg-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:var(--blue);padding:3px 8px;border-radius:5px;font-size:.72rem;cursor:pointer}.cs-msg-btn:hover{background:#38bdf833}.cs-link{color:var(--blue);text-decoration:none;word-break:break-all}.cs-link:hover{text-decoration:underline}.cs-translation{display:flex;gap:4px;align-items:flex-start;margin-top:3px;padding:3px 6px;background:#22d3ee0f;border-radius:5px;font-size:.72rem;color:var(--cyan)}.cs-bubble-right .cs-translation{justify-content:flex-end}.cs-translation-tag{background:#22d3ee26;padding:0 3px;border-radius:3px;font-size:.6rem;font-weight:700;flex-shrink:0;line-height:1.6}.cs-reply{border-top:1px solid var(--border);background:var(--card);flex-shrink:0;padding:8px 10px}.cs-reply-input{width:100%;background:#33415580;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font-size:.8rem;font-family:inherit;resize:none;outline:none;line-height:1.4}.cs-reply-input:focus{border-color:var(--blue)}.cs-reply-input::placeholder{color:var(--muted)}.cs-reply-bar{display:flex;justify-content:space-between;align-items:center;padding-top:6px}.cs-info-panel{width:240px;flex-shrink:0;background:var(--card);border-left:1px solid var(--border);overflow-y:auto;padding:10px}.cs-info-title{font-size:.82rem;font-weight:800;margin-bottom:10px}.cs-info-section{margin-bottom:12px}.cs-info-section h4{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;padding-bottom:3px;border-bottom:1px solid var(--border)}.cs-info-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 8px;margin-bottom:4px;font-size:.74rem;display:block;word-break:break-all}.cs-info-row{display:flex;flex-wrap:wrap;gap:3px}.cs-info-link{display:block;font-size:.7rem;color:var(--blue);text-decoration:none;padding:2px 0;word-break:break-all}.cs-info-link:hover{text-decoration:underline}code{background:#334155;padding:1px 4px;border-radius:3px;font-size:.74rem;color:var(--blue)}.cs-ship-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px;margin-bottom:5px}.cs-ship-row{display:flex;gap:6px;font-size:.72rem;margin-bottom:2px}.cs-ship-label{color:var(--muted);flex-shrink:0;min-width:32px}.cs-ship-track{display:inline-block;margin-top:4px;font-size:.7rem;color:var(--blue);text-decoration:none;padding:2px 8px;background:#38bdf81a;border-radius:4px}.cs-ship-track:hover{background:#38bdf833}.cs-timeline-item{display:flex;gap:6px;align-items:flex-start;padding:3px 0}.cs-timeline-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.cs-dot-cancel{background:var(--red)}.cs-dot-shipping{background:var(--orange)}.cs-dot-delivery{background:var(--green)}.cs-dot-inspection{background:var(--purple)}.cs-dot-refund{background:var(--green)}.cs-dot-return{background:var(--cyan)}.cs-timeline-event{font-size:.72rem;color:var(--text)}.cs-timeline-time{font-size:.62rem;color:var(--muted)}.cs-footer{display:flex;align-items:center;gap:8px;padding:4px 14px;background:var(--card);border-top:1px solid var(--border);font-size:.68rem;color:var(--muted);flex-shrink:0}.cs-hint{font-size:.66rem;color:#94a3b880}.cs-empty-sm{padding:20px;text-align:center;color:var(--muted);font-size:.78rem}.cs-empty-full{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted)}.cs-skeletons{padding:6px 0}.cs-skeleton{height:54px;background:linear-gradient(90deg,var(--card) 25%,rgba(51,65,85,.5) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin:4px 10px;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.cs-lightbox img{max-width:90vw;max-height:90vh;border-radius:8px}.cs-lightbox-x{position:fixed;top:14px;right:14px;background:#ffffff26;border:none;color:#fff;font-size:1rem;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.cs-global-search-wrap{position:relative;flex:1;max-width:360px;margin:0 8px}.cs-global-search{width:100%;background:#33415580;border:1px solid var(--border);border-radius:6px;padding:4px 28px 4px 10px;color:var(--text);font-size:.74rem;outline:none}.cs-global-search::placeholder{color:var(--muted)}.cs-global-search:focus{border-color:var(--blue)}.cs-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:.7rem;cursor:pointer;padding:0 2px}.cs-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.cs-search-panel{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;max-height:420px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0006}.cs-search-loading{display:flex;align-items:center;gap:6px;padding:12px;color:var(--muted);font-size:.76rem}.cs-search-empty{padding:16px;text-align:center;color:var(--muted);font-size:.76rem}.cs-search-result{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .1s}.cs-search-result:hover{background:#38bdf80f}.cs-search-result:last-child{border-bottom:none}.cs-search-result-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.cs-search-account{font-size:.72rem;font-weight:600;color:var(--blue)}.cs-search-time{font-size:.64rem;color:var(--muted);margin-left:auto}.cs-search-result-text{font-size:.74rem;color:var(--text);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cs-search-result-meta{margin-top:2px;font-size:.64rem}.cs-highlight{background:#fb923c4d;color:var(--orange);border-radius:2px;padding:0 1px}.cs-translation-loading{opacity:.5}.cs-tabs{display:flex;gap:2px;margin:0 8px}.cs-tab{background:none;border:none;color:var(--muted);font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer;transition:all .15s;white-space:nowrap}.cs-tab:hover{background:#ffffff0a}.cs-tab.active{background:#38bdf81f;color:var(--blue)}.cs-notif-body{display:flex;flex:1;overflow:hidden}.cs-notif-sidebar{width:180px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column}.cs-notif-filter-section{padding:8px 10px}.cs-notif-filter-title{font-size:.66rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cs-notif-filter-list{display:flex;flex-direction:column;gap:1px}.cs-notif-filter-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;font-size:.72rem;cursor:pointer;transition:background .1s;color:var(--text)}.cs-notif-filter-item:hover{background:#38bdf80a}.cs-notif-filter-item.active{background:#38bdf81a}.cs-notif-count{font-size:.64rem;color:var(--muted)}.cs-notif-list{width:300px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--card)}.cs-notif-card{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .1s}.cs-notif-card:hover{background:#38bdf80a}.cs-notif-card-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.cs-notif-card-account{font-size:.72rem;font-weight:600;color:var(--text)}.cs-notif-card-time{font-size:.64rem;color:var(--muted);margin-left:auto}.cs-notif-card-order{margin-bottom:3px}.cs-notif-card-content{font-size:.74rem;color:var(--muted);line-height:1.4}.cs-notif-card:not(.expanded) .cs-notif-card-content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cs-notif-card.active{background:#38bdf814;border-left:3px solid var(--blue)}.cs-notif-detail{flex:1;background:var(--bg);padding:20px;overflow-y:auto;min-width:0}.cs-notif-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cs-notif-detail-account{font-size:.82rem;font-weight:600;color:var(--text)}.cs-notif-detail-time{font-size:.72rem;color:var(--muted);margin-left:auto}.cs-notif-detail-order{margin-bottom:10px;font-size:.8rem}.cs-notif-detail-content{font-size:.86rem;color:var(--text);line-height:1.7;white-space:pre-wrap;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.cs-reply-left{display:flex;align-items:center;gap:8px}.cs-reply{position:relative}.cs-btn-tpl{background:var(--card);border:1px solid var(--border);color:var(--text);padding:3px 10px;border-radius:4px;font-size:.75rem;cursor:pointer}.cs-btn-tpl:hover{border-color:var(--primary);color:var(--primary)}.cs-btn-sm{background:none;border:1px solid var(--border);color:var(--primary);padding:2px 8px;border-radius:4px;font-size:.72rem;cursor:pointer}.cs-tpl-panel{position:absolute;bottom:100%;left:0;right:0;min-width:320px;background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:calc(100vh - 200px);height:60vh;display:flex;flex-direction:column;box-shadow:0 -4px 16px #0000004d;z-index:20;margin-bottom:4px}.cs-tpl-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);font-size:.82rem;font-weight:600;white-space:nowrap}.cs-tpl-header>div{display:flex;gap:6px;align-items:center;flex-shrink:0}.cs-tpl-list{overflow-y:auto;flex:1;padding:4px}.cs-tpl-item{padding:8px 10px;border-radius:6px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:8px}.cs-tpl-item:hover{background:var(--card)}.cs-tpl-item:last-child{border-bottom:none}.cs-tpl-content{flex:1;cursor:pointer;min-width:0}.cs-tpl-edit{flex-shrink:0;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:2px 4px;opacity:0;transition:opacity .15s}.cs-tpl-item:hover .cs-tpl-edit{opacity:1}.cs-tpl-edit:hover{color:var(--primary)}.cs-tpl-cn{font-size:.82rem;color:var(--text);margin-bottom:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cs-tpl-jp{font-size:.72rem;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.cs-tpl-form{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cs-tpl-form textarea{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--text);font-size:.82rem;resize:none;font-family:inherit}.cs-tpl-form-btns{display:flex;justify-content:space-between;gap:8px}.cs-col-scroll::-webkit-scrollbar,.cs-messages::-webkit-scrollbar,.cs-info-panel::-webkit-scrollbar{width:3px}.cs-col-scroll::-webkit-scrollbar-thumb,.cs-messages::-webkit-scrollbar-thumb,.cs-info-panel::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}