*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-hover:#222;--border:#2a2a2a;--border-light:#333;--accent:#cc785c;--accent-hover:#d4876d;--accent-dim:#cc785c26;--accent-glow:#cc785c40;--text-primary:#ececec;--text-secondary:#8e8e8e;--text-tertiary:#555;--success:#4ade80;--success-dim:#4ade801a;--danger:#f87171;--danger-dim:#f871711a;--warning:#fbbf24;--blue:#60a5fa;--blue-dim:#60a5fa1a;--radius:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-w:260px;--transition:0.18s ease}#root,body,html{-webkit-font-smoothing:antialiased;background:#0a0a0a;background:var(--bg-primary);color:#ececec;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;height:100%;line-height:1.5}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#333;background:var(--border-light);border-radius:10px}.app-layout,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:#141414;background:var(--bg-secondary);border-right:1px solid #2a2a2a;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:transform .18s ease,width .18s ease;transition:transform var(--transition),width var(--transition);width:260px;width:var(--sidebar-w)}.sidebar-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);gap:10px;padding:16px}.logo-mark,.sidebar-header{align-items:center;display:flex}.logo-mark{border-radius:8px;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.logo-mark img{border-radius:8px;height:100%;object-fit:cover;width:100%}.logo-name{color:#ececec;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.3px}.sidebar-new-chat{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius);color:#8e8e8e;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;margin:12px;padding:9px 14px;text-align:left;transition:all .18s ease;transition:all var(--transition);width:calc(100% - 24px)}.sidebar-new-chat:hover{background:#222;background:var(--bg-hover);border-color:#333;border-color:var(--border-light);color:#ececec;color:var(--text-primary)}.sidebar-section{padding:8px 12px 4px}.sidebar-section-label{color:#555;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:4px 8px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius);color:#8e8e8e;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:8px 10px;text-align:left;transition:all .18s ease;transition:all var(--transition);width:100%}.nav-item:hover{background:#222;background:var(--bg-hover);color:#ececec;color:var(--text-primary)}.nav-item.active{background:#cc785c26;background:var(--accent-dim);color:#cc785c;color:var(--accent)}.nav-item svg{flex-shrink:0;opacity:.7}.nav-item.active svg{opacity:1}.nav-divider{background:#2a2a2a;background:var(--border);height:1px;margin:8px 10px}.sidebar-bottom{border-top:1px solid #2a2a2a;border-top:1px solid var(--border);padding:12px}.user-pill{align-items:center;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .18s ease;transition:background var(--transition)}.user-pill:hover{background:#222;background:var(--bg-hover)}.user-avatar{align-items:center;background:linear-gradient(135deg,#cc785c,#e8956d);background:linear-gradient(135deg,var(--accent),#e8956d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.user-info{flex:1 1;min-width:0}.user-name{truncate:ellipsis;color:#ececec;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap}.user-phone{color:#555;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:11px}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.page-content{flex:1 1;overflow-y:auto;padding:32px}.topbar{align-items:center;background:#0a0a0a;background:var(--bg-primary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:14px 20px}.topbar-title{font-size:15px;font-weight:600}.topbar-back{align-items:center;background:none;border:none;border-radius:6px;color:#8e8e8e;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;transition:color .18s ease;transition:color var(--transition)}.topbar-back:hover{color:#ececec;color:var(--text-primary)}.sidebar-overlay{background:#000000b3;display:none;inset:0;position:fixed;z-index:40}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:7px;outline:none;padding:8px 16px;transition:all .18s ease;transition:all var(--transition);white-space:nowrap}.btn-sm{font-size:12px;padding:6px 12px}.btn-lg{font-size:14px;padding:11px 22px}.btn-primary{background:#cc785c;background:var(--accent);color:#fff}.btn-primary:hover{background:#d4876d;background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border-light);color:#ececec;color:var(--text-primary)}.btn-secondary:hover{background:#222;background:var(--bg-hover)}.btn-ghost{background:none;border:1px solid #2a2a2a;border:1px solid var(--border);color:#8e8e8e;color:var(--text-secondary)}.btn-ghost:hover{border-color:#333;border-color:var(--border-light);color:#ececec;color:var(--text-primary)}.btn-danger{background:#f871711a;background:var(--danger-dim);border:1px solid #f8717133;color:#f87171;color:var(--danger)}.btn-danger:hover{background:#f8717126}.btn-success{background:#4ade801a;background:var(--success-dim);border:1px solid #4ade8033;color:#4ade80;color:var(--success)}.btn-success:hover{background:#4ade8026}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.input{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#ececec;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:10px 14px;transition:border-color .18s ease;transition:border-color var(--transition);width:100%}.input:focus{border-color:#cc785c;border-color:var(--accent)}.input::placeholder{color:#555;color:var(--text-tertiary)}.input-label{color:#8e8e8e;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.card{background:#141414;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.card-hover{cursor:pointer;transition:border-color .18s ease,background .18s ease;transition:border-color var(--transition),background var(--transition)}.card-hover:hover{background:#1a1a1a;background:var(--bg-tertiary);border-color:#333;border-color:var(--border-light)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.badge-green{background:#4ade801a;background:var(--success-dim);color:#4ade80;color:var(--success)}.badge-red{background:#f871711a;background:var(--danger-dim);color:#f87171;color:var(--danger)}.badge-orange{background:#cc785c26;background:var(--accent-dim);color:#cc785c;color:var(--accent)}.badge-blue{background:#60a5fa1a;background:var(--blue-dim);color:#60a5fa;color:var(--blue)}.modal-backdrop{align-items:center;animation:fadeIn .15s ease;background:#000c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal{animation:slideUp .2s ease;background:#141414;background:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{font-size:16px;font-weight:600}.modal-close{background:none;border:none;border-radius:6px;color:#8e8e8e;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px}.modal-close:hover{color:#ececec;color:var(--text-primary)}.modal-body{padding:20px 24px 24px}.divider{background:#2a2a2a;background:var(--border);height:1px;margin:16px 0}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot.online{background:#4ade80;background:var(--success);box-shadow:0 0 6px #4ade80;box-shadow:0 0 6px var(--success)}.status-dot.offline{background:#555;background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease infinite}.animate-fade{animation:fadeIn .3s ease}.animate-up{animation:slideUp .3s ease}.spinner{animation:spin .7s linear infinite;border:2px solid #333;border-top-color:#cc785c;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--accent);height:18px;width:18px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius)}.empty-state{align-items:center;color:#555;color:var(--text-tertiary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{opacity:.3}.empty-state h3{color:#8e8e8e;color:var(--text-secondary);font-size:15px;font-weight:600}.empty-state p{font-size:13px;max-width:280px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-hint{color:#555;color:var(--text-tertiary);font-size:11px}.form-error{color:#f87171;color:var(--danger);font-size:11px}.table{border-collapse:collapse;width:100%}.table th{color:#555;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.6px;padding:10px 14px;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border)}.table td{color:#8e8e8e;color:var(--text-secondary);font-size:13px;padding:12px 14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#222;background:var(--bg-hover)}.toggle{flex-shrink:0;height:20px;position:relative;width:36px}.toggle input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#333;background:var(--border-light);border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:background .18s ease;transition:background var(--transition)}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .18s ease;transition:transform var(--transition);width:14px}.toggle input:checked+.toggle-slider{background:#cc785c;background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.tabs{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;gap:2px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#555;color:var(--text-tertiary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;margin-bottom:-1px;padding:10px 16px;transition:color .18s ease;transition:color var(--transition)}.tab:hover{color:#8e8e8e;color:var(--text-secondary)}.tab.active{border-bottom-color:#cc785c;border-bottom-color:var(--accent);color:#ececec;color:var(--text-primary)}.chat-layout{display:flex;flex-direction:column;height:100%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message{animation:slideUp .2s ease;display:flex;gap:12px;margin:0 auto;max-width:820px;width:100%}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.msg-ai-avatar{background:#cc785c26;background:var(--accent-dim);border:1px solid #cc785c4d;color:#cc785c;color:var(--accent)}.msg-user-avatar{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border-light);color:#8e8e8e;color:var(--text-secondary)}.message-bubble{background:#141414;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;color:#ececec;color:var(--text-primary);font-size:14px;line-height:1.65;max-width:calc(100% - 44px);padding:12px 16px}.message.user .message-bubble{background:#1a1a1a;background:var(--bg-tertiary)}.message-bubble pre{border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:6px;margin:8px 0;overflow-x:auto;padding:12px}.message-bubble code,.message-bubble pre{background:#0a0a0a;background:var(--bg-primary);font-size:12px}.message-bubble code{border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.chat-input-area{background:#0a0a0a;background:var(--bg-primary);border-top:1px solid #2a2a2a;border-top:1px solid var(--border);padding:16px 20px}.chat-input-box{margin:0 auto;max-width:820px;position:relative}.chat-textarea{background:#141414;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;color:#ececec;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;max-height:180px;outline:none;padding:12px 52px 12px 16px;resize:none;transition:border-color .18s ease;transition:border-color var(--transition);width:100%}.chat-textarea:focus{border-color:#cc785c;border-color:var(--accent)}.chat-textarea::placeholder{color:#555;color:var(--text-tertiary)}.chat-send-btn{align-items:center;background:#cc785c;background:var(--accent);border:none;border-radius:8px;bottom:10px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;transition:background .18s ease;transition:background var(--transition);width:32px}.chat-send-btn:hover{background:#d4876d;background:var(--accent-hover)}.chat-send-btn:disabled{background:#222;background:var(--bg-hover);color:#555;color:var(--text-tertiary);cursor:not-allowed}@media (max-width:768px){.sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:50}.sidebar.open{transform:translateX(0)}.sidebar-overlay.show{display:block}.page-content{padding:16px}.form-row{grid-template-columns:1fr}.chat-input-area,.chat-messages{padding:12px}.mobile-menu-btn{display:flex!important}.hide-mobile{display:none!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}}@media (min-width:769px) and (max-width:1024px){:root{--sidebar-w:220px}.page-content{padding:20px}}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#8e8e8e;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:6px;transition:color .18s ease;transition:color var(--transition)}.mobile-menu-btn:hover{color:#ececec;color:var(--text-primary)}@media (max-width:768px){.mobile-topbar{display:flex!important}}@media (min-width:769px){.mobile-topbar{display:none!important}}.message-bubble:hover .copy-btn{opacity:1!important}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.4aa9d21c.css.map*/