:root{--bg:#0a0b0f;--bg-sidebar:#101218;--surface:#161820;--surface-raised:#1c1f2b;--surface-hover:#222636;--border:#262a38;--border-light:#2e3348;--text:#e4e4eb;--text-secondary:#b4b6c4;--text-muted:#7f8295;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-bg:#6366f11a;--success:#22c55e;--success-bg:#22c55e14;--success-border:#22c55e40;--warning:#f59e0b;--warning-bg:#f59e0b14;--warning-border:#f59e0b40;--danger:#ef4444;--danger-bg:#ef444414;--danger-border:#ef444440;--info:#60a5fa;--info-bg:#60a5fa1a;--radius:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 4px 12px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.layout{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);padding:20px 16px}.sidebar-brand h1{letter-spacing:-.3px;font-size:15px;font-weight:700}.sidebar-brand .subtitle{color:var(--text-muted);margin-top:2px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-nav a{color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a:hover{background:var(--surface-hover);color:var(--text)}.sidebar-nav a.active{background:var(--primary-bg);color:var(--primary-hover)}.sidebar-nav .icon{opacity:.7;width:18px;height:18px}.main-content{flex:1;min-width:0;min-height:100vh;margin-left:240px;overflow-x:hidden}.page{box-sizing:border-box;width:100%;max-width:none;padding:32px}.page.inbox-page{padding:24px 32px;overflow-x:hidden}.page.new-case-page{max-width:960px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h2{letter-spacing:-.4px;font-size:22px;font-weight:700}.page-header p{color:var(--text-muted);margin-top:4px;font-size:13px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{color:var(--danger);border:1px solid var(--danger-border);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;font-weight:600;display:flex}.card-body{padding:18px}textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:180px;color:var(--text);font-family:var(--font);resize:vertical;outline:none;padding:14px 16px;font-size:13px;line-height:1.7;transition:border-color .2s}textarea:focus{border-color:var(--primary)}textarea::placeholder{color:var(--text-muted)}.badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-running{background:var(--primary-bg);color:var(--primary-hover)}.badge-completed{background:var(--success-bg);color:var(--success)}.badge-error{background:var(--danger-bg);color:var(--danger)}.badge-awaiting{background:var(--warning-bg);color:var(--warning)}.badge-merge{color:#a855f7;background:#a855f71a}.badge-loyalty{color:#f59e0b;background:#f59e0b1a}.badge-order{color:#3b82f6;background:#3b82f61a}.badge-discount_code{color:#22d3ee;background:#22d3ee1a}.badge-order_status{color:#60a5fa;background:#60a5fa1a}.badge-return_exchange{color:#f472b6;background:#f472b61a}.badge-complaint{color:#ef4444;background:#ef44441a}.badge-shipping_inquiry{color:#2dd4bf;background:#2dd4bf1a}.badge-product_inquiry{color:#a3e635;background:#a3e6351a}.badge-review_resend{color:#fbbf24;background:#fbbf241a}.badge-other{color:#94a3b8;background:#94a3b81a}.badge-application{color:#a78bfa;background:#8b5cf61a}.badge-invoice{color:#9ca3af;background:#6b72801a}.badge-internal{color:#9ca3af;background:#4b55631a}.badge-newsletter{color:#6b7280;background:#6b728014}.badge-order_general{color:#60a5fa;background:#3b82f61a}.badge-inbox{color:#818cf8;background:#6366f114;border:1px solid #6366f133}.badge-client{color:#c084fc;background:#a855f714;border:1px solid #a855f733}.filter-toggle{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.filter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.filter-btn.active{background:var(--primary);color:#fff}.filter-btn:hover:not(.active){color:var(--text)}.inbox-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;overflow:hidden}.inbox-item .case-row{border:none;border-radius:0;margin:0}.inbox-preview{border-top:1px solid var(--border);background:var(--surface-raised)}.inbox-preview-meta{color:var(--text-muted);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:12px 16px;font-size:12px;display:flex}.inbox-preview-meta strong{color:var(--text-secondary)}.inbox-preview-body{color:var(--text-secondary);white-space:pre-wrap;max-height:300px;padding:14px 16px;font-size:13px;line-height:1.7;overflow-y:auto}.inbox-item.non-support{opacity:.4}.inbox-item.non-support:hover{opacity:.65}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-pulse{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tool-chip{background:var(--info-bg);color:var(--info);border-radius:5px;align-items:center;gap:6px;margin:3px 4px 3px 0;padding:5px 10px;font-size:12px;display:inline-flex}.tool-chip .name{font-family:var(--mono);font-size:11px;font-weight:600}.tool-chip .params{color:var(--text-muted);font-size:11px}.md-content{color:var(--text);font-size:14px;line-height:1.75}.md-content h1{color:var(--text);margin:24px 0 12px;font-size:20px;font-weight:700}.md-content h2{color:var(--text);border-bottom:1px solid var(--border);margin:20px 0 10px;padding-bottom:6px;font-size:16px;font-weight:700}.md-content h3{color:var(--text);margin:16px 0 8px;font-size:14px;font-weight:700}.md-content p{margin:8px 0}.md-content ul,.md-content ol{margin:8px 0;padding-left:20px}.md-content li{margin:4px 0}.md-content strong{color:var(--text);font-weight:600}.md-content code{font-family:var(--mono);background:var(--surface-raised);color:var(--primary-hover);border-radius:4px;padding:2px 6px;font-size:12px}.md-content blockquote{border-left:3px solid var(--border-light);background:var(--surface-raised);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);margin:12px 0;padding:10px 16px;font-size:13px}.md-content a{color:var(--primary-hover);text-underline-offset:2px;text-decoration:underline}.md-content a:hover{color:#a5b4fc}.md-content hr{border:none;border-top:1px solid var(--border);margin:20px 0}.md-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.md-content th{text-align:left;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:12px;font-weight:600}.md-content td{border:1px solid var(--border);padding:8px 12px}.md-content tr:hover td{background:var(--surface-hover)}.action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.action-card.pending{border-color:var(--warning-border)}.action-card.approved{border-color:var(--success-border)}.action-card.rejected{border-color:var(--danger-border)}.action-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.action-card-header .title{font-size:13px;font-weight:600}.action-card-body{padding:14px 16px}.action-detail-row{gap:12px;padding:4px 0;font-size:13px;display:flex}.action-detail-row .label{color:var(--text-muted);flex-shrink:0;min-width:120px;font-size:12px}.action-detail-row .value{font-family:var(--mono);color:var(--text-secondary);word-break:break-all;font-size:12px}.action-card-footer{border-top:1px solid var(--border);background:var(--surface-raised);gap:8px;padding:12px 16px;display:flex}.case-list{flex-direction:column;gap:8px;display:flex}.case-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:all .15s;display:flex}.case-row:hover{border-color:var(--border-light);background:var(--surface-hover)}.case-row .case-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.case-row .case-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.case-row .case-rating{font-size:16px}.rating-group{align-items:center;gap:8px;display:flex}.rating-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.rating-btn:hover{border-color:var(--border-light)}.rating-btn.selected-good{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.rating-btn.selected-partial{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.rating-btn.selected-bad{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius);color:#fff;z-index:100;padding:10px 18px;font-size:13px;font-weight:500;animation:.3s ease-out toastIn;position:fixed;bottom:24px;right:24px}.toast-success{background:var(--success)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .icon{opacity:.5;margin-bottom:12px;font-size:32px}.empty-state p{font-size:13px}.thread-msg{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px}.thread-msg--inbound{background:var(--bg-subtle,#fafafa);margin-right:36px}.thread-msg--outbound{background:var(--bg-accent,#f3f7ff);border-color:var(--info-border,#3b82f640);margin-left:36px}.thread-msg__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.thread-msg__who{color:var(--text-secondary);font-weight:600}.thread-msg__tag{background:var(--info-bg,#3b82f61a);color:var(--info,#3b82f6);text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.thread-msg__time{margin-left:auto}.thread-msg__subject{color:var(--text);margin-bottom:4px;font-weight:600}.thread-msg__body{white-space:pre-wrap;color:var(--text-secondary);line-height:1.5}.autopilot-table,.stats-table{border-collapse:collapse;width:100%;font-size:13px}.autopilot-table th,.stats-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:500}.autopilot-table td,.stats-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:8px 10px}.autopilot-table tr:last-child td,.stats-table tr:last-child td{border-bottom:0}.autopilot-table input[type=checkbox]{cursor:pointer}.autopilot-table input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.merge-preview{flex-direction:column;gap:0;display:flex}.merge-preview-header{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.merge-customers-grid{background:var(--border);flex-direction:column;gap:1px;display:flex}.merge-customer-card{background:var(--surface);padding:16px 18px}.merge-customer-card.source{background:var(--surface-raised)}.merge-customer-header{align-items:flex-start;gap:12px;display:flex}.merge-customer-avatar{background:var(--border-light);width:36px;height:36px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.merge-customer-avatar.large{background:var(--primary);color:#fff;width:44px;height:44px;font-size:17px}.merge-customer-info{flex:1;min-width:0}.merge-customer-name{color:var(--text);font-size:14px;font-weight:600}.merge-customer-meta{color:var(--text-muted);margin-top:1px;font-size:12px}.merge-primary-badge{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.merge-source-badge{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.merge-customer-stats{background:#00000026;border-radius:8px;gap:16px;margin-top:14px;padding:10px 14px;display:flex}.merge-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.merge-stat-value{color:var(--text);font-size:14px;font-weight:700}.merge-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.merge-customer-tags{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.merge-tag{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:11px}.merge-customer-discounts{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.merge-discount{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);border-radius:4px;padding:2px 8px;font-size:11px}.merge-customer-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.merge-state{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.merge-state.active{background:var(--success-bg);color:var(--success)}.merge-state.inactive{background:var(--danger-bg);color:var(--danger)}.tier-badge{border-radius:4px;padding:2px 10px;font-size:12px;font-weight:600}.tier-black{color:#e0e0e0;background:#1a1a2e;border:1px solid #333}.tier-gold{color:#eab308;background:#eab3081f;border:1px solid #eab3084d}.tier-silver{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b84d}.tier-white{color:#d4d4d8;background:#ffffff14;border:1px solid #fff3}.tier-none{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a}.merge-arrow{color:var(--text-muted);justify-content:center;align-items:center;padding:8px;display:flex}.merge-result{border-top:2px solid var(--primary)}.merge-result-header{text-transform:uppercase;letter-spacing:.5px;color:var(--primary-hover);background:var(--primary-bg);border-bottom:1px solid var(--border);padding:12px 18px;font-size:12px;font-weight:600}.merge-result-body{padding:18px}.merge-result-customer{align-items:center;gap:14px;margin-bottom:18px;display:flex}.merge-result-stats{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.merge-result-stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.merge-result-stat:last-child{border-bottom:none}.merge-result-stat .label{color:var(--text-muted);font-size:12px}.merge-result-stat .value{color:var(--text-secondary);font-family:var(--mono);align-items:center;gap:8px;font-size:13px;display:flex}.merge-result-stat .value strong{color:var(--text)}.merge-change{font-size:11px;font-family:var(--font);border-radius:4px;padding:1px 6px}.merge-change.positive{background:var(--success-bg);color:var(--success)}.merge-result-note{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:6px;margin-top:14px;padding:10px 14px;font-size:12px;line-height:1.5}.email-draft-preview{flex-direction:column;display:flex}.email-draft-header{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.email-draft-type{text-transform:uppercase;letter-spacing:.5px;margin-left:auto;font-size:11px;font-weight:600}.email-draft-fields{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:12px 18px;display:flex}.email-draft-field{gap:8px;font-size:13px;display:flex}.email-draft-field .label{color:var(--text-muted);flex-shrink:0;min-width:55px}.email-draft-field .value{color:var(--text)}.email-draft-body{white-space:pre-wrap;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:16px 18px;font-size:13px;line-height:1.7}.email-draft-reason{color:var(--text-muted);border-bottom:1px solid var(--border);background:#0000001a;padding:10px 18px;font-size:12px}.email-draft-reason .label{color:var(--text-muted);font-weight:600}.email-draft-actions{gap:8px;padding:10px 18px;display:flex}