.chatbot-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:1000}.chatbot-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #6366f180}.chatbot-fab.hidden{display:none}.chatbot-panel{position:fixed;bottom:24px;right:24px;width:380px;height:500px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 10px 50px #0000004d;z-index:1000;overflow:hidden}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--accent-gradient);color:#fff}.chatbot-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.chatbot-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s ease}.chatbot-close:hover{background:#fff3}.chatbot-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.message{max-width:85%;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5}.message.user{align-self:flex-end;background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:var(--bg-primary);color:var(--text-primary);border-bottom-left-radius:4px}.message.loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.chatbot-input{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.chatbot-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.chatbot-input input:focus{outline:none;border-color:var(--accent-color)}.chatbot-input button{padding:.75rem;background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.chatbot-input button:disabled{opacity:.5;cursor:not-allowed}.chatbot-input button:hover:not(:disabled){opacity:.9}@media (max-width: 480px){.chatbot-panel{width:calc(100vw - 32px);height:calc(100vh - 100px);bottom:16px;right:16px}}.app-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.app-sidebar{width:260px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.sidebar-subtitle{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;margin-bottom:.25rem}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-gradient);color:#fff}.nav-item.admin-link{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-name{font-weight:500;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-secondary)}.btn-logout{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.btn-logout:hover{background:var(--bg-hover);color:var(--danger)}.app-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.app-topbar{height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:50}.demo-mode-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-right:1rem;animation:demo-pulse 2s ease-in-out infinite}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.85}}.workspace-selector{position:relative}.workspace-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s ease}.workspace-button:hover{border-color:var(--accent-color)}.workspace-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:250px;box-shadow:0 10px 40px #0003;z-index:100}.dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s ease}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.active{background:var(--bg-hover);color:var(--accent-color)}.industry-tag{font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:.125rem .5rem;border-radius:4px}.workspace-name{font-weight:500;color:var(--text-primary)}.topbar-spacer{flex:1}.user-menu{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:var(--text-secondary)}.app-content{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width: 768px){.app-sidebar{width:100%;height:auto;position:relative}.app-main{margin-left:0}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.sidebar-subtitle{font-size:.75rem;color:#f59e0b;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-weight:600}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#ffffffb3;text-decoration:none;transition:all .2s ease;margin-bottom:.25rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e;font-weight:500}.user-dashboard-link{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.user-info{display:flex;align-items:center;gap:.75rem;flex:1}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-weight:600;font-size:.875rem}.user-details{flex:1;min-width:0}.user-name{font-weight:500;color:#fff;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#f59e0b;font-weight:500}.btn-logout{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.btn-logout:hover{background:#ffffff1a;color:#ef4444}.admin-content{flex:1;margin-left:260px;padding:1.5rem;min-height:100vh;overflow-y:auto}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);padding:var(--spacing-lg)}.login-card{width:100%;max-width:420px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:14px;color:var(--color-text-tertiary);pointer-events:none}.input-with-icon .input{padding-left:44px}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert-error{background:#ef43431a;color:var(--color-error);border:1px solid hsla(0,84%,60%,.2)}.btn-block{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base)}.login-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.workspace-list-container{max-width:1400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.workspace-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-base)}.workspace-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.workspace-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.workspace-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff}.workspace-name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.workspace-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.workspace-meta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.workspace-actions{display:flex;gap:var(--spacing-sm)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);min-height:400px}.empty-state h2{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:500px;width:90%;box-shadow:var(--shadow-xl)}.modal-content h2{margin-bottom:var(--spacing-xl);font-size:var(--font-size-2xl)}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.tab-description{color:var(--text-secondary);margin-bottom:2rem}.setup-form{max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.coming-soon{text-align:center;padding:4rem 2rem;background:var(--bg-primary);border-radius:8px;border:2px dashed var(--border-color)}.coming-soon p{margin:.5rem 0;font-size:1.1rem;color:var(--text-primary)}.coming-soon .text-muted{font-size:.9rem}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.users-header-text h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text-primary)}.users-header-text p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.users-table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.users-table{width:100%;text-align:left;border-collapse:collapse}.users-table thead{background:#0003}.users-table th{padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.users-table tbody tr{border-top:1px solid var(--color-border);transition:background .15s ease}.users-table tbody tr:hover{background:#ffffff05}.users-table td{padding:1rem}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;text-transform:uppercase}.user-name{font-weight:500;color:var(--color-text-primary)}.user-email{color:var(--color-text-secondary)}.role-badge{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;background:#6366f126;color:#818cf8}.status-active{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#34d399}.status-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.empty-state-cell{text-align:center;padding:3rem 1rem!important;color:var(--color-text-tertiary)}.create-user-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;animation:fadeIn .2s ease}.create-user-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.modal-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;color:#fff}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#ffffff0d;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#ffffff1a;color:var(--color-text-primary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.input-with-icon{position:relative}.input-with-icon .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.input-with-icon input{padding-left:2.75rem}.form-hint{margin-top:.375rem;font-size:.75rem;color:var(--color-text-tertiary)}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-border);background:#0000001a;border-radius:0 0 16px 16px}.modal-footer .btn{flex:1}.assistant-profiles-tab{display:flex;flex-direction:column;gap:2rem}.tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tab-header h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.tab-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.profiles-by-intent{display:flex;flex-direction:column;gap:2.5rem}.intent-section{display:flex;flex-direction:column;gap:1rem}.intent-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.profile-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;transition:all .2s;display:flex;flex-direction:column;gap:1rem}.profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.profile-card.disabled{opacity:.6}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.profile-header h4{margin:0;font-size:1.1rem;color:var(--text-primary);flex:1}.profile-badges{display:flex;gap:.5rem;flex-wrap:wrap}.profile-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{font-size:.85rem;color:var(--text-secondary)}.meta-item strong{color:var(--text-primary);font-weight:500}.profile-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.icon-btn.success:hover{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.icon-btn.warning:hover{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.icon-btn.active-default{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24;cursor:default}.icon-btn.active-default:disabled{opacity:1}.view-prompt-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6366f133}.view-prompt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.prompt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prompt-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:16px;width:100%;max-width:800px;max-height:80vh;margin:16px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a;animation:slideUp .3s ease;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.prompt-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.prompt-modal-title{display:flex;align-items:flex-start;gap:16px}.prompt-modal-title svg{color:#6366f1;flex-shrink:0;margin-top:2px}.prompt-modal-title h2{color:#f8fafc;font-size:20px;font-weight:600;margin:0 0 4px}.prompt-modal-title p{color:#94a3b8;font-size:14px;margin:0}.prompt-modal .close-btn{background:#ffffff0d;border:none;border-radius:8px;padding:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.prompt-modal .close-btn:hover{background:#ffffff1a;color:#f8fafc}.prompt-modal-content{flex:1;padding:24px;overflow-y:auto}.prompt-text-container{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;max-height:400px;overflow-y:auto}.prompt-text{color:#e2e8f0;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0}.prompt-timestamp{color:#64748b;font-size:12px;margin:12px 0 0;text-align:right}.no-prompt{text-align:center;padding:40px 20px;color:#64748b}.no-prompt svg{color:#475569;margin-bottom:16px}.no-prompt h3{color:#94a3b8;font-size:18px;font-weight:600;margin:0 0 8px}.no-prompt p{color:#64748b;font-size:14px;max-width:400px;margin:0 auto}.prompt-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08)}.prompt-modal-footer .btn{display:flex;align-items:center;gap:8px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkbox-group{padding:1rem;background:var(--bg-primary);border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.bot-modal{max-width:700px}.bot-modal h2{display:flex;align-items:center;gap:.75rem}.bot-start{text-align:center;padding:3rem 2rem}.bot-start p{margin-bottom:2rem;color:var(--text-secondary);font-size:1.05rem}.bot-chat{display:flex;flex-direction:column;gap:1.5rem}.chat-messages{max-height:400px;overflow-y:auto;padding:1rem;background:var(--bg-primary);border-radius:8px;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;flex-direction:column;gap:.5rem}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.message-content{max-width:80%;padding:.75rem 1rem;border-radius:12px;font-size:.95rem;line-height:1.5}.chat-message.user .message-content{background:var(--primary-color);color:#fff}.chat-message.assistant .message-content{background:var(--hover-bg);color:var(--text-primary)}.chat-input{display:flex;gap:1rem}.chat-input .input{flex:1}.bot-actions{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-color)}.tab-loading{text-align:center;padding:3rem;color:var(--text-secondary)}@media (max-width: 768px){.tab-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column}.profiles-grid{grid-template-columns:1fr}.profile-actions{flex-wrap:wrap}}.workspace-setup-container{padding:2rem;max-width:1400px;margin:0 auto}.setup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.setup-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-primary)}.workspace-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.workspace-meta{display:flex;gap:.75rem;align-items:center}.setup-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-button.active{background:var(--primary-color);color:#fff}.tab-button svg{flex-shrink:0}.setup-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;min-height:500px}.error-state{text-align:center;padding:4rem 2rem}.error-state h2{color:var(--text-primary);margin-bottom:.5rem}.error-state p{color:var(--text-secondary)}@media (max-width: 768px){.workspace-setup-container{padding:1rem}.setup-header{flex-direction:column;gap:1rem}.setup-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.setup-content{padding:1.5rem}.tab-button{padding:.625rem 1rem;font-size:.85rem}}.call-now-section{display:flex;flex-direction:column;gap:2rem}.section-header h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.section-header p{margin:0;color:var(--text-secondary)}.phone-number-card{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%);border-radius:16px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;color:#fff;box-shadow:0 8px 24px #6366f14d}.phone-icon-wrapper{background:#fff3;padding:1.5rem;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phone-details{text-align:center;width:100%}.phone-details label{display:block;font-size:.9rem;opacity:.9;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.phone-number-display{display:flex;align-items:center;justify-content:center;gap:1rem}.phone-number{font-size:2.5rem;font-weight:700;letter-spacing:2px}.copy-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.75rem;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#ffffff4d;transform:scale(1.05)}.agent-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff26;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.active{background:#22c55e;box-shadow:0 0 8px #22c55e}.status-indicator.inactive{background:#ef4444}.status-text{font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.instructions-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.instructions-card h3{margin:0 0 1.5rem;color:var(--text-primary)}.instructions-card ol{margin:0;padding-left:1.5rem;color:var(--text-secondary)}.instructions-card li{margin-bottom:1rem;line-height:1.6}.instructions-card ul{margin-top:.5rem;padding-left:1.5rem}.instructions-card ul li{margin-bottom:.5rem}.tips-card{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.5rem}.tips-card h4{margin:0 0 1rem;color:var(--text-primary)}.tips-card ul{margin:0;padding-left:1.5rem;color:var(--text-secondary)}.tips-card li{margin-bottom:.75rem;line-height:1.6}@media (max-width: 768px){.phone-number{font-size:1.8rem}.phone-number-card{padding:2rem 1.5rem}.instructions-card,.tips-card{padding:1.5rem}}.calls-list-section{display:flex;flex-direction:column;gap:2rem}.section-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.calls-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.calls-table{width:100%;border-collapse:collapse}.calls-table thead{background:var(--hover-bg)}.calls-table th{padding:1rem 1.5rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.calls-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.calls-table tbody tr:last-child{border-bottom:none}.calls-table tbody tr.clickable-row{cursor:pointer}.calls-table tbody tr:hover{background:var(--hover-bg)}.calls-table td{padding:1.25rem 1.5rem;color:var(--text-primary)}.date-cell,.caller-cell{display:flex;align-items:center;gap:.75rem}.date-cell svg,.caller-cell svg{color:var(--text-muted)}.outcome-badge{padding:.375rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;display:inline-block}.outcome-badge.success{background:#22c55e1a;color:#22c55e}.outcome-badge.info{background:#3b82f61a;color:#3b82f6}.outcome-badge.warning{background:#fbbf241a;color:#fbbf24}.outcome-badge.danger{background:#ef44441a;color:#ef4444}.outcome-badge.secondary{background:var(--hover-bg);color:var(--text-secondary)}.view-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.view-btn:hover{background:#4f46e5;transform:translateY(-1px)}@media (max-width: 1024px){.calls-table-container{overflow-x:auto}.calls-table{min-width:700px}}@media (max-width: 768px){.calls-table th,.calls-table td{padding:.75rem 1rem}}.call-detail-section{display:flex;flex-direction:column;gap:2rem}.call-metadata-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.metadata-item{display:flex;align-items:flex-start;gap:1rem}.metadata-item svg{color:var(--primary-color);flex-shrink:0;margin-top:.25rem}.metadata-item div{display:flex;flex-direction:column;gap:.25rem}.metadata-item label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metadata-item span{font-size:1rem;color:var(--text-primary);font-weight:500}.transcript-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.transcript-card h3{margin:0 0 1.5rem;color:var(--text-primary)}.transcript-content{background:#1e1e1e;border-radius:8px;padding:1.5rem;max-height:400px;overflow-y:auto}.transcript-content pre{margin:0;color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.no-data{color:var(--text-muted);font-style:italic}.recording-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.recording-card h3{margin:0 0 1.5rem;color:var(--text-primary)}.audio-player{width:100%;max-width:600px}.tools-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.tools-card h3{margin:0 0 1.5rem;color:var(--text-primary)}.tools-list{display:flex;flex-direction:column;gap:1rem}.tool-item{background:var(--hover-bg);border-radius:8px;padding:1rem}.tool-item strong{display:block;margin-bottom:.75rem;color:var(--primary-color)}.tool-item pre{margin:0;background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;font-size:.85rem;overflow-x:auto}.notes-card{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:2rem}.notes-card h3{margin:0 0 1rem;color:var(--text-primary)}.notes-card p{margin:0;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.metadata-grid{grid-template-columns:1fr;gap:1.5rem}.transcript-card,.recording-card,.tools-card,.notes-card{padding:1.5rem}}.callback-tasks-section{display:flex;flex-direction:column;gap:2rem}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.task-card{background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.task-card.PENDING{border-left-color:#fbbf24}.task-card.IN_PROGRESS{border-left-color:#3b82f6}.task-card.COMPLETED{border-left-color:#22c55e}.task-card.CANCELLED{border-left-color:#ef4444}.task-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-header h4{margin:0;font-size:1.1rem;color:var(--text-primary)}.status-select{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.status-select:hover{border-color:var(--primary-color)}.status-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.task-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.detail-item svg{color:var(--text-muted);flex-shrink:0}.task-notes{background:var(--hover-bg);border-radius:8px;padding:1rem}.task-notes p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.task-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.task-footer{padding-top:.75rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.tasks-grid,.form-row{grid-template-columns:1fr}.task-header{flex-direction:column;align-items:flex-start}.status-select{width:100%}}.workspace-demo-container{padding:2rem;max-width:1400px;margin:0 auto}.demo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.demo-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-primary)}.demo-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}.demo-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;min-height:500px}@media (max-width: 768px){.workspace-demo-container{padding:1rem}.demo-header{flex-direction:column;gap:1rem}.demo-content{padding:1.5rem}}.prompt-library-container{padding:2rem;max-width:1400px;margin:0 auto}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.search-box{flex:1;position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px}.search-box svg{color:var(--text-muted)}.search-box input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-muted)}.filter-group{display:flex;gap:.75rem;align-items:center}.filter-group svg{color:var(--text-muted)}.filter-group select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.filter-group select:hover{border-color:var(--primary-color)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.prompt-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:1rem}.prompt-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-color)}.prompt-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.prompt-card-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.prompt-actions{display:flex;gap:.5rem}.icon-btn{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.icon-btn.danger:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.prompt-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-meta{display:flex;gap:.5rem;flex-wrap:wrap}.prompt-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.text-muted{color:var(--text-muted);font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--card-bg);border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.large{max-width:900px}.modal-content h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:all .2s;font-family:inherit}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5}textarea.input{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.test-prompt-form{display:flex;flex-direction:column;gap:1.5rem}.test-result{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem}.test-result h3{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary)}.test-result pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.5;margin:0}.error-message{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.skeleton{background:linear-gradient(90deg,var(--card-bg) 25%,var(--hover-bg) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.prompt-library-container{padding:1rem}.filters-bar{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.prompt-grid,.form-row{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.system-config-container{padding:2rem;max-width:1400px;margin:0 auto}.header-actions{display:flex;gap:1rem}.settings-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.settings-table{width:100%;border-collapse:collapse}.settings-table thead{background:var(--hover-bg)}.settings-table th{padding:1rem 1.5rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.settings-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.settings-table tbody tr:last-child{border-bottom:none}.settings-table tbody tr:hover{background:var(--hover-bg)}.settings-table td{padding:1.25rem 1.5rem;color:var(--text-primary)}.key-cell code{background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:var(--primary-color)}.value-cell{max-width:300px}.value-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-value{color:var(--text-muted);font-family:monospace;letter-spacing:2px}.description-cell{color:var(--text-secondary);font-size:.9rem;max-width:250px}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.badge-danger{background:#ef44441a;color:#ef4444}.badge-success{background:#22c55e1a;color:#22c55e}.badge-warning{background:#fbbf241a;color:#fbbf24}.help-text{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}@media (max-width: 1024px){.settings-table-container{overflow-x:auto}.settings-table{min-width:800px}}@media (max-width: 768px){.system-config-container{padding:1rem}.header-actions{flex-direction:column}.settings-table th,.settings-table td{padding:.75rem 1rem}.description-cell{max-width:150px}}.templates-list-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);animation:fadeIn var(--transition-base) ease-out}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.templates-header-text h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0}.templates-header-text p{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin:0;margin-top:var(--spacing-xs)}.templates-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.templates-search{flex:1;position:relative}.templates-search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.templates-search input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.templates-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4827ec26}.templates-search input::placeholder{color:var(--color-text-tertiary)}.templates-filter-select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.templates-filter-select:focus{outline:none;border-color:var(--color-primary)}.templates-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.template-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px #4827ec33}.template-card-left{display:flex;align-items:center;gap:var(--spacing-md)}.template-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.template-card-icon.active{background:#4827ec1a;color:var(--color-primary)}.template-card-icon.archived{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.template-card-icon.draft{background:#f59f0a1a;color:var(--color-warning)}.template-card-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.template-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.template-card-tag{padding:2px var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.template-card-meta span{display:flex;align-items:center}.template-card-right{display:flex;align-items:center;gap:var(--spacing-lg)}.template-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-xl);text-transform:uppercase}.template-status-badge.active{background:#16a2491a;color:var(--color-success);border:1px solid hsla(142,76%,36%,.2)}.template-status-badge.archived{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border)}.template-status-badge.draft{background:#f59f0a1a;color:var(--color-warning);border:1px solid hsla(38,92%,50%,.2)}.template-card-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.template-action-btn{padding:var(--spacing-sm);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.template-action-btn:hover{background:var(--color-bg-tertiary)}.template-action-btn.edit:hover{color:var(--color-primary);background:#4827ec1a}.template-action-btn.duplicate:hover{color:var(--color-success);background:#16a2491a}.template-action-btn.archive:hover{color:var(--color-error);background:#ef43431a}.template-action-btn.activate:hover{color:var(--color-success);background:#16a2491a}.templates-loading{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-skeleton{height:80px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:1000px 100%}.templates-empty{text-align:center;padding:var(--spacing-2xl);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.templates-empty-icon{margin-bottom:var(--spacing-md);color:var(--color-text-tertiary)}.templates-empty h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-secondary);margin:0}.templates-empty p{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin:var(--spacing-sm) 0 var(--spacing-lg) 0}.template-editor{max-width:900px;margin:0 auto;padding:var(--spacing-lg);padding-bottom:5rem}.template-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-primary);z-index:20}.template-editor-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.template-editor-back-btn{padding:var(--spacing-sm);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.template-editor-back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.template-editor-title h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.template-editor-title p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0;margin-top:var(--spacing-xs)}.template-editor-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.template-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.template-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.template-section:hover{border-color:var(--color-border-hover)}.template-section-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast)}.template-section-header:hover{background:var(--color-bg-tertiary)}.template-section-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.template-section-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--transition-fast)}.template-section.expanded .template-section-icon{background:#4827ec1a;color:var(--color-primary)}.template-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.template-section-chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.template-section.expanded .template-section-chevron{transform:rotate(90deg)}.template-section-content{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-primary);animation:fadeIn var(--transition-base) ease-out}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-grid-full{grid-column:span 2}.guardrails-box{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.guardrails-box h4{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.guardrails-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.guardrail-item{display:flex;align-items:center;gap:var(--spacing-sm)}.guardrail-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.guardrail-item label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;text-transform:capitalize}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-item label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.tools-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.tools-header h4{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.add-tool-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:#4827ec1a;color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.add-tool-btn:hover{background:#4827ec33}.json-editor-container{position:relative}.json-editor-textarea{width:100%;min-height:250px;padding:var(--spacing-md);font-family:Monaco,Consolas,monospace;font-size:var(--font-size-xs);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-fast)}.json-editor-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4827ec26}.json-editor-textarea.error{border-color:var(--color-error)}.json-editor-error{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:#ef43431a;color:var(--color-error);border:1px solid hsla(0,84%,60%,.2);border-radius:var(--radius-sm)}.tools-help-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-sm)}.template-loading{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-tertiary)}.app-dashboard{max-width:1200px}.page-header{margin-bottom:2rem}.page-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-secondary)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.purple .stat-icon{background:#8b5cf626;color:#8b5cf6}.stat-card.amber .stat-icon{background:#f59e0b26;color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-content .stat-label{font-size:.875rem;color:var(--text-secondary)}.secondary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat-card-wide{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.stat-header{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.stat-row{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column}.stat-item .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-item .stat-label{font-size:.875rem;color:var(--text-secondary)}.coming-soon{display:flex;align-items:center;justify-content:center;height:60px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-style:italic}.quick-actions h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;transition:all .2s ease}.action-card:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid,.secondary-stats,.actions-grid{grid-template-columns:1fr}}.agents-page{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.page-header p{color:var(--text-secondary);margin:0}.search-bar{display:flex;gap:.75rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary)}.search-input-wrapper input{flex:1;background:none;border:none;padding:.75rem 0;color:var(--text-primary);font-size:.875rem}.search-input-wrapper input:focus{outline:none}.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.table-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-size:.875rem;border-bottom:1px solid var(--border-color)}.data-table td{padding:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-tertiary)}.name-cell{display:flex;align-items:center;gap:.5rem}.id-cell{font-family:monospace;font-size:.875rem;color:var(--text-secondary)}.date-cell{color:var(--text-secondary);font-size:.875rem}.intent-badge{display:inline-block;padding:.25rem .5rem;background:var(--bg-primary);border-radius:4px;font-size:.75rem;text-transform:capitalize}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.enabled{background:#22c55e26;color:#22c55e}.status-badge.disabled{background:#ef444426;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);margin:1rem 0 .5rem}.empty-state p{margin:0}.info-notice{margin-top:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px}.info-notice p{margin:0;color:var(--text-secondary);font-size:.875rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.badge{display:inline-block;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.badge-primary{background:var(--accent-color);color:#fff}.campaigns-page{max-width:1200px}.header-actions{display:flex;gap:.75rem}.progress-cell{display:flex;align-items:center;gap:.5rem}.progress-bar{width:100px;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gradient);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--text-secondary)}.actions-cell{display:flex;gap:.5rem}.icon-btn{width:32px;height:32px;border-radius:6px;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:var(--bg-tertiary)}.icon-btn.success:hover{color:#22c55e}.icon-btn.warning:hover{color:#f59e0b}.icon-btn.danger:hover{color:#ef4444}.status-badge.paused{background:#f59e0b26;color:#f59e0b}.status-badge.running{background:#22c55e26;color:#22c55e}.status-badge.completed{background:#3b82f626;color:#3b82f6}.status-badge.failed{background:#ef444426;color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.file-upload{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.file-upload:hover{border-color:var(--accent-color)}.file-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-info{margin:.25rem 0 0;font-size:.875rem;color:#22c55e}.error-text{color:#ef4444;font-size:.875rem;margin:.25rem 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.call-logs-page{max-width:1400px}.tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--bg-secondary);padding:.25rem;border-radius:8px;width:fit-content}.tab{padding:.5rem 1rem;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--accent-gradient);color:#fff}.filters-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filters-bar input[type=date],.filter-select{padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem}.filter-select{min-width:140px;cursor:pointer}.split-view{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:calc(100vh - 280px)}.calls-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto}.calls-table{display:flex;flex-direction:column}.call-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease}.call-row:hover{background:var(--bg-tertiary)}.call-row.selected{background:var(--bg-tertiary);border-left:3px solid var(--accent-color)}.call-info{display:flex;flex-direction:column;gap:.25rem}.call-header{display:flex;align-items:center;gap:.5rem}.call-id{font-family:monospace;font-size:.875rem;color:var(--text-primary)}.call-time{font-size:.75rem;color:var(--text-secondary)}.call-meta{display:flex;align-items:center;gap:.75rem}.duration{font-size:.875rem;color:var(--text-secondary)}.score-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:4px;font-weight:600}.score-badge.excellent{background:#22c55e26;color:#22c55e}.score-badge.good{background:#3b82f626;color:#3b82f6}.score-badge.needs-work{background:#f59e0b26;color:#f59e0b}.sentiment-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.sentiment-badge.small{padding:.125rem .25rem;font-size:.625rem}.sentiment-badge.positive{background:#22c55e26;color:#22c55e}.sentiment-badge.neutral{background:#6b728026;color:#6b7280}.sentiment-badge.negative{background:#ef444426;color:#ef4444}.sentiment-badge .score{opacity:.7;font-size:.625rem}.outcome-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.outcome-badge.booked{background:#22c55e26;color:#22c55e}.outcome-badge.info{background:#3b82f626;color:#3b82f6}.outcome-badge.escalated{background:#f59e0b26;color:#f59e0b}.outcome-badge.abandoned{background:#ef444426;color:#ef4444}.outcome-badge.quoted_callback{background:#a855f726;color:#a855f7}.outcome-badge.unknown{background:#6b728026;color:#6b7280}.call-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;overflow-y:auto}.call-details h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;gap:.5rem;color:var(--text-secondary)}.detail-item div{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.75rem;color:var(--text-secondary)}.detail-item span{font-size:.875rem;color:var(--text-primary)}.insights-summary{display:flex;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem}.coaching-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-weight:500;font-size:.875rem}.coaching-badge.excellent{background:#22c55e26;color:#22c55e}.coaching-badge.good{background:#3b82f626;color:#3b82f6}.coaching-badge.needs-work{background:#f59e0b26;color:#f59e0b}.recording-section{margin-bottom:1.5rem}.recording-section h4,.transcript-section h4,.insights-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.audio-player{width:100%;height:40px}.insights-section{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#a855f70d,#3b82f60d);border:1px solid rgba(168,85,247,.2);border-radius:12px}.insights-section h4{color:#a855f7}.insights-summary-text{margin:0 0 1rem;font-size:.875rem;color:var(--text-primary);line-height:1.6}.insights-group{margin-bottom:1rem}.insights-group:last-child{margin-bottom:0}.insights-group h5{display:flex;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.insights-group h5:has(.lucide-check-circle){color:#22c55e}.insights-group h5:has(.lucide-alert-circle){color:#f59e0b}.insights-group h5:has(.lucide-lightbulb){color:#3b82f6}.insights-group h5:has(.lucide-target){color:#a855f7}.insights-group ul{margin:0;padding-left:1.25rem}.insights-group li{font-size:.875rem;color:var(--text-primary);margin-bottom:.375rem;line-height:1.5}.ideal-scenario{margin:0;font-size:.875rem;font-style:italic;color:var(--text-secondary);padding:.75rem;background:var(--bg-secondary);border-radius:6px;border-left:3px solid #a855f7}.analyze-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem;text-align:center}.analyze-prompt p{margin:0;color:var(--text-secondary);font-size:.875rem}.btn-sm{padding:.5rem 1rem!important;font-size:.875rem!important}.transcript-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}.transcript-content pre{margin:0;white-space:pre-wrap;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.no-data{color:var(--text-secondary);font-style:italic}.empty-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.empty-detail h3{margin:1rem 0 .5rem}.empty-detail p{margin:0}@media (max-width: 1024px){.split-view{grid-template-columns:1fr;height:auto}.calls-list{max-height:400px}.detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.filters-bar{flex-direction:column}.filter-select{width:100%}}.analytics-page{max-width:1400px}.header-actions{display:flex;gap:.75rem;align-items:center}.days-select{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.blue .stat-icon{background:#3b82f626;color:#3b82f6}.stat-card.purple .stat-icon{background:#a855f726;color:#a855f7}.stat-card.green .stat-icon{background:#22c55e26;color:#22c55e}.stat-card.orange .stat-icon{background:#f59e0b26;color:#f59e0b}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-subtext{font-size:.75rem;color:var(--text-muted)}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.bar-chart{display:flex;align-items:flex-end;gap:.5rem;height:180px;padding-top:1rem}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar{width:100%;max-width:40px;background:var(--accent-gradient);border-radius:4px 4px 0 0;min-height:10px;position:relative;display:flex;justify-content:center;transition:height .3s ease}.bar-value{position:absolute;top:-20px;font-size:.75rem;font-weight:600;color:var(--text-primary)}.bar-label{margin-top:.5rem;font-size:.625rem;color:var(--text-secondary);text-align:center}.sentiment-chart{display:flex;flex-direction:column;gap:.75rem}.sentiment-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px}.sentiment-bar.positive{background:#22c55e1a}.sentiment-bar.neutral{background:#6b72801a}.sentiment-bar.negative{background:#ef44441a}.sentiment-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sentiment-bar.positive .sentiment-icon{background:#22c55e33;color:#22c55e}.sentiment-bar.neutral .sentiment-icon{background:#6b728033;color:#6b7280}.sentiment-bar.negative .sentiment-icon{background:#ef444433;color:#ef4444}.sentiment-info{flex:1;display:flex;flex-direction:column}.sentiment-label{font-weight:600;text-transform:capitalize;color:var(--text-primary)}.sentiment-count{font-size:.75rem;color:var(--text-secondary)}.sentiment-percent{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.outcomes-list{display:flex;flex-direction:column;gap:.75rem}.outcome-row{display:flex;align-items:center;gap:1rem}.outcome-row .outcome-badge{min-width:100px;text-align:center}.outcome-bar-container{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.outcome-bar{height:100%;border-radius:4px;transition:width .3s ease}.outcome-bar.booked{background:#22c55e}.outcome-bar.info{background:#3b82f6}.outcome-bar.escalated{background:#f59e0b}.outcome-bar.abandoned{background:#ef4444}.outcome-bar.quoted_callback{background:#8b5cf6}.outcome-bar.unknown{background:#6b7280}.outcome-stats{min-width:80px;text-align:right;font-size:.875rem;color:var(--text-secondary)}.coaching-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.coaching-stat{text-align:center;padding:1rem;border-radius:8px}.coaching-stat.excellent{background:#22c55e1a}.coaching-stat.good{background:#3b82f61a}.coaching-stat.needs-work{background:#f59e0b1a}.coaching-count{display:block;font-size:1.5rem;font-weight:700}.coaching-stat.excellent .coaching-count{color:#22c55e}.coaching-stat.good .coaching-count{color:#3b82f6}.coaching-stat.needs-work .coaching-count{color:#f59e0b}.coaching-label{font-size:.75rem;color:var(--text-secondary)}.score-distribution{display:flex;align-items:flex-end;gap:.25rem;height:80px}.score-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.score-bar{width:100%;border-radius:2px 2px 0 0;min-height:2px}.score-bar.excellent{background:#22c55e}.score-bar.good{background:#3b82f6}.score-bar.needs-work{background:#f59e0b}.score-label{margin-top:.25rem;font-size:.625rem;color:var(--text-secondary)}.improvements-list{display:flex;flex-direction:column;gap:.5rem}.improvement-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.improvement-rank{width:24px;height:24px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.improvement-text{flex:1;font-size:.875rem;color:var(--text-primary)}.improvement-count{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.hourly-chart{display:flex;align-items:flex-end;gap:.25rem;height:100px}.hourly-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hourly-bar{width:100%;background:var(--accent-color);border-radius:2px 2px 0 0;min-height:2px;opacity:.7}.hourly-bar:hover{opacity:1}.hourly-label{margin-top:.25rem;font-size:.5rem;color:var(--text-muted)}.no-data,.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;color:var(--text-secondary)}.no-data-message p{margin:0 0 .25rem;font-weight:500}.no-data-message span{font-size:.75rem;color:var(--text-muted)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid,.charts-row,.coaching-summary{grid-template-columns:1fr}}.reports-page{max-width:1200px}.filters-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.filters-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.filter-actions{display:flex;gap:.75rem;justify-content:flex-end}.preview-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.preview-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.total-count{font-size:.875rem;color:var(--text-secondary)}.history-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.history-item{padding:.75rem;border-bottom:1px solid var(--border-color)}.history-info{display:flex;flex-direction:column;gap:.25rem}.history-date{font-size:.875rem;color:var(--text-primary)}.history-meta{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}}.settings-page{max-width:1000px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:1.5rem}.settings-tabs{display:flex;flex-direction:column;gap:.25rem}.settings-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left}.settings-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-tab.active{background:var(--bg-secondary);color:var(--accent-color)}.settings-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tab-panel h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.integration-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease}.integration-card.enabled{border-color:#22c55e80}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.integration-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:var(--bg-tertiary);color:var(--text-secondary)}.integration-card p{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}.integration-form{display:flex;flex-direction:column;gap:.5rem}.integration-form input{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-danger{background:#ef4444;color:#fff}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow-x:auto}.integrations-grid,.pms-integrations-grid{grid-template-columns:1fr}}.tab-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.pms-integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.pms-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.pms-card:hover{border-color:var(--accent-color);box-shadow:0 4px 20px #0000001a}.pms-card.connected{border-color:#22c55e80;background:linear-gradient(135deg,var(--bg-primary),rgba(34,197,94,.05))}.pms-card.coming-soon{opacity:.6;pointer-events:none}.pms-card.coming-soon .pms-card-header{flex-direction:column;align-items:center;text-align:center}.pms-card.coming-soon .pms-info{text-align:center}.pms-card.coming-soon .status-badge{margin-top:.5rem}.pms-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.pms-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),#6366f1);border-radius:12px;color:#fff;flex-shrink:0}.pms-logo.placeholder{background:var(--bg-tertiary);color:var(--text-secondary)}.pms-info{flex:1}.pms-info h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.pms-info p{margin:0;font-size:.875rem;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:20px;white-space:nowrap}.status-badge.pending{background:#fbbf2426;color:#f59e0b}.status-badge.coming-soon{background:var(--bg-tertiary);color:var(--text-secondary)}.pms-connected-info{background:var(--bg-secondary);border-radius:10px;padding:1rem;margin-bottom:1rem}.connected-property{display:flex;align-items:center;gap:.5rem}.connected-property .label{font-size:.813rem;color:var(--text-secondary)}.connected-property .value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.property-selector{margin-bottom:1rem}.property-selector label{display:block;margin-bottom:.75rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.property-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.property-option{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.property-option:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}.property-option.selected{border-color:var(--accent-color);background:#6366f11a}.property-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.property-city{font-size:.75rem;color:var(--text-secondary)}.no-properties{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.pms-card-actions{display:flex;gap:.75rem;margin-top:1rem}.pms-card-actions .btn{display:inline-flex;align-items:center;gap:.375rem}.pms-card-actions .btn-primary{flex:1;justify-content:center}.audit-page{max-width:1200px}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.filter-group select{padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;min-width:180px}.summary-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.action-badge.success{background:#22c55e26;color:#22c55e}.action-badge.danger{background:#ef444426;color:#ef4444}.action-badge.warning{background:#f59e0b26;color:#f59e0b}.action-badge.info{background:#3b82f626;color:#3b82f6}.tickets-page{max-width:1000px}.tickets-list{display:flex;flex-direction:column;gap:1rem}.ticket-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease}.ticket-card:hover{border-color:var(--accent-color)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ticket-id{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.ticket-subject{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.ticket-description{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-meta{display:flex;align-items:center;gap:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.open{background:#f59e0b26;color:#f59e0b}.status-badge.in_progress{background:#3b82f626;color:#3b82f6}.status-badge.resolved,.status-badge.closed{background:#22c55e26;color:#22c55e}.priority-badge{display:inline-block;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.priority-badge.low{background:var(--bg-primary);color:var(--text-secondary)}.priority-badge.medium{background:#3b82f626;color:#3b82f6}.priority-badge.high{background:#ef444426;color:#ef4444}.issue-type{font-size:.75rem;color:var(--text-secondary)}.created-at{font-size:.75rem;color:var(--text-secondary);margin-left:auto}.modal-form textarea{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical}.modal-form textarea:focus{outline:none;border-color:var(--accent-color)}.spam-page{max-width:1000px}.phone-cell{display:flex;align-items:center;gap:.5rem}.flag-count{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ef444426;color:#ef4444;font-weight:600;font-size:.875rem}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.info-notice{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.info-notice p{margin:0;font-size:.875rem;color:var(--text-secondary)}.info-notice strong{color:var(--text-primary)}:root{--color-primary: hsl(250, 84%, 54%);--color-primary-hover: hsl(250, 84%, 64%);--color-primary-light: hsl(250, 84%, 94%);--color-secondary: hsl(280, 70%, 60%);--color-accent: hsl(340, 82%, 52%);--color-success: hsl(142, 76%, 36%);--color-warning: hsl(38, 92%, 50%);--color-error: hsl(0, 84%, 60%);--color-info: hsl(199, 89%, 48%);--color-bg-primary: hsl(240, 10%, 8%);--color-bg-secondary: hsl(240, 8%, 12%);--color-bg-tertiary: hsl(240, 6%, 16%);--color-bg-elevated: hsl(240, 8%, 20%);--color-text-primary: hsl(0, 0%, 98%);--color-text-secondary: hsl(0, 0%, 70%);--color-text-tertiary: hsl(0, 0%, 50%);--color-border: hsl(240, 6%, 24%);--color-border-hover: hsl(240, 6%, 32%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.btn-danger{background:linear-gradient(135deg,var(--color-error),hsl(0,84%,50%));color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef43434d}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4827ec1a}.label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm)}.badge-success{background:#16a2491a;color:var(--color-success)}.badge-warning{background:#f59f0a1a;color:var(--color-warning)}.badge-error{background:#ef43431a;color:var(--color-error)}.badge-info{background:#0da2e71a;color:var(--color-info)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4827ec26}.input-field::placeholder{color:var(--color-text-tertiary)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}textarea.input-field{resize:vertical;min-height:80px}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}