:root{--sh-bg: #151821;--sh-bg-secondary: #1e2230;--sh-bg-tertiary: #252a3f;--sh-surface: #2a2f45;--sh-surface-hover: #353b54;--sh-border: #333952;--sh-border-light: #444c68;--sh-text: #ffffff;--sh-text-secondary: #bac1d1;--sh-text-muted: #6b7280;--sh-primary: #6366f1;--sh-primary-hover: #818cf8;--sh-primary-subtle: rgba(99, 102, 241, .12);--sh-success: #22c55e;--sh-warning: #f59e0b;--sh-danger: #ef4444;--sh-radius: 12px;--sh-radius-sm: 8px;--sh-radius-lg: 16px;--sh-shadow: 0 4px 24px rgba(0, 0, 0, .3);--sh-transition: .15s ease;--sh-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--sh-font);background:var(--sh-bg);color:var(--sh-text);-webkit-font-smoothing:antialiased}a{color:var(--sh-primary);text-decoration:none}a:hover{color:var(--sh-primary-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sh-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sh-border-light)}.sh-layout{display:flex;height:100vh;overflow:hidden}.sh-sidebar{width:260px;background:var(--sh-bg-secondary);border-right:1px solid var(--sh-border);display:flex;flex-direction:column;flex-shrink:0}.sh-sidebar-header{padding:20px;border-bottom:1px solid var(--sh-border)}.sh-sidebar-logo{font-size:18px;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sh-sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.sh-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--sh-radius-sm);color:var(--sh-text-secondary);font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all var(--sh-transition)}.sh-nav-item:hover{background:var(--sh-surface);color:var(--sh-text)}.sh-nav-item.active{background:var(--sh-primary-subtle);color:var(--sh-primary-hover)}.sh-nav-badge{margin-left:auto;background:var(--sh-danger);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}.sh-sidebar-footer{padding:16px;border-top:1px solid var(--sh-border);display:flex;align-items:center;gap:12px}.sh-avatar{width:36px;height:36px;border-radius:50%;background:var(--sh-surface);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--sh-primary);flex-shrink:0;overflow:hidden}.sh-avatar img{width:100%;height:100%;object-fit:cover}.sh-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sh-inbox{display:flex;height:100%}.sh-conversation-list{width:380px;border-right:1px solid var(--sh-border);display:flex;flex-direction:column;flex-shrink:0;background:var(--sh-bg)}.sh-conversation-list-header{padding:20px;border-bottom:1px solid var(--sh-border);display:flex;align-items:center;justify-content:space-between}.sh-conversation-list-header h2{font-size:18px;font-weight:700}.sh-filter-bar{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--sh-border);overflow-x:auto}.sh-filter-chip{padding:5px 14px;border-radius:20px;background:var(--sh-surface);color:var(--sh-text-secondary);font-size:12px;font-weight:500;border:1px solid var(--sh-border);cursor:pointer;white-space:nowrap;transition:all var(--sh-transition)}.sh-filter-chip:hover{border-color:var(--sh-border-light);color:var(--sh-text)}.sh-filter-chip.active{background:var(--sh-primary-subtle);border-color:var(--sh-primary);color:var(--sh-primary-hover)}.sh-conv-items{flex:1;overflow-y:auto}.sh-conv-item{padding:14px 20px;border-bottom:1px solid var(--sh-border);cursor:pointer;transition:background var(--sh-transition);display:flex;gap:12px}.sh-conv-item:hover{background:var(--sh-bg-secondary)}.sh-conv-item.active{background:var(--sh-surface)}.sh-conv-item-body{flex:1;min-width:0}.sh-conv-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sh-conv-item-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-conv-item-time{font-size:11px;color:var(--sh-text-muted);flex-shrink:0}.sh-conv-item-preview{font-size:13px;color:var(--sh-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-product-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.sh-chat-area{flex:1;display:flex;flex-direction:column;min-width:0}.sh-chat-header{padding:16px 24px;border-bottom:1px solid var(--sh-border);display:flex;align-items:center;justify-content:space-between;background:var(--sh-bg-secondary)}.sh-chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.sh-msg{max-width:65%;padding:12px 16px;border-radius:var(--sh-radius);font-size:14px;line-height:1.5;word-break:break-word}.sh-msg-user{align-self:flex-end;background:var(--sh-surface);color:var(--sh-text);border-bottom-right-radius:4px}.sh-msg-agent{align-self:flex-start;background:var(--sh-primary);color:#fff;border-bottom-left-radius:4px}.sh-msg-ai{align-self:flex-start;background:var(--sh-bg-tertiary);color:var(--sh-text);border:1px solid var(--sh-border);border-bottom-left-radius:4px}.sh-msg-internal{align-self:flex-start;background:#f59e0b1a;color:var(--sh-warning);border:1px dashed var(--sh-warning);border-bottom-left-radius:4px;font-style:italic}.sh-msg-sender{font-size:11px;font-weight:600;margin-bottom:4px;opacity:.7}.sh-msg-time{font-size:10px;margin-top:4px;opacity:.5;text-align:right}.sh-chat-input{padding:16px 24px;border-top:1px solid var(--sh-border);background:var(--sh-bg-secondary);display:flex;gap:12px;align-items:center}.sh-chat-input input{flex:1;background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-radius);padding:12px 16px;font-size:14px;color:var(--sh-text);font-family:var(--sh-font);outline:none;transition:border-color var(--sh-transition)}.sh-chat-input input:focus{border-color:var(--sh-primary)}.sh-chat-input input::placeholder{color:var(--sh-text-muted)}.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--sh-radius-sm);font-size:13px;font-weight:600;font-family:var(--sh-font);cursor:pointer;border:none;transition:all var(--sh-transition)}.sh-btn-primary{background:var(--sh-primary);color:#fff}.sh-btn-primary:hover{background:var(--sh-primary-hover)}.sh-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sh-btn-ghost{background:transparent;color:var(--sh-text-secondary);border:1px solid var(--sh-border)}.sh-btn-ghost:hover{background:var(--sh-surface);color:var(--sh-text)}.sh-btn-success{background:var(--sh-success);color:#fff}.sh-btn-success:hover{opacity:.9}.sh-btn-icon{width:36px;height:36px;padding:0;border-radius:var(--sh-radius-sm);background:var(--sh-surface);border:1px solid var(--sh-border);color:var(--sh-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sh-transition)}.sh-btn-icon:hover{background:var(--sh-surface-hover);color:var(--sh-text)}.sh-context-sidebar{width:300px;border-left:1px solid var(--sh-border);background:var(--sh-bg-secondary);overflow-y:auto;flex-shrink:0}.sh-context-section{padding:20px;border-bottom:1px solid var(--sh-border)}.sh-context-section h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sh-text-muted);margin-bottom:12px}.sh-context-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.sh-context-label{color:var(--sh-text-secondary)}.sh-context-value{color:var(--sh-text);font-weight:500;text-align:right}.sh-login{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sh-bg)}.sh-login-card{width:400px;max-width:90vw;background:var(--sh-bg-secondary);border:1px solid var(--sh-border);border-radius:var(--sh-radius-lg);padding:48px 40px;text-align:center;box-shadow:var(--sh-shadow)}.sh-login-card h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.sh-login-card p{color:var(--sh-text-secondary);font-size:14px;margin-bottom:32px}.sh-google-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 32px;border-radius:var(--sh-radius);background:#fff;color:#1a1a2e;font-size:15px;font-weight:600;border:none;cursor:pointer;font-family:var(--sh-font);transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #00000026}.sh-google-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00000040}.sh-settings-page{padding:32px;max-width:800px;margin:0 auto;width:100%;height:100%;overflow-y:auto}.sh-settings-page h2{font-size:22px;font-weight:700;margin-bottom:24px}.sh-card{background:var(--sh-bg-secondary);border:1px solid var(--sh-border);border-radius:var(--sh-radius);padding:20px;margin-bottom:16px}.sh-card h3{font-size:16px;font-weight:600;margin-bottom:16px}@keyframes sh-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sh-animate-in{animation:sh-fade-in .2s ease-out}.sh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--sh-text-muted);font-size:14px;gap:12px}.sh-empty-icon{font-size:48px;opacity:.5}.sh-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.sh-status-online{background:var(--sh-success)}.sh-status-away{background:var(--sh-warning)}.sh-status-offline{background:var(--sh-text-muted)}