.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-logo{display:flex;justify-content:center;margin-bottom:24px}.logo-image{width:80px;height:80px;object-fit:contain;border-radius:12px}.login-box{padding:40px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.login-box h2{margin-bottom:24px;color:#333}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:8px;color:#555;font-weight:600}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.login-button{width:100%;padding:12px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#0056b3}.error-message{color:#d93025;margin-top:-10px;margin-bottom:15px}.search-bar-container{width:100%;max-width:600px}.search-bar-wrapper{position:relative;display:flex;align-items:center}.search-bar-icon{position:absolute;left:16px;color:var(--color-on-surface-variant, #5f6368);pointer-events:none}.search-bar-input{width:100%;padding:12px 48px;border:1px solid var(--color-outline, #dadce0);border-radius:var(--radius-full, 24px);font-size:var(--font-size-base, 14px);background:var(--color-surface, #fff);color:var(--color-on-surface, #202124);transition:var(--transition-fast, all .2s);outline:none}.search-bar-input:focus{border-color:var(--color-primary, #1967d2);box-shadow:0 0 0 3px var(--color-focus-ring, rgba(25, 103, 210, .1))}.search-bar-input::placeholder{color:var(--color-on-surface-variant, #5f6368)}.search-bar-clear{position:absolute;right:16px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-full, 50%);color:var(--color-on-surface-variant, #5f6368);transition:var(--transition-fast, all .2s)}.search-bar-clear:hover{background:var(--color-hover-overlay, #f1f3f4)}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0;gap:var(--spacing-md);flex-wrap:wrap}.pagination-info{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.pagination{display:flex;list-style:none;padding:0;gap:var(--spacing-xs);align-items:center;margin:0 0 0 auto}.pagination-item{display:flex}.pagination-link{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:400;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;user-select:none}.pagination-link:hover{background:var(--color-surface-variant);border-color:var(--color-outline-variant)}.pagination-item.active .pagination-link{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;cursor:default}.pagination-item.disabled .pagination-link{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-item.disabled .pagination-link:hover{background:var(--color-surface);border-color:var(--color-outline)}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:flex-start}.pagination{margin-left:0}.pagination-link{min-width:28px;height:28px;font-size:13px}}.agent-search-container{margin-bottom:var(--spacing-xxl);max-width:600px}.agent-search-wrapper{position:relative;display:flex;align-items:center}.agent-search-icon{position:absolute;left:16px;color:var(--color-on-surface-variant);pointer-events:none}.agent-search-input{width:100%;padding:12px 48px;border:1px solid var(--color-outline);border-radius:var(--radius-full);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-on-surface);transition:var(--transition-fast);outline:none}.agent-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.agent-search-input::placeholder{color:var(--color-on-surface-variant)}.agent-search-clear{position:absolute;right:16px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:var(--transition-fast)}.agent-search-clear:hover{background:var(--color-hover-overlay)}.agent-search-results{margin-bottom:var(--spacing-lg);color:var(--color-on-surface-variant);font-size:var(--font-size-sm)}.agent-empty-state{padding:80px 24px;text-align:center}.agent-empty-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--color-primary-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.agent-empty-title{font-size:var(--font-size-2xl);font-weight:500;color:var(--color-on-surface);margin-bottom:12px}.agent-empty-description{max-width:480px;margin:0 auto 32px;color:var(--color-on-surface-variant);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.agent-no-results{padding:48px 24px;text-align:center;color:var(--color-on-surface-variant)}.agent-no-results-icon{margin:0 auto 16px;opacity:.5}.agent-no-results-title{font-size:var(--font-size-lg);font-weight:500;margin-bottom:8px;color:var(--color-on-surface)}.agent-no-results-text{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.agent-card{cursor:pointer;display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);transition:all var(--transition-base);overflow:hidden}.agent-card:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--color-outline-variant)}.agent-card-content{padding:var(--spacing-xl);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.agent-card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.agent-card-title{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--color-on-surface);line-height:var(--line-height-tight);flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.agent-type-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;flex-shrink:0}.agent-type-badge--voice{background:var(--color-success-surface);color:var(--color-success)}.agent-type-badge--chat{background:var(--color-info-surface);color:var(--color-info)}.agent-card-prompt{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-variant);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-model-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.agent-model-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-on-surface-secondary);padding:6px 10px;background:var(--color-surface-variant);border-radius:var(--radius-sm);width:fit-content;white-space:nowrap}.agent-model-badge span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.agent-model-badge--llm{background:#e8f0fe;color:#1967d2}.agent-model-badge--tts{background:#e6f4ea;color:#137333}.agent-model-badge--stt{background:#fef7e0;color:#f9ab00}.agent-card-footer{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-outline-variant);display:flex;justify-content:flex-end;background:var(--color-surface)}.agent-card-delete-btn{background:transparent;border:none;color:var(--color-on-surface-variant);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.agent-card-delete-btn:hover{background:var(--color-error-surface);color:var(--color-error)}.agent-card-delete-btn:active{background:var(--color-error-surface);transform:scale(.98)}.agent-delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.agent-delete-modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:400px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.agent-delete-modal-header{padding:var(--spacing-xxl);border-bottom:1px solid var(--color-outline-variant)}.agent-delete-modal-icon{width:48px;height:48px;margin:0 auto var(--spacing-lg);background:var(--color-error-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.agent-delete-modal-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:500;text-align:center;color:var(--color-on-surface)}.agent-delete-modal-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-variant);text-align:center;line-height:var(--line-height-relaxed)}.agent-delete-modal-message strong{color:var(--color-on-surface);font-weight:500}.agent-delete-modal-actions{padding:var(--spacing-lg);display:flex;gap:var(--spacing-sm);justify-content:flex-end}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.agent-search-container{margin-bottom:var(--spacing-lg)}.agent-empty-state{padding:48px 16px}.agent-empty-icon{width:64px;height:64px}.agent-empty-title{font-size:var(--font-size-xl)}.agent-card-header,.agent-card-body{padding:var(--spacing-md)}.agent-card-actions{padding:var(--spacing-sm) var(--spacing-md)}.agent-delete-modal-header{padding:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){.agent-card,.agent-search-input,.agent-search-clear,.agent-delete-modal-overlay,.agent-delete-modal{animation:none;transition:none}.agent-card:hover,.agent-card:active{transform:none}}@media (prefers-contrast: high){.agent-card{border-width:2px}.agent-search-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}}.voice-chat{display:flex;flex-direction:column;max-width:1000px;margin:0 auto;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:Canvas;color:CanvasText;border-radius:8px;border:1px solid color-mix(in srgb,CanvasText 20%,transparent)}.title{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;font-size:20px;font-weight:500;color:CanvasText}.status{font-size:12px;font-weight:500;padding:4px 12px;border-radius:12px;background:color-mix(in srgb,CanvasText 10%,transparent);color:CanvasText;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.status.live{background:color-mix(in srgb,AccentColor 20%,transparent);color:AccentColor;opacity:1}.transcript{flex:1;overflow-y:auto;margin-bottom:16px;padding:16px;background:color-mix(in srgb,CanvasText 5%,transparent);border-radius:8px;min-height:400px}.transcript::-webkit-scrollbar{width:6px}.transcript::-webkit-scrollbar-thumb{background:color-mix(in srgb,CanvasText 30%,transparent);border-radius:3px}.empty{text-align:center;color:color-mix(in srgb,CanvasText 60%,transparent);padding:80px 20px;font-size:14px}.placeholder{text-align:center;color:color-mix(in srgb,CanvasText 60%,transparent);padding:100px 20px;font-size:14px}.msg{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.msg.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,CanvasText 15%,transparent)}.msg.user .avatar{background:AccentColor}.avatar svg{width:18px;height:18px;color:CanvasText;opacity:.7}.msg.user .avatar svg{color:AccentColorText;opacity:1}.text{margin:0;padding:10px 16px;border-radius:18px;background:Canvas;color:CanvasText;font-size:14px;line-height:1.5;max-width:70%;word-wrap:break-word;border:1px solid color-mix(in srgb,CanvasText 15%,transparent)}.msg.user .text{background:AccentColor;color:AccentColorText;border-color:AccentColor}.dots{opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.error{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:color-mix(in srgb,red 15%,transparent);color:color-mix(in srgb,red 80%,CanvasText);border-radius:8px;font-size:13px;border:1px solid color-mix(in srgb,red 30%,transparent)}.close{background:none;border:none;color:inherit;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.7}.close:hover{background:color-mix(in srgb,red 20%,transparent);opacity:1}.action{width:100%;padding:12px 24px;border:none;border-radius:24px;background:AccentColor;color:AccentColorText;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;background:#3b82f6}.action:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.action:active:not(:disabled){transform:translateY(0)}.action.stop{background:color-mix(in srgb,red 70%,CanvasText);color:Canvas}.action.stop:hover:not(:disabled){background:red}.action:disabled{background:color-mix(in srgb,CanvasText 20%,transparent);color:color-mix(in srgb,CanvasText 50%,transparent);cursor:not-allowed;transform:none}@media (max-width: 600px){.voice-chat{padding:16px;border-radius:0;border:none}.title{font-size:18px;margin-bottom:16px}.transcript{min-height:300px;padding:12px}.msg{gap:8px}.avatar{width:28px;height:28px}.avatar svg{width:16px;height:16px}.text{max-width:80%;font-size:13px;padding:8px 12px}}@supports not (background: color-mix(in srgb,red 50%,blue)){.voice-chat{background:#fff;color:#000;border-color:#e0e0e0}.status{background:#f0f0f0;color:#666}.status.live{background:#e3f2fd;color:#1976d2}.transcript{background:#f9f9f9}.empty,.placeholder{color:#666}.avatar{background:#e0e0e0}.msg.user .avatar{background:#1976d2}.avatar svg{color:#666}.msg.user .avatar svg{color:#fff}.text{background:#fff;color:#000;border-color:#e0e0e0}.msg.user .text{background:#1976d2;color:#fff;border-color:#1976d2}.error{background:#ffebee;color:#c62828;border-color:#ef9a9a}.action{background:#1976d2;color:#fff}.action.stop{background:#d32f2f}.action:disabled{background:#f0f0f0;color:#999}@media (prefers-color-scheme: dark){.voice-chat{background:#1a1a1a;color:#fff;border-color:#333}.status{background:#2a2a2a;color:#999}.status.live{background:#1e3a5f;color:#64b5f6}.transcript{background:#242424}.empty,.placeholder{color:#999}.avatar{background:#333}.avatar svg{color:#999}.text{background:#2a2a2a;color:#fff;border-color:#333}.error{background:#3a1f1f;color:#ff6b6b;border-color:#5a2f2f}}}.chat-container{max-width:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:8px;margin-bottom:16px}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-header-title{font-size:1.125rem;font-weight:600;margin:0}.chat-header-subtitle{font-size:.875rem;color:var(--color-secondary);margin:0}.chat-status{display:flex;align-items:center;gap:8px}.chat-status-text{font-size:.875rem;font-weight:500}.chat-messages{height:400px;overflow-y:auto;border:1px solid var(--color-outline);border-radius:8px;padding:16px;background-color:var(--color-surface-variant);margin-bottom:16px}.message{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.message.user-message{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.message-avatar.user{background-color:var(--color-primary)}.message-avatar.ai{background-color:var(--color-secondary)}.message-bubble{padding:16px 20px;max-width:75%;word-wrap:break-word;box-shadow:0 1px 2px #0000001a;position:relative}.message-bubble.user{background-color:var(--color-primary);color:#fff;border-radius:20px 20px 4px;border:none}.message-bubble.ai{background-color:var(--color-surface);color:var(--color-on-surface);border-radius:20px 20px 20px 4px;border:1px solid var(--color-outline)}.message-content{margin-bottom:8px;line-height:1.5;font-size:14px;white-space:pre-wrap}.message-timestamp{font-size:11px;text-align:right;margin-top:4px;font-weight:500}.message-timestamp.user{opacity:.8}.message-timestamp.ai{opacity:.6}.typing-indicator{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.typing-bubble{background-color:var(--color-surface);border:1px solid var(--color-outline);padding:16px 20px;border-radius:20px 20px 20px 4px;font-style:italic;color:var(--color-on-surface-variant);box-shadow:0 1px 2px #0000001a;display:flex;align-items:center;gap:8px}.typing-text{font-size:14px;color:var(--color-on-surface-variant);font-style:italic}.chat-input-container{display:flex;gap:8px;align-items:center;padding:12px;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:8px;margin-top:8px}.chat-input-wrapper{flex:1}.chat-textarea{width:100%;border:none;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.4;resize:none;min-height:40px;max-height:100px;background-color:var(--color-surface-variant);color:var(--color-on-surface);font-family:inherit;outline:none;transition:background-color .2s ease}.chat-textarea:focus{background-color:var(--color-surface)}.chat-textarea:disabled{opacity:.6;cursor:not-allowed}.chat-textarea::placeholder{color:var(--color-on-surface-variant);opacity:.7}.chat-input-hint{position:absolute;bottom:-18px;right:8px;font-size:10px;color:var(--color-on-surface-variant);opacity:.6}.chat-send-button{height:40px;width:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.chat-send-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.chat-send-button.enabled:hover:before{left:100%}.chat-send-button.enabled{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.chat-send-button.disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.chat-send-button.enabled:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 15px #3b82f666}.chat-send-button.enabled:active{transform:translateY(0) scale(1.02)}.chat-send-button.loading .loading-spinner{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.chat-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:16px}.chat-session-info{font-size:.875rem;color:var(--color-secondary)}.chat-control-buttons{display:flex;gap:8px}.empty-state{text-align:center;padding:48px 0}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--color-outline)}.empty-state-title{font-size:1.125rem;font-weight:500;margin-bottom:8px}.empty-state-subtitle{color:var(--color-secondary);margin-bottom:16px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.bounce-dot{width:6px;height:6px;background-color:var(--color-on-surface-variant);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.bounce-dot:nth-child(1){animation-delay:0s}.bounce-dot:nth-child(2){animation-delay:.16s}.bounce-dot:nth-child(3){animation-delay:.32s}@media (max-width: 768px){.chat-messages{height:300px;padding:12px}.message-bubble{max-width:85%;padding:12px 16px}.chat-input-container{padding:12px;gap:8px}.chat-header{padding:10px 12px}}.contact-selected-display{position:relative;background:#fff;border-radius:10px;border:2px solid #6366f1;box-shadow:0 2px 8px #6366f126;transition:all .2s}.contact-selected-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.contact-selected-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center}.contact-selected-info{flex:1;margin-left:12px}.contact-selected-name{font-size:15px;font-weight:600;color:#1f2937}.contact-selected-phone{font-size:13px;color:#6b7280}.contact-clear-button{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.contact-clear-button:hover{background:#fee2e2}.contact-clear-button:disabled{cursor:not-allowed;opacity:.5}.contact-select-wrapper{position:relative}.contact-select-trigger{position:relative;width:100%;background:#fff;border-radius:10px;border:2px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:15px;color:#6b7280}.contact-select-trigger:hover{border-color:#d1d5db}.contact-select-trigger.open{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.contact-select-trigger:disabled{cursor:not-allowed;opacity:.6;background:#f9fafb}.contact-select-trigger-icon{transition:transform .2s}.contact-select-trigger.open .contact-select-trigger-icon{transform:rotate(180deg)}.contact-dropdown-panel{position:absolute;width:100%;background:#fff;margin-top:8px;border-radius:10px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;z-index:20;overflow:hidden}.contact-dropdown-search{padding:12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.contact-dropdown-search-wrapper{display:flex;align-items:center;background:#fff;border-radius:8px;border:1px solid #d1d5db;padding:8px 12px}.contact-dropdown-search-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.contact-dropdown-search-input{flex:1;border:none;outline:none;font-size:14px;color:#1f2937;background:transparent;margin-left:8px}.contact-dropdown-search-input::placeholder{color:#9ca3af}.contact-search-clear{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.contact-search-clear:hover{background:#f3f4f6}.contact-dropdown-list{max-height:280px;overflow-y:auto}.contact-dropdown-item{width:100%;padding:12px 16px;border:none;background:#fff;text-align:left;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s;display:block}.contact-dropdown-item:hover{background:#f9fafb}.contact-dropdown-item:last-child{border-bottom:none}.contact-dropdown-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.contact-dropdown-phone{font-size:13px;color:#6b7280}.contact-dropdown-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}*,*:before,*:after{box-sizing:border-box}.agent-editor{height:100%;display:flex;flex-direction:column;background:#fafafa}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001f}.header-left{display:flex;align-items:center;gap:16px}.back-button{color:#1976d2;text-decoration:none;font-weight:500;padding:8px 12px;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:#e3f2fd}.editor-header h1{margin:0;color:#202124;font-size:24px;font-weight:400}.btn-primary{background-color:#1976d2;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:14px}.btn-primary:hover:not(:disabled){background-color:#1565c0}.btn-primary:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.btn-secondary{background-color:transparent;color:#1976d2;border:1px solid #1976d2;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;font-size:14px}.btn-secondary:hover{background-color:#e3f2fd}.editor-tabs{width:240px;background:#fff;border-right:1px solid #e0e0e0;padding:16px 0}.tab-button{display:flex;align-items:center;width:100%;padding:12px 24px;border:none;background:none;text-align:left;cursor:pointer;color:#5f6368;font-size:14px;font-weight:500;transition:all .2s;gap:12px}.tab-button:hover{background-color:#f8f9fa}.tab-button.active{background-color:#e8f0fe;color:#1976d2;border-right:3px solid #1976d2}.tab-icon,.nav-icon{width:20px;height:20px;flex-shrink:0}.tab-content{flex:1;overflow-y:auto;background:#fff}.tab-panel{padding:32px;max-width:600px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{margin:0 0 24px;color:#202124;font-size:20px;font-weight:500}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#3c4043;font-weight:500;font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.form-textarea{resize:vertical;min-height:120px}.form-hint{margin-top:6px;font-size:12px;color:#5f6368}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0;color:#202124;font-size:20px;font-weight:500}.inline-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:24px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.function-endpoint{font-size:12px;color:#1976d2;margin-top:4px}.knowledge-list,.function-list{margin-bottom:24px}.knowledge-item,.function-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}.knowledge-item:hover,.function-item:hover{border-color:#1976d2;box-shadow:0 2px 8px #0000001a}.checkbox-label{display:flex;align-items:flex-start;padding:16px;cursor:pointer;gap:12px}.checkbox-label input[type=checkbox]{margin:4px 0 0;cursor:pointer}.knowledge-info h4,.function-info h4{margin:0 0 4px;color:#202124;font-size:16px;font-weight:500}.knowledge-info p,.function-info p{margin:0 0 8px;color:#5f6368;font-size:14px;line-height:1.4}.knowledge-type{background:#e8f0fe;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.tester-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.tester-header h3{margin:0;color:#202124;font-size:20px;font-weight:500}.tester-status{display:flex;align-items:center;gap:8px}.status-connected{display:flex;align-items:center;gap:6px;color:#4caf50;font-weight:500;font-size:14px}.status-disconnected{display:flex;align-items:center;gap:6px;color:#9e9e9e;font-weight:500;font-size:14px}.chat-interface{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:24px;background:#fafafa}.chat-welcome{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 24px;text-align:center;color:#5f6368}.welcome-avatar{background:#e8f0fe;color:#1976d2;border-radius:50%;padding:16px;margin-bottom:16px}.welcome-text h4{margin:0 0 8px;color:#202124;font-weight:500}.welcome-text p{margin:0;font-size:14px;line-height:1.4}.chat-message{display:flex;gap:12px;margin-bottom:24px;align-items:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message.user .message-avatar{background:#1976d2;color:#fff}.chat-message.ai .message-avatar{background:#f5f5f5;color:#5f6368;border:1px solid #e0e0e0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.message-sender{font-weight:500;font-size:12px;color:#5f6368}.message-time{font-size:11px;color:#9e9e9e}.message-text{background:#fff;padding:12px 16px;border-radius:18px;border:1px solid #e0e0e0;color:#202124;font-size:14px;line-height:1.4;margin:0}.chat-message.user .message-text{background:#1976d2;color:#fff;border-color:#1976d2}.typing-indicator span{width:6px;height:6px;background:#5f6368;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.chat-controls{padding:24px;border-top:1px solid #e0e0e0;background:#fff}.voice-controls{display:flex;align-items:center;gap:16px;margin-bottom:12px}.mic-status{display:flex;align-items:center;gap:6px;color:#4caf50;font-size:14px;font-weight:500;background:#e8f5e8;padding:6px 12px;border-radius:16px;border:1px solid #4caf50}.voice-status{display:flex;align-items:center;gap:6px;color:#4caf50;font-size:14px;font-weight:500}.connection-info{text-align:center;color:#9e9e9e;font-size:12px}.transcript-container{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:16px;overflow-y:auto;background:#fafafa;margin-bottom:16px;min-height:300px}.transcript-message{margin-bottom:16px;padding:12px;border-radius:8px;max-width:80%}.transcript-message.user{background:#e3f2fd;margin-left:auto;text-align:right}.transcript-message.ai{background:#fff;border:1px solid #e0e0e0}.message-sender{font-weight:500;font-size:12px;color:#5f6368;display:block;margin-bottom:4px}.message-text{margin:0;color:#202124;font-size:14px;line-height:1.4}.tester-controls{padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.start-stop-button{width:100%;padding:16px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:12px}.start-stop-button.disconnected{background-color:#4caf50;color:#fff}.start-stop-button.disconnected:hover:not(:disabled){background-color:#45a049}.start-stop-button.connected{background-color:#f44336;color:#fff}.start-stop-button.connected:hover:not(:disabled){background-color:#da190b}.start-stop-button:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.room-info{color:#5f6368;font-size:12px;margin:0}.required{color:#d32f2f;margin-left:2px;font-weight:600}.tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;background:#5f6368;color:#fff;border-radius:50%;font-size:11px;font-weight:600;cursor:help;position:relative;vertical-align:middle}.tooltip:hover:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;z-index:1000;margin-bottom:5px;box-shadow:0 2px 8px #0003}.tooltip:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;z-index:1000;margin-bottom:-5px}.save-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;transition:all .2s}.save-indicator.saving{color:#1976d2;background:#e3f2fd}.save-indicator.unsaved{color:#f57c00;background:#fff8e1}.save-indicator.saved{color:#2e7d32;background:#e8f5e8}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.error-message{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;display:flex;align-items:flex-start;gap:8px}.error-message svg{flex-shrink:0;margin-top:1px}.voice-tester .chat-messages{max-height:500px;min-height:300px}.voice-tester .welcome-text{text-align:center;max-width:400px}.voice-tester .connection-info{padding:8px 0;border-top:1px solid #e0e0e0;margin-top:12px}.voice-tester .connection-info small{color:#5f6368;font-size:11px}.voice-tester .typing-indicator{padding:4px}.voice-tester .mic-status{justify-self:center;margin:12px 0}@media (max-width: 768px){.editor-content{flex-direction:column}.editor-tabs{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding:8px 0;display:flex;overflow-x:auto}.tab-button{flex-shrink:0;padding:8px 16px;border-right:none;border-bottom:3px solid transparent}.tab-button.active{border-right:none;border-bottom:3px solid #1976d2}.tab-panel{padding:16px;max-width:none}.form-row{grid-template-columns:1fr}.editor-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.header-left{flex-wrap:wrap;gap:8px}.editor-header h1{font-size:20px}.form-section{margin-bottom:24px}.form-section h3{font-size:18px;margin-bottom:16px}.voice-tester .chat-messages{max-height:400px;min-height:250px;padding:16px}.voice-tester .welcome-text{max-width:none}.voice-tester .welcome-text h4{font-size:16px}.voice-tester .welcome-text p{font-size:13px}.voice-tester .message-content{max-width:85%}.voice-tester .start-stop-button{padding:14px 20px;font-size:15px}}@media (max-width: 480px){.tab-panel{padding:12px}.form-group{margin-bottom:16px}.form-section{margin-bottom:20px}.btn-primary,.btn-secondary{padding:12px 20px;width:100%}.editor-header{flex-direction:column;align-items:flex-start}.header-left{width:100%;justify-content:space-between}}.page-loading{display:flex;align-items:center;justify-content:center;height:400px;color:#5f6368;font-size:16px;gap:12px}.loading-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top:2px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.chat-input-container{padding:16px;background:#fff;border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:24px;background:#f5f5f5;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:#1976d2;background:#fff;box-shadow:0 0 0 2px #1976d21a}.chat-input{flex:1;border:none;background:transparent;font-size:14px;line-height:1.4;padding:8px 0;outline:none;font-family:inherit;color:#202124}.chat-input::placeholder{color:#5f6368}.chat-input-actions{display:flex;align-items:center;gap:8px}.send-button,.voice-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.send-button{background:#1976d2;color:#fff}.send-button:hover:not(:disabled){background:#1565c0;transform:scale(1.05)}.send-button:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none}.voice-button{background:#f5f5f5;color:#5f6368;border:1px solid #e0e0e0}.voice-button:hover:not(:disabled){background:#e3f2fd;color:#1976d2;border-color:#1976d2}.voice-button.connected{background:#d32f2f;color:#fff;border-color:#d32f2f}.voice-button.connected:hover:not(:disabled){background:#c62828;border-color:#c62828}.voice-button:disabled{background:#f5f5f5;color:#bdbdbd;border-color:#e0e0e0;cursor:not-allowed}.connection-status{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#e8f5e8;border-radius:16px;color:#2e7d32;font-size:12px;font-weight:500}.loading-spinner{animation:spin 1s linear infinite}.chat-input{resize:none;overflow-y:hidden}@media (max-width: 768px){.chat-input-container{padding:12px}.chat-input-wrapper{padding:6px 10px}.send-button,.voice-button{width:32px;height:32px}}.analytics-container{max-width:1400px;margin:0 auto;padding:24px;background-color:#fafafa;min-height:100vh;font-family:Roboto,Segoe UI,Arial,sans-serif}.analytics-header{margin-bottom:32px}.analytics-header h1{font-size:28px;font-weight:400;color:#202124;margin:0 0 4px;letter-spacing:-.5px}.analytics-header p{color:#5f6368;font-size:14px;margin:0;font-weight:400}.loading-container,.error-container{padding:48px 24px;text-align:center}.error-box{max-width:500px;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px;border:1px solid #dadce0}.error-box h3{margin:0 0 12px;font-size:16px;font-weight:500;color:#202124}.error-box p{color:#5f6368;font-size:14px;margin:0 0 16px}.retry-button{padding:8px 24px;background-color:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.retry-button:hover{background-color:#1765cc}.filters-section{background-color:#fff;padding:24px;border-radius:8px;border:1px solid #dadce0;margin-bottom:24px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filters-header h3{font-size:16px;font-weight:500;color:#202124;margin:0}.filters-badge{font-size:12px;color:#1a73e8;background-color:#e8f0fe;padding:4px 12px;border-radius:12px;font-weight:500}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-label{font-size:12px;font-weight:500;color:#5f6368;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.filter-label.disabled{color:#9aa0a6}.filter-label-hint{font-size:11px;font-weight:400;margin-left:6px;text-transform:none;letter-spacing:0}.filter-select,.filter-input{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;color:#202124;background-color:#fff;transition:border-color .2s,box-shadow .2s;font-family:inherit}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f6368' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-select:hover,.filter-input:not(:disabled):hover{border-color:#202124}.filter-select:focus,.filter-input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.filter-select.placeholder{color:#80868b}.filter-input:disabled{background-color:#f8f9fa;cursor:not-allowed;color:#9aa0a6;border-color:#e8eaed}.filters-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e8eaed}.btn{flex:1;padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#1a73e8;color:#fff;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn-primary:hover{background-color:#1765cc;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.btn-primary:active{background-color:#1557b0;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn-danger{background-color:#fff;color:#5f6368;border:1px solid #dadce0}.btn-danger:hover{background-color:#f8f9fa;border-color:#80868b}.btn-danger:active{background-color:#f1f3f4}.btn-danger:disabled{background-color:#f8f9fa;color:#9aa0a6;cursor:not-allowed;border-color:#e8eaed}.btn-danger:disabled:hover{background-color:#f8f9fa;box-shadow:none}.filter-message{margin-top:16px;padding:12px 16px;border-radius:4px;font-size:13px;line-height:1.5}.filter-message.error{background-color:#fce8e6;color:#c5221f;border-left:4px solid #ea4335}.filter-message.info{background-color:#e8f0fe;color:#1967d2;border-left:4px solid #1a73e8}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.metric-card{background-color:#fff;padding:20px;border-radius:8px;border:1px solid #dadce0;transition:box-shadow .2s}.metric-card:hover{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.metric-card-content{display:flex;justify-content:space-between;align-items:flex-start}.metric-info h4{font-size:12px;color:#5f6368;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.metric-value{font-size:32px;font-weight:400;color:#202124;margin:0 0 4px;line-height:1.2}.metric-subtitle{font-size:13px;color:#5f6368;margin:0}.metric-icon{font-size:24px;opacity:.7}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:16px;margin-bottom:24px}.chart-card{background-color:#fff;padding:24px;border-radius:8px;border:1px solid #dadce0}.chart-card h3{font-size:16px;font-weight:500;color:#202124;margin:0 0 20px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{border-bottom:1px solid #dadce0}.data-table th{padding:12px 16px;text-align:left;font-weight:500;color:#5f6368;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.data-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .2s}.data-table td{padding:16px;color:#202124}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;display:inline-block}.status-badge.active{background-color:#e6f4ea;color:#137333}.status-badge.inactive{background-color:#fce8e6;color:#c5221f}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e8eaed}.stat-row:last-child{border-bottom:none}.stat-label{font-size:14px;color:#5f6368}.stat-value{font-size:18px;font-weight:500;color:#202124}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header h1{font-size:24px}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.metrics-grid,.charts-grid{grid-template-columns:1fr}}@media (max-width: 480px){.analytics-header h1{font-size:20px}.metric-value{font-size:28px}.filters-section{padding:16px}}.call-history-page{padding:24px!important;max-width:1400px!important;margin:0 auto!important;background-color:#f8f9fa!important;min-height:100vh!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .page-header-section{background:#fff!important;border-radius:8px!important;padding:24px!important;margin-bottom:24px!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)!important}.call-history-page .page-header-section:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b!important}.call-history-page .page-title-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important;padding-bottom:16px!important;border-bottom:1px solid #e0e0e0!important}.call-history-page .page-title-row h1{margin:0!important;font-size:24px!important;font-weight:400!important;color:#202124!important;letter-spacing:0!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .search-filters-container{display:grid!important;grid-template-columns:1fr 2fr!important;gap:24px!important;margin-bottom:16px!important}.call-history-page .search-section{display:flex!important;flex-direction:column!important;gap:30px!important}.call-history-page .section-label{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;font-weight:500!important;color:#5f6368!important;text-transform:uppercase!important;letter-spacing:.8px!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;height:20px!important;margin-bottom:0!important}.call-history-page .section-label svg{color:#1a73e8!important;width:16px!important;height:16px!important}.call-history-page .search-form{display:flex!important;gap:0!important;align-items:stretch!important;position:relative!important;border:1px solid #dadce0!important;border-radius:24px!important;overflow:hidden!important;background-color:#fff!important;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;height:44px!important}.call-history-page .search-form:hover{border-color:#bdc1c6!important;box-shadow:0 1px 2px #0000001a!important}.call-history-page .search-form:focus-within{border-color:#1a73e8!important;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926!important}.call-history-page .search-input{flex:1!important;padding:0 20px!important;font-size:14px!important;font-family:Roboto,Arial,sans-serif!important;border:none!important;border-radius:0!important;outline:none!important;background-color:transparent!important;color:#202124!important;height:100%!important}.call-history-page .search-input::placeholder{color:#80868b!important}.call-history-page .btn-search{padding:0 24px!important;font-size:14px!important;font-weight:500!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;background-color:#1a73e8!important;color:#fff!important;border:none!important;border-radius:0!important;cursor:pointer!important;white-space:nowrap!important;transition:background-color .2s cubic-bezier(.4,0,.2,1)!important;text-transform:none!important;letter-spacing:.25px!important;height:100%!important}.call-history-page .btn-search:hover{background-color:#1765cc!important}.call-history-page .btn-search:active{background-color:#1557b0!important}.call-history-page .btn-clear-search{padding:0 12px!important;font-size:18px!important;background-color:transparent!important;color:#5f6368!important;border:none!important;border-left:1px solid #e0e0e0!important;border-radius:0!important;cursor:pointer!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:100%!important}.call-history-page .btn-clear-search:hover{background-color:#0000000a!important;color:#202124!important}.call-history-page .filters-section{display:flex!important;flex-direction:column!important;gap:8px!important}.call-history-page .filters-grid{display:grid!important;grid-template-columns:2fr 1.2fr 1.2fr auto!important;gap:12px!important;align-items:end!important}.call-history-page .filter-item{display:flex!important;flex-direction:column!important;gap:8px!important}.call-history-page .filter-item label{font-size:11px!important;font-weight:500!important;color:#5f6368!important;text-transform:uppercase!important;letter-spacing:.8px!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;height:20px!important;display:flex!important;align-items:center!important}.call-history-page .filter-select,.call-history-page .filter-input{padding:0 16px!important;font-size:14px!important;font-family:Roboto,Arial,sans-serif!important;border:1px solid #dadce0!important;border-radius:4px!important;outline:none!important;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;background-color:#fff!important;color:#202124!important;cursor:pointer!important;height:44px!important}.call-history-page .filter-select:hover,.call-history-page .filter-input:hover{border-color:#bdc1c6!important}.call-history-page .filter-select:focus,.call-history-page .filter-input:focus{border-color:#1a73e8!important;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926!important}.call-history-page .filter-actions-inline{display:flex!important;gap:8px!important;align-items:flex-end!important}.call-history-page .btn-apply-filter{padding:12px 24px!important;font-size:14px!important;font-weight:500!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;background-color:#1a73e8!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important;white-space:nowrap!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326!important;letter-spacing:.25px!important}.call-history-page .btn-apply-filter:hover{background-color:#1765cc!important;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326!important}.call-history-page .btn-apply-filter:active{background-color:#1557b0!important;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326!important}.call-history-page .btn-clear-filter{padding:12px 24px!important;font-size:14px!important;font-weight:500!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;background-color:#fff!important;color:#5f6368!important;border:1px solid #dadce0!important;border-radius:4px!important;cursor:pointer!important;white-space:nowrap!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)!important;letter-spacing:.25px!important}.call-history-page .btn-clear-filter:hover{background-color:#f1f3f4!important;border-color:#bdc1c6!important}.call-history-page .header-info-row{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:32px!important;padding-top:12px!important}.call-history-page .active-filters-inline{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}.call-history-page .filter-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background-color:#e8f0fe!important;color:#1967d2!important;border:1px solid #d2e3fc!important;border-radius:16px!important;font-size:12px!important;font-weight:500!important;font-family:Roboto,Arial,sans-serif!important;letter-spacing:.3px!important}.call-history-page .filter-chip svg{width:12px!important;height:12px!important}.call-history-page .stats-inline{display:flex!important;gap:16px!important;align-items:center!important;padding:6px 16px!important;background-color:#f1f3f4!important;border-radius:16px!important;font-size:13px!important;color:#5f6368!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .stat-item{display:flex!important;align-items:center!important;gap:4px!important;font-size:13px!important}.call-history-page .stat-item strong{color:#1a73e8!important;font-weight:500!important}.call-history-page .stat-divider{color:#dadce0!important;font-weight:300!important}.call-history-page .btn-primary{padding:10px 24px!important;font-size:14px!important;font-weight:500!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;background-color:#1a73e8!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important;white-space:nowrap!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326!important;letter-spacing:.25px!important;text-transform:none!important}.call-history-page .btn-primary:hover{background-color:#1765cc!important;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326!important}.call-history-page .btn-primary:active{background-color:#1557b0!important;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326!important}.call-history-page .btn-secondary{padding:10px 24px!important;font-size:14px!important;font-weight:500!important;font-family:Google Sans,Roboto,Arial,sans-serif!important;background-color:#fff!important;color:#1a73e8!important;border:1px solid #dadce0!important;border-radius:4px!important;cursor:pointer!important;white-space:nowrap!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)!important;letter-spacing:.25px!important;text-transform:none!important}.call-history-page .btn-secondary:hover{background-color:#f1f3f4!important;border-color:#1a73e8!important}.call-history-page .call-history-layout{display:flex!important;gap:24px!important}.call-history-page .call-list-container{flex:1!important}.call-history-page .call-list{background-color:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important;overflow:hidden!important}.call-history-page .call-item{padding:20px!important;border-bottom:1px solid #e0e0e0!important;cursor:pointer!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;border-left:none!important;margin:0!important;background:#fff!important;box-shadow:none!important;transform:none!important}.call-history-page .call-item:last-child{border-bottom:none!important}.call-history-page .call-item:hover{background-color:#f8f9fa!important;box-shadow:none!important;transform:none!important}.call-history-page .call-item.selected{background-color:#e8f0fe!important;border-left:4px solid #1a73e8!important}.call-history-page .call-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:12px!important;border-bottom:0px;box-shadow:0 0 #0000001a}.call-history-page .call-agent-info{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.call-history-page .call-agent{font-weight:500!important;font-size:16px!important;color:#202124!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .agent-type-badge{padding:4px 12px!important;font-size:11px!important;border-radius:16px!important;font-weight:500!important;font-family:Roboto,Arial,sans-serif!important;letter-spacing:.3px!important;text-transform:uppercase!important}.call-history-page .lead-status-badge{padding:4px 12px!important;font-size:11px!important;border-radius:16px!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;font-family:Roboto,Arial,sans-serif!important;letter-spacing:.3px!important}.call-history-page .call-status{font-weight:500!important;font-size:14px!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .call-meta{display:flex!important;gap:20px!important;font-size:13px!important;color:#5f6368!important;margin-bottom:8px!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .call-meta span{display:flex!important;align-items:center!important;gap:4px!important}.call-history-page .call-phone-info{display:flex!important;gap:20px!important;margin-top:8px!important}.call-history-page .phone-detail{display:flex!important;gap:6px!important;font-size:12px!important;align-items:center!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .phone-label{font-weight:500!important;color:#5f6368!important;font-size:12px!important}.call-history-page .phone-number{color:#202124!important;font-family:Roboto Mono,monospace!important;font-size:12px!important;font-weight:400!important}.call-history-page .call-details{width:450px!important;background-color:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important;padding:24px!important;max-height:calc(100vh - 140px)!important;overflow-y:auto!important;display:block!important;visibility:visible!important}.call-history-page .details-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding-bottom:16px!important;border-bottom:1px solid #e0e0e0!important}.call-history-page .details-header h3{margin:0!important;font-size:20px!important;font-weight:500!important;color:#202124!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .details-actions{display:flex!important;gap:8px!important;align-items:center!important}.call-history-page .close-button{background:transparent!important;border:none!important;font-size:24px!important;color:#5f6368!important;cursor:pointer!important;padding:8px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:background-color .2s cubic-bezier(.4,0,.2,1)!important}.call-history-page .close-button:hover{background-color:#f1f3f4!important}.call-history-page .call-info{margin-bottom:24px!important}.call-history-page .info-item{display:flex!important;justify-content:space-between!important;padding:12px 0!important;border-bottom:1px solid #e0e0e0!important}.call-history-page .info-item:last-child{border-bottom:none!important}.call-history-page .info-item label{font-weight:500!important;color:#5f6368!important;font-size:13px!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .info-item span{color:#202124!important;font-size:14px!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .lead-status-detail{background-color:#e8f0fe!important;color:#1967d2!important;padding:4px 12px!important;border-radius:12px!important;font-size:14px!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.call-history-page .transcript-section{margin-top:24px!important}.call-history-page .transcript-section h4{margin:0 0 16px!important;font-size:18px!important;font-weight:500!important;color:#202124!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .transcript-container{margin-bottom:20px!important}.call-history-page .conversation-summary{background-color:#f8f9fa!important;padding:16px!important;border-radius:8px!important;margin-bottom:16px!important;border:1px solid #e0e0e0!important}.call-history-page .conversation-summary h5{margin:0 0 8px!important;font-size:14px!important;font-weight:500!important;color:#5f6368!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .summary-text{margin:0!important;font-size:14px!important;color:#202124!important;line-height:1.6!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .message-list{display:flex!important;flex-direction:column!important;gap:12px!important}.call-history-page .message-item{padding:16px!important;border-radius:8px!important;background-color:#f8f9fa!important;border-left:none!important;border:1px solid #e0e0e0!important;margin:0!important;box-shadow:none!important;transform:none!important;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)!important}.call-history-page .message-item:hover{box-shadow:0 1px 3px #0000001f!important;transform:none!important}.call-history-page .message-item.user{background-color:#e8f0fe!important;border:1px solid #d2e3fc!important;border-left:3px solid #1a73e8!important;margin:0!important}.call-history-page .message-item.user .message-role{background:#e6e9ee38}.call-history-page .message-item.assistant{background-color:#e6f4ea!important;border:1px solid #c6e1c6!important;border-left:3px solid #34a853!important;margin:0!important}.call-history-page .message-item.assistant .message-role{background:none!important;color:#34a853!important}.call-history-page .message-item.system{background-color:#fef7e0!important;border:1px solid #fce8b2!important;border-left:3px solid #fbbc04!important;margin:0!important}.call-history-page .message-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.call-history-page .message-role{font-weight:500!important;font-size:12px!important;color:#1a73e8!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .message-timestamp{font-size:11px!important;color:#5f6368!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .message-content{font-size:14px!important;color:#202124!important;line-height:1.6!important;word-wrap:break-word!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .function-calls{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #e0e0e0!important}.call-history-page .function-calls h6{margin:0 0 8px!important;font-size:12px!important;font-weight:500!important;color:#5f6368!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .function-call{font-size:12px!important;color:#202124!important;background-color:#f1f3f4!important;padding:8px 12px!important;border-radius:4px!important;margin-bottom:6px!important;font-family:Roboto Mono,monospace!important}.call-history-page .empty-state{text-align:center!important;padding:60px 20px!important;color:#5f6368!important}.call-history-page .empty-icon{font-size:64px!important;margin-bottom:16px!important;opacity:.5!important}.call-history-page .empty-state h3{margin:0 0 8px!important;font-size:20px!important;font-weight:500!important;color:#202124!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .empty-state p{margin:0!important;font-size:14px!important;color:#5f6368!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .no-transcript{text-align:center!important;padding:24px!important;color:#5f6368!important;font-size:14px!important;display:block!important;font-family:Roboto,Arial,sans-serif!important}.call-history-page .page-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:400px!important;gap:16px!important}.call-history-page .loading-spinner{width:48px!important;height:48px!important;border:4px solid #e0e0e0!important;border-top:4px solid #1a73e8!important;border-radius:50%!important;animation:call-history-spin 1s linear infinite!important}@keyframes call-history-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-history-page .page-loading p{color:#5f6368!important;font-size:16px!important;font-weight:500!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .error-state{text-align:center!important;padding:60px 20px!important}.call-history-page .error-icon{font-size:64px!important;margin-bottom:16px!important}.call-history-page .error-state h3{margin:0 0 12px!important;font-size:20px!important;font-weight:500!important;color:#ea4335!important;font-family:Google Sans,Roboto,Arial,sans-serif!important}.call-history-page .error-state p{margin:0 0 20px!important;font-size:14px!important;color:#5f6368!important;font-family:Roboto,Arial,sans-serif!important}@media (max-width: 1024px){.call-history-page .search-filters-container{grid-template-columns:1fr!important}.call-history-page .filters-grid{grid-template-columns:1fr 1fr!important}.call-history-page .filter-actions-inline{grid-column:1 / -1!important}}@media (max-width: 768px){.call-history-page,.call-history-page .page-header-section{padding:16px!important}.call-history-page .call-history-layout{flex-direction:column!important}.call-history-page .call-details{width:100%!important;max-height:none!important}.call-history-page .filters-grid{grid-template-columns:1fr!important}.call-history-page .call-item{padding:16px!important}.call-history-page .stat-item{font-size:12px!important}}.phone-number-manager{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.manager-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#374151;margin:0}.header-actions{display:flex;gap:.5rem}.sync-button,.sync-button-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.sync-button:hover:not(:disabled){border-color:#9ca3af;background:#f9fafb}.sync-button:disabled{opacity:.6;cursor:not-allowed}.sync-button-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.sync-button-primary:hover{background:#2563eb;border-color:#2563eb}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.phone-manager-loading{display:flex;align-items:center;gap:.75rem;padding:2rem;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center;color:#6b7280}.empty-state h4{margin:0;color:#374151;font-weight:600}.empty-state p{margin:0;font-size:.875rem}.phone-numbers-list{display:flex;flex-direction:column;gap:.75rem}.phone-number-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;cursor:pointer}.phone-number-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.phone-number-item.selected{border-color:#3b82f6;background:#eff6ff}.phone-number-info{flex:1;min-width:0}.phone-number-primary{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.phone-number{font-weight:600;color:#374151;font-family:monospace}.phone-number-badges{display:flex;gap:.5rem;flex-wrap:wrap}.capability-badge,.status-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.capability-badge.voice{background:#dbeafe;color:#1d4ed8}.capability-badge.sms{background:#dcfce7;color:#166534}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#dc2626}.phone-number-secondary{color:#6b7280;font-size:.875rem}.edit-form{display:flex;align-items:center;gap:.5rem}.edit-input{flex:1;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.edit-actions{display:flex;gap:.25rem}.phone-number-actions{display:flex;gap:.5rem;align-items:center}.toggle-btn,.edit-btn,.delete-btn,.save-btn,.cancel-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.toggle-btn.active{border-color:#059669;color:#059669;background:#ecfdf5}.toggle-btn.inactive{border-color:#dc2626;color:#dc2626;background:#fef2f2}.edit-btn{border-color:#d1d5db;color:#6b7280;background:#fff}.edit-btn:hover{border-color:#3b82f6;color:#3b82f6}.delete-btn{border-color:#dc2626;color:#dc2626;background:#fef2f2}.delete-btn:hover{background:#fee2e2}.save-btn{border-color:#059669;color:#059669;background:#ecfdf5}.cancel-btn{border-color:#dc2626;color:#dc2626;background:#fef2f2}@media (max-width: 768px){.phone-number-manager{padding:1rem;margin:.5rem}.manager-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.header-actions{width:100%;justify-content:flex-start}.manager-title{font-size:1rem}}@media (max-width: 640px){.phone-number-item{flex-direction:column;gap:1rem;align-items:flex-start;padding:.75rem}.phone-number-primary{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.phone-number-actions{align-self:stretch;justify-content:flex-end;flex-wrap:wrap;gap:.25rem}.sync-button,.sync-button-primary{width:100%;justify-content:center}.empty-state{padding:2rem 1rem}.phone-manager-loading{padding:1.5rem}}@media (max-width: 480px){.phone-number-manager{padding:.75rem;margin:.25rem}.manager-title{font-size:.875rem;gap:.25rem}.phone-number-item{padding:.5rem}.phone-number-badges{gap:.25rem}.toggle-btn,.edit-btn,.delete-btn,.save-btn,.cancel-btn{min-height:32px;padding:.375rem .5rem;font-size:.75rem}.empty-state{padding:1.5rem .75rem}.empty-state h4{font-size:1rem}}.csv-upload-modal .card{max-width:600px;width:100%}.csv-instructions-card{background:linear-gradient(135deg,var(--color-primary-surface) 0%,rgba(25,103,210,.05) 100%);border:1px solid var(--color-primary-surface)}.csv-requirement-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0}.csv-requirement-bullet{width:8px;height:8px;background-color:var(--color-primary);border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}.csv-example-container{background:var(--color-surface-variant);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.csv-code-block{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-on-surface);overflow-x:auto}.csv-code-comment{color:var(--color-on-surface-variant)}.enhanced-file-input{position:relative;overflow:hidden}.enhanced-file-input input[type=file]{padding:var(--spacing-md) var(--spacing-lg);border:2px dashed var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base)}.enhanced-file-input input[type=file]:hover{border-color:var(--color-primary);background:var(--color-primary-surface)}.enhanced-file-input input[type=file]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.enhanced-file-input input[type=file]::-webkit-file-upload-button{background:var(--color-primary-surface);color:var(--color-primary);border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;margin-right:var(--spacing-lg);transition:var(--transition-fast)}.enhanced-file-input input[type=file]::-webkit-file-upload-button:hover{background:var(--color-primary);color:#fff}.enhanced-file-input input[type=file]::-moz-file-upload-button{background:var(--color-primary-surface);color:var(--color-primary);border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;margin-right:var(--spacing-lg);transition:var(--transition-fast)}.enhanced-file-input input[type=file]::-moz-file-upload-button:hover{background:var(--color-primary);color:#fff}.file-selected-indicator{background:var(--color-success-surface);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm)}.file-selected-icon{width:32px;height:32px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-enhanced{padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid;display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.alert-success-enhanced{background:var(--color-success-surface);border-color:var(--color-success);color:var(--color-success)}.alert-error-enhanced{background:var(--color-error-surface);border-color:var(--color-error);color:var(--color-error)}.alert-icon{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-success-enhanced .alert-icon{background:var(--color-success);color:#fff}.alert-error-enhanced .alert-icon{background:var(--color-error);color:#fff}.error-list-container{max-height:120px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.error-list{padding:var(--spacing-md)}.error-list-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.error-bullet{color:var(--color-error);margin-top:2px;flex-shrink:0}.warning-bullet{color:var(--color-warning);margin-top:2px;flex-shrink:0}.stats-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.stats-icon-success{background:var(--color-success-surface);color:var(--color-success)}.stats-icon-error{background:var(--color-error-surface);color:var(--color-error)}.stats-number{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.stats-number-success{color:var(--color-success)}.stats-number-error{color:var(--color-error)}.stats-label{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}@media (max-width: 768px){.csv-upload-modal .card{max-width:95vw;margin:var(--spacing-md)}.csv-requirements-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.csv-code-block{font-size:11px;padding:var(--spacing-sm)}}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.bg-success-surface{background-color:var(--color-success-surface)}.bg-warning-surface{background-color:var(--color-warning-surface)}.border-error{border-color:var(--color-error)}.bg-error{background-color:var(--color-error)}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.code-inline{padding:2px var(--spacing-sm);background:var(--color-surface-variant);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500}.inbound-call-container{max-width:1000px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.page-description{color:#6b7280;font-size:.875rem}.header-actions{margin-top:1rem}.add-form-container,.connect-form-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:2rem;overflow:hidden}.add-form,.connect-form{padding:2rem}.add-form h3,.connect-form h3{margin:0 0 2rem;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center}.btn-large{padding:1rem 2rem;font-size:1rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.checkbox-group{display:flex;gap:1rem;margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-input{width:1rem;height:1rem;cursor:pointer}.checkbox-label{font-size:.875rem;color:#374151;cursor:pointer}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:#374151}.form-input,.form-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;background:#fff;color:#1f2937;transition:border-color .2s;cursor:pointer}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f9fafb;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6}.alert{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.phone-assignments{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.assignment-header{display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:.875rem}.assignment-row{display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #f3f4f6;align-items:center}.assignment-row:last-child{border-bottom:none}.phone-info{display:flex;flex-direction:column;gap:.25rem}.phone-number{font-family:monospace;font-weight:600;color:#1f2937}.phone-name{font-size:.75rem;color:#6b7280}.agent-selector{position:relative}.agent-select{width:100%;padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;background:#fff;color:#1f2937;cursor:pointer}.agent-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.agent-select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.saving-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:#3b82f6;pointer-events:none}.status-indicator{display:flex;justify-content:center}.status-active,.status-inactive{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#dc2626}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state h3{margin:0;color:#1f2937}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-top:1.5rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e40af}.info-box h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.info-box p{margin:0;font-size:.75rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb}.connected-agents-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:2rem;overflow:hidden}.connected-agents{padding:2rem}.connected-agents h3{margin:0 0 2rem;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center}.connections-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.connection-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:.875rem}.connection-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #f3f4f6;align-items:center}.connection-row:last-child{border-bottom:none}.connection-phone{display:flex;flex-direction:column;gap:.25rem}.connection-agent{font-weight:500;color:#1f2937}.connection-type{display:flex;justify-content:center}.type-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.type-both{background:#dbeafe;color:#1e40af}.type-inbound{background:#d1fae5;color:#065f46}.type-outbound{background:#fef3c7;color:#92400e}.connection-status{display:flex;justify-content:center}.inbound-call-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#6b7280}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.edit-select{width:100%;padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.75rem;background:#fff;color:#1f2937}.edit-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.status-toggle{display:flex;align-items:center;gap:.5rem;font-size:.75rem;cursor:pointer}.status-toggle input[type=checkbox]{width:1rem;height:1rem}.connection-actions{display:flex;justify-content:center}.edit-actions,.view-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete,.btn-save,.btn-cancel{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-edit{background:#f3f4f6;color:#6b7280}.btn-edit:hover{background:#e5e7eb;color:#374151}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:hover{background:#fee2e2;color:#dc2626}.btn-save{background:#d1fae5;color:#065f46}.btn-save:hover{background:#a7f3d0;color:#047857}.btn-cancel{background:#fee2e2;color:#dc2626}.btn-cancel:hover{background:#fecaca;color:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.modal p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.connection-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626}@media (max-width: 1024px){.inbound-call-container{padding:1.5rem}.form-grid{grid-template-columns:1fr 1fr}.connection-header,.connection-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.75rem;font-size:.75rem}}@media (max-width: 768px){.inbound-call-container{padding:1rem;max-width:100%}.page-title{font-size:1.25rem;flex-direction:column;align-items:flex-start;gap:.25rem}.add-form,.connect-form,.connected-agents{padding:1.5rem}.form-row,.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse;gap:.5rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}.assignment-header,.assignment-row{grid-template-columns:1fr;gap:.5rem;text-align:center}.assignment-row{padding:1.5rem 1rem}.phone-info{text-align:center;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.agent-selector{padding:.5rem 0}.status-indicator{justify-content:center;padding-top:.5rem;border-top:1px solid #f3f4f6}.connection-header{display:none}.connection-row{grid-template-columns:1fr;gap:1rem;padding:1.5rem 1rem;background:#f9fafb;margin-bottom:.5rem;border-radius:8px;border:1px solid #e5e7eb}.connection-phone,.connection-agent,.connection-type,.connection-status,.connection-actions{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.connection-phone:before{content:"Phone:";font-weight:600;font-size:.75rem;color:#6b7280}.connection-agent:before{content:"Agent:";font-weight:600;font-size:.75rem;color:#6b7280}.connection-type:before{content:"Type:";font-weight:600;font-size:.75rem;color:#6b7280}.connection-status:before{content:"Status:";font-weight:600;font-size:.75rem;color:#6b7280}.connection-actions:before{content:"Actions:";font-weight:600;font-size:.75rem;color:#6b7280}.checkbox-group{flex-direction:column;gap:.5rem}.modal{padding:1.5rem;width:95%}}@media (max-width: 480px){.inbound-call-container{padding:.75rem}.add-form,.connect-form,.connected-agents{padding:1rem}.page-title{font-size:1.125rem}.add-form h3,.connect-form h3,.connected-agents h3{font-size:1.125rem;margin-bottom:1.5rem}.btn-primary,.btn-secondary{padding:.875rem 1rem;font-size:.875rem}.form-input,.form-select{padding:.875rem;font-size:16px}.assignment-row,.connection-row{padding:1rem .75rem}.info-box{padding:.75rem;gap:.5rem}.btn-edit,.btn-delete,.btn-save,.btn-cancel{width:2.5rem;height:2.5rem}.modal{padding:1rem;width:95%}.empty-state{padding:3rem 1rem}}@media (max-width: 360px){.inbound-call-container{padding:.5rem}.page-title{font-size:1rem}.add-form,.connect-form,.connected-agents{padding:.75rem}.btn-primary,.btn-secondary{padding:.75rem;font-size:.875rem}}.campaign-manager{display:flex;flex-direction:column;height:100%;background-color:#f8f9fa}.campaign-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:24px 32px;box-shadow:0 1px 2px #0000000d}.campaign-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.campaign-title-section{display:flex;align-items:center;gap:16px}.header-icon{color:#1967d2}.campaign-header h1{font-size:24px;font-weight:500;color:#202124;margin:0}.subtitle{font-size:14px;color:#5f6368;margin:4px 0 0}.campaign-content{flex:1;padding:24px 32px;max-width:1400px;margin:0 auto;width:100%;overflow-y:auto}.campaign-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-form{display:flex;gap:12px;flex:1;max-width:500px}.search-input-wrapper{position:relative;flex:1}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #dadce0;border-radius:24px;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#1967d2;box-shadow:0 1px 6px #1967d226}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5f6368}.results-info{font-size:14px;color:#5f6368;white-space:nowrap}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.data-table th{padding:16px;text-align:left;font-size:13px;font-weight:500;color:#5f6368;text-transform:uppercase;letter-spacing:.3px}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:16px;font-size:14px;color:#202124}.campaign-name,.agent-name,.batch-name,.agent-info,.batch-info,.date-info,.contact-info{display:flex;align-items:center;gap:8px}.campaign-name svg,.agent-name svg,.batch-name svg,.agent-info svg,.batch-info svg,.date-info svg,.contact-info svg{flex-shrink:0;color:#5f6368}.campaign-name .name{font-weight:500;color:#202124}.campaign-name .description{font-size:12px;color:#5f6368;margin-top:2px}.batch-info .count{font-size:12px;color:#5f6368;margin-left:4px}.text-muted{color:#9aa0a6}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.status-badge.available{background-color:#e8f5e9;color:#137333}.status-badge.available:hover{background-color:#c8e6c9}.status-badge.unavailable{background-color:#fce8e6;color:#c5221f}.status-badge.unavailable:hover{background-color:#f8bbd0}.action-buttons{display:flex;gap:8px}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background-color:transparent;color:#5f6368;cursor:pointer;transition:all .2s}.icon-button:hover{background-color:#f1f3f4;color:#202124}.icon-button.delete{color:#d93025}.icon-button.delete:hover{background-color:#fce8e6}.icon-button:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.page-info{font-size:14px;color:#5f6368}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;color:#5f6368}.spinner{width:48px;height:48px;border:4px solid #f1f3f4;border-top-color:#1967d2;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.spinner-small{width:16px;height:16px;border:2px solid #f1f3f4;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.empty-icon{color:#dadce0;margin-bottom:24px}.empty-state h2{font-size:20px;font-weight:500;color:#202124;margin:0 0 8px}.empty-state p{font-size:14px;color:#5f6368;margin:0 0 24px}.error-message{background-color:#fce8e6;color:#c5221f;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #c5221f1a}.error-message .close-btn{background:none;border:none;color:#c5221f;cursor:pointer;font-size:20px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.error-message .close-btn:hover{background-color:#c5221f1a}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:20px;font-weight:500;color:#202124;margin:0}.modal-header .close-btn{background:none;border:none;color:#5f6368;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-header .close-btn:hover{background-color:#f1f3f4}.modal-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#202124;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1967d2;box-shadow:0 0 0 3px #1967d21a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#d93025}.form-group textarea{resize:vertical;min-height:80px}.error-text{display:block;color:#d93025;font-size:12px;margin-top:4px}.help-text{display:block;color:#5f6368;font-size:12px;margin-top:4px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:8px}.modal-body{padding:24px}.details-grid{display:flex;flex-direction:column;gap:20px}.detail-row-group{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.detail-row-group:last-of-type{border-bottom:none;padding-bottom:0}.detail-field{display:flex;flex-direction:column;gap:8px}.detail-field label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:#5f6368;text-transform:uppercase;letter-spacing:.3px}.detail-field label svg{flex-shrink:0;color:#1967d2;opacity:.8}.detail-field span{font-size:15px;color:#202124;font-weight:400;line-height:1.5;word-break:break-word;padding-left:24px}.detail-row{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:#5f6368;text-transform:uppercase;letter-spacing:.3px}.detail-row label svg{flex-shrink:0;color:#1967d2;opacity:.8}.detail-row.full-width{display:flex;flex-direction:column;gap:12px}.detail-row.full-width label{margin-bottom:4px}.summary-text{margin:0;padding:16px;background-color:#f8f9fa;border-radius:4px;line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:14px;color:#202124;border-left:3px solid #1967d2}.status-badge.success{background-color:#e8f5e9;color:#137333}.status-badge.warning{background-color:#fef7e0;color:#e37400}.status-badge.danger{background-color:#fce8e6;color:#c5221f}.status-badge.info{background-color:#e8f0fe;color:#1967d2}.status-badge.muted{background-color:#f1f3f4;color:#5f6368}.status-badge.default{background-color:#f1f3f4;color:#202124}.conversation-container{max-height:400px;overflow-y:auto;background-color:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e0e0e0}.conversation-message{margin-bottom:16px;animation:fadeIn .3s ease-in}.conversation-message:last-child{margin-bottom:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message-role{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.user-message .message-role{color:#1967d2}.assistant-message .message-role{color:#137333}.message-content{background-color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.6;color:#202124;box-shadow:0 1px 2px #0000000d;word-wrap:break-word;white-space:pre-wrap}.user-message .message-content{border-left:3px solid #1967d2}.assistant-message .message-content{border-left:3px solid #137333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.conversation-container::-webkit-scrollbar{width:8px}.conversation-container::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.conversation-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.conversation-container::-webkit-scrollbar-thumb:hover{background:#bdc1c6}@media (max-width: 768px){.campaign-header{padding:16px}.campaign-header-content{flex-direction:column;align-items:flex-start;gap:16px}.campaign-content{padding:16px}.campaign-controls{flex-direction:column;align-items:stretch}.search-form{max-width:100%}.table-container{overflow-x:auto}.data-table{min-width:800px}.form-row{grid-template-columns:1fr}.modal-content{max-width:95%}.pagination{flex-wrap:wrap}.detail-row-group{grid-template-columns:1fr;gap:16px;padding-bottom:16px}.detail-field span{padding-left:0;font-size:14px}.detail-row{padding:16px 0}.summary-text{padding:12px}.conversation-container{max-height:300px;padding:12px}.message-content{padding:10px 12px;font-size:13px}}.campaign-details{max-width:1400px;margin:0 auto;padding:2rem}.details-header{margin-bottom:2rem}.back-button{margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-content h1{margin:0;font-size:2rem;color:#1a202c}.header-badges{display:flex;gap:.5rem;flex-wrap:wrap}.campaign-status-badge{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem}.campaign-status-badge.running{background-color:#d1fae5;color:#065f46}.campaign-status-badge.upcoming{background-color:#dbeafe;color:#1e40af}.campaign-status-badge.completed{background-color:#e5e7eb;color:#374151}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card.wide,.stat-card.info-card{grid-column:span 2}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.highlight .card-icon{background:#fff3;color:#fff}.stat-card.highlight h3,.stat-card.highlight .stat-value,.stat-card.highlight .stat-subtitle{color:#fff}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon.target{background-color:#dbeafe;color:#1e40af}.card-icon.total{background-color:#e0e7ff;color:#4f46e5}.card-icon.success{background-color:#d1fae5;color:#065f46}.card-icon.pending{background-color:#fed7aa;color:#92400e}.card-icon.info{background-color:#dbeafe;color:#1e40af}.card-icon.warning{background-color:#fff3;color:#fff}.card-content h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.5rem;font-weight:700;color:#1a202c;line-height:1;margin-bottom:.25rem}.stat-subtitle{font-size:.875rem;color:#6b7280}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:600;color:#6b7280}.info-row .value{color:#1a202c}.progress-bar-container{width:100%;height:12px;background-color:#e5e7eb;border-radius:6px;overflow:hidden;margin:1rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease}.progress-stats{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.insights-section{margin-top:2rem}.insights-section h2{margin-bottom:1rem;font-size:1.5rem;color:#1a202c}.insight-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.insight-warning,.insight-success,.insight-info{display:flex;gap:1rem;align-items:flex-start}.insight-warning{color:#92400e}.insight-warning svg{flex-shrink:0;margin-top:.25rem;color:#f59e0b}.insight-success{color:#065f46}.insight-success svg{flex-shrink:0;margin-top:.25rem;color:#10b981}.insight-info{color:#1e40af}.insight-info svg{flex-shrink:0;margin-top:.25rem;color:#3b82f6}.insight-card p{margin:0;line-height:1.6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.campaign-details{padding:1rem}.header-content{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat-card.wide,.stat-card.info-card{grid-column:span 1}.header-content h1{font-size:1.5rem}.stat-value{font-size:2rem}}.call-banner{border-radius:12px;padding:14px 18px;margin-bottom:16px;box-shadow:0 10px 25px #0f172a14;display:flex;flex-direction:column;gap:10px}.call-banner-incoming{background:linear-gradient(135deg,#ecfdf3,#dcfce7);border:1px solid #bbf7d0}.call-banner-active{background:linear-gradient(135deg,#fef9c3,#fef3c7);border:1px solid #fde68a}.call-banner-header{display:flex;justify-content:space-between;align-items:center}.call-banner-title{display:flex;align-items:center;gap:8px}.call-banner-label{font-weight:600;font-size:15px}.call-banner-status-pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#f97316;color:#fff}.status-pill-connected{background:#22c55e!important}.call-banner-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#374151}.call-meta-item strong{font-weight:600}.call-banner-body{display:flex;justify-content:space-between;align-items:center;gap:16px}.call-banner-main-text{font-size:13px;color:#374151}.call-summary-label{font-weight:600;font-size:12px;margin-bottom:2px}.call-summary-text{font-size:13px;max-width:520px}.call-banner-actions{display:flex;gap:8px;align-items:center}.call-timer{font-weight:600}.live-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;margin-right:6px;animation:live-blink 1.2s infinite ease-in-out}@keyframes live-blink{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.mute-btn{padding:8px 14px;background:#1e293b;color:#fff;border-radius:8px;font-size:13px;border:none;cursor:pointer}.mute-btn:hover{background:#334155}.mute-btn-muted{background:#ef4444!important}.mute-btn-muted:hover{background:#dc2626!important}.device-status-pill{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f172a;color:#e5e7eb;font-size:12px}.status-dot{width:8px;height:8px;border-radius:999px}.status-dot-online{background:#22c55e}.status-dot-offline{background:#f97316}.device-status-text{font-weight:500}.status-pill-connected{background:#16a34a!important;box-shadow:0 0 10px #16a34a66}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width: 600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media (max-width: 600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;inset:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{width:100%}@media (max-width: 600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] button,[data-lk-theme] input{font:inherit;line-height:inherit}[data-lk-theme] .lk-button{user-select:none}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media (max-width: 400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}.incoming-call-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-card{background:#fff;border-radius:16px;padding:40px;max-width:360px;text-align:center;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.call-icon-ring{width:96px;height:96px;margin:0 auto 24px;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #4285f4b3}50%{transform:scale(1.05);box-shadow:0 0 0 20px #4285f400}}.caller-name{margin:0 0 8px;font-size:24px;font-weight:400;color:#202124}.caller-phone{margin:0 0 8px;font-size:16px;color:#5f6368}.transfer-from{margin:0 0 32px;font-size:14px;color:#80868b}.call-actions{display:flex;gap:16px;justify-content:center}.btn-decline,.btn-accept{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-decline{background:#ea4335;color:#fff}.btn-decline:hover:not(:disabled){background:#d33426;transform:scale(1.1)}.btn-accept{background:#34a853;color:#fff}.btn-accept:hover:not(:disabled){background:#2d9249;transform:scale(1.1)}.btn-decline:disabled,.btn-accept:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-decline:active:not(:disabled),.btn-accept:active:not(:disabled){transform:scale(.95)}.connecting-text{margin:16px 0 0;font-size:14px;color:#5f6368;animation:fadeIn .3s ease}@media (max-width: 640px){.incoming-call-card{padding:32px 24px;max-width:90%}.caller-name{font-size:20px}.call-icon-ring{width:80px;height:80px}}.call-page{min-height:100vh;background:#f5f5f5;padding:20px;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;font-size:14px;box-shadow:0 2px 8px #00000026;z-index:1000;animation:slideIn .3s ease;display:flex;align-items:center;gap:8px}.notification--error{background:#ea4335;color:#fff}.notification--success{background:#34a853;color:#fff}.notification--warning{background:#fbbc04;color:#202124}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.waiting-view{display:flex;align-items:center;justify-content:center;min-height:80vh}.waiting-card{background:#fff;border-radius:8px;padding:48px;text-align:center;box-shadow:0 1px 3px #0000001f}.status-dot{width:12px;height:12px;background:#34a853;border-radius:50%;margin:0 auto 16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.waiting-card h2{margin:0 0 8px;font-size:20px;font-weight:400;color:#202124}.waiting-card p{margin:0 0 32px;font-size:14px;color:#5f6368}.notification-status{width:100%;max-width:500px;margin:0 auto;text-align:left}.status-row{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.status-row:last-child{margin-bottom:0}.status-icon{flex-shrink:0;margin-top:2px}.status-icon--success{color:#34a853}.status-icon--error{color:#ea4335}.status-icon--warning{color:#fbbc04}.status-text{flex:1}.status-text strong{display:block;font-size:14px;font-weight:500;color:#202124;margin-bottom:4px}.status-text p{margin:0;font-size:13px;color:#5f6368}.btn-enable-notifications{margin-top:8px;padding:8px 16px;background:#1a73e8;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-enable-notifications:hover{background:#1765cc}.call-container{max-width:700px;margin:0 auto}.call-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001f}.call-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.caller-info h1{margin:0 0 4px;font-size:24px;font-weight:400;color:#202124}.caller-info p{margin:0;font-size:14px;color:#5f6368}.call-duration{font-size:28px;font-weight:300;color:#5f6368;font-variant-numeric:tabular-nums}.previous-conversation{background:#e8f0fe;border-left:4px solid #1a73e8;padding:16px;margin-bottom:20px;border-radius:4px}.summary-label{font-size:12px;font-weight:500;color:#1a73e8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-text{font-size:14px;line-height:1.6;color:#202124}.call-notes{margin-bottom:20px}.call-notes label{display:block;font-size:14px;font-weight:500;color:#5f6368;margin-bottom:8px}.call-notes textarea{width:100%;padding:12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-family:inherit;color:#202124;resize:vertical;transition:border-color .2s}.call-notes textarea:focus{outline:none;border-color:#1a73e8}.call-notes textarea::placeholder{color:#9aa0a6}.call-controls{display:flex;gap:12px}.btn-mute,.btn-end-call{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-mute{background:#fff;color:#5f6368;border:1px solid #dadce0}.btn-mute:hover{background:#f8f9fa}.btn-mute.muted{background:#fce8e6;color:#d93025;border-color:#d93025}.btn-end-call{background:#ea4335;color:#fff}.btn-end-call:hover{background:#d33426}.btn-mute:active,.btn-end-call:active{transform:scale(.98)}@media (max-width: 768px){.call-page{padding:12px}.call-card{padding:16px}.call-header{flex-direction:column;align-items:flex-start;gap:12px}.caller-info h1{font-size:20px}.call-duration{font-size:24px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.workflow-builder{display:flex;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc}.workflow-panel{width:320px;background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;box-shadow:2px 0 8px #0000001a;z-index:10}.panel-header{padding:24px 20px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.panel-header h2{margin:0 0 8px;font-size:20px;font-weight:600}.panel-header p{margin:0;font-size:14px;opacity:.9}.node-category{padding:20px;border-bottom:1px solid #f1f5f9}.node-category h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.node-list{display:flex;flex-direction:column;gap:8px}.node-palette-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:8px;cursor:pointer;transition:all .2s ease}.node-palette-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.node-palette-icon{font-size:18px;width:24px;text-align:center}.node-palette-label{font-size:14px;font-weight:500;color:#374151}.panel-actions{padding:20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #f1f5f9}.action-btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.action-btn.secondary{background:#f1f5f9;color:#374151;border:1px solid #e2e8f0}.action-btn.secondary:hover{background:#e2e8f0}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover{background:#dc2626}.action-btn.warning{background:#f59e0b;color:#fff}.action-btn.warning:hover{background:#d97706}.workflow-stats{padding:20px}.stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{font-size:14px;color:#64748b}.stat-value{font-size:16px;font-weight:600;color:#1e293b}.workflow-canvas{flex:1;position:relative}.workflow-reactflow{background:#f8fafc}.workflow-node{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;cursor:pointer;min-width:160px}.workflow-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.workflow-node.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,0 4px 12px #00000026}.node-content{padding:12px 16px;text-align:center}.node-icon{font-size:20px;margin-bottom:4px}.node-label{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.node-description{font-size:12px;color:#64748b;line-height:1.3}.start-node{width:80px;height:80px;border-radius:50%;border-color:#3b82f6;border-width:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center}.start-node .node-content{padding:8px}.start-node .node-label{font-size:10px;color:#fff;margin-bottom:0}.end-node{width:60px;height:60px;border-radius:50%;border-color:#dc2626;border-width:3px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;display:flex;align-items:center;justify-content:center}.end-node .node-content{padding:4px}.end-node .node-label{font-size:10px;color:#fff;margin-bottom:0}.send-message-node{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.send-message-node .node-icon{color:#10b981}.ask-question-node{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.ask-question-node .node-icon{color:#10b981}.ai-decide-node{border-color:#10b981;border-radius:25px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);min-width:180px}.ai-decide-node .node-icon{color:#10b981}.condition-node{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:0;transform:rotate(45deg);width:100px;height:100px;display:flex;align-items:center;justify-content:center}.condition-node .node-content{transform:rotate(-45deg);padding:8px}.condition-node .node-icon{color:#f59e0b;font-size:16px}.condition-node .node-label{font-size:11px}.condition-node .node-description{font-size:10px}.action-node{border-color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.action-node .accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:#64748b;border-radius:8px 0 0 8px}.action-node .node-icon{color:#64748b}.wait-node{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.wait-node .node-icon{color:#8b5cf6}.handoff-node{border-color:#ec4899;background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.handoff-node .node-icon{color:#ec4899}.jump-node{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);min-width:120px}.jump-node .node-icon{color:#ef4444}.ai-agent-node{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff);min-width:160px}.ai-agent-node .node-icon{color:#6366f1}.node-label[contenteditable=true]{outline:none;cursor:text;border-radius:4px;padding:2px 4px;transition:background-color .2s ease}.node-label[contenteditable=true]:hover{background-color:#3b82f61a}.node-label[contenteditable=true]:focus{background-color:#3b82f633;box-shadow:0 0 0 2px #3b82f64d}.node-description[contenteditable=true]{outline:none;cursor:text;border-radius:4px;padding:2px 4px;transition:background-color .2s ease}.node-description[contenteditable=true]:hover{background-color:#3b82f61a}.node-description[contenteditable=true]:focus{background-color:#3b82f633;box-shadow:0 0 0 2px #3b82f64d}.node-handle{width:12px;height:12px;border:2px solid #64748b;background:#fff;border-radius:50%}.node-handle:hover{border-color:#3b82f6;background:#3b82f6;transform:scale(1.2)}.node-handle.connecting{border-color:#10b981;background:#10b981}.node-handle.timeout{border-color:#f59e0b}.node-handle.error{border-color:#ef4444}.react-flow__node.selected .workflow-node{border-color:#3b82f6}.react-flow__edge.selected .react-flow__edge-path{stroke:#3b82f6;stroke-width:3}.workflow-controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.workflow-minimap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.workflow-info-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;max-width:200px}.workflow-info-panel h4{margin:0 0 12px;font-size:14px;color:#374151}.workflow-info-panel ul{margin:0;padding:0;list-style:none}.workflow-info-panel li{font-size:12px;color:#64748b;margin-bottom:4px;padding-left:12px;position:relative}.workflow-info-panel li:before{content:"•";color:#3b82f6;position:absolute;left:0}@media (max-width: 1024px){.workflow-panel{width:280px}}@media (max-width: 768px){.workflow-builder{flex-direction:column}.workflow-panel{width:100%;height:200px;border-right:none;border-bottom:1px solid #e2e8f0}.node-category{padding:12px 16px}.node-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.workflow-canvas{height:calc(100vh - 200px)}}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.workflow-node{animation:nodeAppear .3s ease-out}.react-flow__edge-path{stroke-dasharray:5;animation:dash .5s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dash .5s linear infinite}.landing-page{font-family:Segoe UI,Arial,sans-serif;line-height:1.6;margin:0;padding:0;overflow-y:auto!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.banner{background:linear-gradient(135deg,#d73502,#ff6b35);color:#fff;padding:80px 20px;display:flex;align-items:center;min-height:70vh;position:relative}.banner-content{flex:1;max-width:500px}.banner-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.banner-subtitle{font-size:1.3rem;margin-bottom:30px;line-height:1.5}.cta-button{background:#fff;color:#d73502;border:none;padding:15px 30px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0003;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.banner-image{flex:1;text-align:center;margin-left:40px}.banner-image img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 10px 30px #0000004d}.pizzas-section{padding:80px 0;background:#f8f9fa}.section-title{text-align:center;font-size:2.5rem;color:#333;margin-bottom:50px;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:#d73502;border-radius:2px}.pizzas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.pizza-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.pizza-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.pizza-image{width:100%;height:200px;object-fit:cover}.pizza-content{padding:25px}.pizza-name{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:10px}.pizza-description{color:#666;margin-bottom:20px;line-height:1.5}.pizza-footer{display:flex;justify-content:space-between;align-items:center}.pizza-price{font-size:1.3rem;font-weight:700;color:#d73502}.add-to-cart-btn{background:#d73502;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:background .3s ease}.add-to-cart-btn:hover{background:#b8290b}.reviews-section{padding:80px 0;background:#fff}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.review-card{background:#f8f9fa;padding:30px;border-radius:15px;border-left:5px solid #d73502;box-shadow:0 5px 15px #00000014}.review-header{display:flex;align-items:center;margin-bottom:15px}.reviewer-avatar{width:60px;height:60px;border-radius:50%;margin-right:15px}.reviewer-name{font-weight:700;color:#333;margin-bottom:5px}.rating{display:flex}.star{color:#ddd;font-size:1.2rem;margin-right:2px}.star.filled{color:gold}.review-comment{color:#555;font-style:italic;line-height:1.5}.footer{background:#2c3e50;color:#fff;padding:50px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3,.footer-section h4{color:#d73502;margin-bottom:15px}.footer-section p{margin-bottom:8px;color:#bdc3c7}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #34495e;color:#95a5a6}@media (max-width: 768px){.banner{flex-direction:column;text-align:center;padding:60px 20px}.banner-image{margin-left:0;margin-top:30px}.banner-title{font-size:2.5rem}.banner-subtitle{font-size:1.1rem}.pizzas-grid,.reviews-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}}:root{--color-primary: #1967d2;--color-primary-dark: #1557b0;--color-primary-light: #4285f4;--color-primary-surface: #e8f0fe;--color-secondary: #0d7377;--color-secondary-light: #14a085;--color-secondary-surface: #e6f4ea;--color-error: #d93025;--color-error-light: #f28b82;--color-error-surface: #fce8e6;--color-warning: #f9ab00;--color-warning-light: #fbbc04;--color-warning-surface: #fef7e0;--color-success: #137333;--color-success-light: #34a853;--color-success-surface: #e6f4ea;--color-surface: #ffffff;--color-surface-variant: #f8f9fa;--color-background: #fafbfc;--color-outline: #dadce0;--color-outline-variant: #e8eaed;--color-on-surface: #202124;--color-on-surface-variant: #5f6368;--color-on-surface-secondary: #80868b;--color-hover-overlay: rgba(60, 64, 67, .08);--color-pressed-overlay: rgba(60, 64, 67, .12);--color-focus-ring: rgba(66, 133, 244, .12);--color-info: #1967d2;--color-info-surface: #e8f0fe;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family-primary: "Google Sans", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, "Fira Code", "Droid Sans Mono", "Source Code Pro", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--line-height-tight: 1.2;--line-height-base: 1.4;--line-height-relaxed: 1.6;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .15), 0 4px 8px 3px rgba(60, 64, 67, .15);--shadow-lg: 0 4px 6px -1px rgba(60, 64, 67, .15), 0 10px 15px -3px rgba(60, 64, 67, .15);--shadow-xl: 0 10px 15px -3px rgba(60, 64, 67, .15), 0 20px 25px -5px rgba(60, 64, 67, .15);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1100;--z-tooltip: 1200}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-on-surface);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-secondary{color:var(--color-on-surface-variant)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.justify-center{justify-content:center}.space-y-xs>*+*{margin-top:var(--spacing-xs)}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.space-y-md>*+*{margin-top:var(--spacing-md)}.space-y-lg>*+*{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-3{margin-left:var(--spacing-md)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.w-6{width:24px}.w-12{width:48px}.h-6{height:24px}.h-12{height:48px}.w-0\.5{width:2px}.h-0\.5{height:2px}.w-8{width:32px}.h-8{height:32px}.max-w-md{max-width:448px}.mx-auto{margin-left:auto;margin-right:auto}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-primary-surface{background-color:var(--color-primary-surface)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-primary{color:var(--color-primary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-xl{font-size:var(--font-size-xl)}.cursor-pointer{cursor:pointer}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.hover\\:bg-surface-variant:hover{background-color:var(--color-surface-variant)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.text-center{text-align:center}.border-2{border-width:2px}.border-outline{border-color:var(--color-outline)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-background{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.text-white{color:#fff}.rounded-full{border-radius:var(--radius-full)}.w-3{width:12px}.h-3{height:12px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-outline);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-full{grid-column:1 / -1}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-sm{gap:var(--spacing-sm)}.flex-1{flex:1 1 0%}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1440px){.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1920px){.xxl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xxl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-2xl{font-size:var(--font-size-2xl)}.min-h-screen{min-height:100vh}.items-start{align-items:flex-start}.w-full{width:100%}.max-w-md{max-width:28rem}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.gap-xs{gap:var(--spacing-xs)}.text-on-surface-secondary{color:var(--color-on-surface-secondary)}.text-error{color:var(--color-error)}.hover\\:text-error:hover{color:var(--color-error)}.tab{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);white-space:nowrap;text-decoration:none;min-height:48px}.tab:hover{color:var(--color-on-surface);background-color:var(--color-hover-overlay)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.page-container{max-width:1600px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}@media (min-width: 1440px){.page-container{max-width:1800px;padding:var(--spacing-xl) var(--spacing-xxl)}}@media (min-width: 1920px){.page-container{max-width:2000px;padding:var(--spacing-xl) var(--spacing-3xl)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-on-surface);margin:0 0 var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-md)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-on-surface-variant);margin:0;line-height:var(--line-height-relaxed)}.page-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}.animate-spin{animation:spin 1s linear infinite}.tabs-container{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.tabs-container .tabs{margin:0;border-bottom:none}.mobile-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.mobile-stack{flex-direction:row;align-items:center;justify-content:space-between}}.mobile-full-width{width:100%}@media (min-width: 768px){.mobile-full-width{width:auto}}@media (max-width: 767px){.touch-target{min-height:44px;min-width:44px}.touch-friendly{padding:var(--spacing-md);font-size:16px}.mobile\:p-sm{padding:var(--spacing-sm)!important}.mobile\:p-md{padding:var(--spacing-md)!important}.mobile\:gap-sm{gap:var(--spacing-sm)!important}.mobile\:mb-sm{margin-bottom:var(--spacing-sm)!important}.mobile\:mb-md{margin-bottom:var(--spacing-md)!important}.mobile\:w-full{width:100%!important}.mobile\:text-center{text-align:center!important}.mobile\:text-left{text-align:left!important}.mobile\:flex-col{flex-direction:column!important}.mobile\:items-stretch{align-items:stretch!important}}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:w-auto{width:auto}}.app-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background)}.app-header{position:sticky;top:0;z-index:var(--z-dropdown);background:var(--color-surface);border-bottom:1px solid var(--color-outline);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-3xl);height:68px;max-width:1400px;margin:0 auto}.nav-brand{display:flex;align-items:center}.nav-brand-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--color-on-surface);transition:all var(--transition-fast);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.nav-brand-link:hover{color:var(--color-primary);background-color:var(--color-primary-surface);transform:translateY(-1px)}.brand-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md)}.brand-sparkle{position:absolute;top:-2px;right:-2px;color:var(--color-warning);filter:drop-shadow(0 0 4px var(--color-warning));animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}25%{opacity:.8;transform:scale(1.05) rotate(45deg)}50%{opacity:.6;transform:scale(1.1) rotate(90deg)}75%{opacity:.8;transform:scale(1.05) rotate(135deg)}}.brand-icon:hover{animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brand-text{font-size:var(--font-size-xl);font-weight:600;background:linear-gradient(135deg,var(--color-on-surface) 0%,var(--color-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.brand-logo-container{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-smooth)}.brand-logo-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;background:linear-gradient(135deg,#ffffff26,#ffffff14)}.brand-logo{height:40px;width:auto;max-width:200px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));transition:all var(--transition-smooth)}.brand-logo:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transform:scale(1.02)}.nav-brand-link:focus-visible .brand-logo-container{outline:2px solid var(--color-primary);outline-offset:2px}.nav-user{display:flex;align-items:center;gap:var(--spacing-xl)}.user-greeting{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-label{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);font-weight:400}.user-name{font-size:var(--font-size-base);color:var(--color-on-surface);font-weight:600}.logout-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1.5px solid var(--color-outline);border-radius:var(--radius-md);color:var(--color-on-surface-variant);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.logout-button:hover{background-color:var(--color-error-surface);border-color:var(--color-error);color:var(--color-error);transform:translateY(-1px);box-shadow:var(--shadow-md)}.logout-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.app-main-content{flex:1;overflow:hidden}.app-main-content:has(.landing-page){overflow-y:auto!important}.layout-container{display:flex;height:100%;background-color:var(--color-background)}.sidebar{width:280px;min-width:240px;max-width:320px;flex-shrink:0;background-color:var(--color-surface);border-right:1px solid var(--color-outline);overflow-y:auto;display:flex;flex-direction:column;transition:width var(--transition-base)}.sidebar-nav{padding:var(--spacing-lg);flex:1}.sidebar-section{margin-bottom:var(--spacing-xxl)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--color-on-surface-variant);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;transition:var(--transition-fast);cursor:pointer;margin-bottom:var(--spacing-xs)}.sidebar-nav-item:hover{background-color:var(--color-hover-overlay);color:var(--color-on-surface)}.sidebar-nav-item.active{background-color:var(--color-primary-surface);color:var(--color-primary)}.sidebar-nav-item .nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-section-header{position:relative;justify-content:space-between}.expand-icon{width:16px;height:16px;transition:transform var(--transition-fast);flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.sidebar-submenu{margin-left:var(--spacing-3xl);border-left:2px solid var(--color-outline-variant);padding-left:var(--spacing-lg);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.sidebar-submenu-item{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs)}.sidebar-submenu-item .nav-icon{width:18px;height:18px}.content-area{flex:1;overflow-y:auto;background-color:var(--color-background)}.page-container{max-width:1600px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xxl)}.page-container--narrow{max-width:1000px}.page-container--wide{max-width:1800px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-outline)}.page-title{font-size:var(--font-size-3xl);font-weight:400;color:var(--color-on-surface);margin:0;line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-on-surface-variant);margin:var(--spacing-sm) 0 0;line-height:var(--line-height-base)}.page-actions{display:flex;align-items:center;gap:var(--spacing-md)}.section{margin-bottom:var(--spacing-4xl)}.section:last-child{margin-bottom:0}.section-header{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-xl);font-weight:500;color:var(--color-on-surface);margin:0 0 var(--spacing-sm)}.section-description{font-size:var(--font-size-base);color:var(--color-on-surface-variant);margin:0}.grid{display:grid;gap:var(--spacing-xl)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width: 1200px){.sidebar{width:260px}.app-nav{padding:0 var(--spacing-xxl)}}@media (max-width: 1024px){.sidebar{width:240px}.page-container{padding:var(--spacing-lg) var(--spacing-xl)}.grid--3{grid-template-columns:repeat(2,1fr)}.app-nav{padding:0 var(--spacing-xl)}}@media (min-width: 1440px){.sidebar{width:300px}.page-container{padding:var(--spacing-xl) var(--spacing-3xl)}}@media (min-width: 1920px){.sidebar{width:320px}.page-container{max-width:2000px;padding:var(--spacing-xxl) var(--spacing-4xl)}}.mobile-menu-toggle{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:flex!important;z-index:calc(var(--z-modal) + 1);background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.mobile-menu-toggle:hover{background:#3b82f633}.app-nav{padding:0 var(--spacing-lg);height:60px;position:relative}.brand-text,.user-greeting,.logout-button span{display:none}.logout-button{padding:var(--spacing-sm);min-width:40px;justify-content:center}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-on-surface);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);margin-right:var(--spacing-md)}.mobile-menu-toggle:hover{background-color:var(--color-hover-overlay)}.mobile-menu-toggle:active{background-color:var(--color-pressed-overlay)}.nav-user{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar{position:fixed;top:60px;left:-100%;width:280px;height:calc(100vh - 60px);z-index:var(--z-modal);transition:left var(--transition-base);box-shadow:var(--shadow-xl)}.sidebar--open{left:0}.mobile-overlay{position:fixed;inset:60px 0 0;background:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-base)}body.mobile-menu-open .mobile-overlay{opacity:1;visibility:visible;pointer-events:auto}.content-area{width:100%;margin-left:0}.page-container{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.page-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.grid--2,.grid--3{grid-template-columns:1fr}.sidebar-nav{padding:var(--spacing-lg) var(--spacing-md)}.sidebar-nav-item{padding:var(--spacing-lg) var(--spacing-md);font-size:var(--font-size-base);min-height:48px}.sidebar-submenu{margin-left:var(--spacing-xl);padding-left:var(--spacing-md)}.sidebar-submenu-item{padding:var(--spacing-md);min-height:44px}}@media (max-width: 480px){.page-title{font-size:var(--font-size-2xl)}.sidebar-nav{padding:var(--spacing-md)}.app-nav{height:56px;padding:0 var(--spacing-md)}.brand-icon{width:36px;height:36px}.brand-sparkle{width:12px;height:12px}.brand-logo-container{padding:var(--spacing-xs)}.brand-logo{height:32px}.page-container{padding:var(--spacing-md)}.sidebar{width:100%;left:-100%}body.mobile-menu-open .sidebar{left:0}.page-actions{gap:var(--spacing-sm)}.section-title{font-size:var(--font-size-lg)}}@media (max-width: 360px){.app-nav{padding:0 var(--spacing-sm)}.brand-icon{width:32px;height:32px}.page-container{padding:var(--spacing-sm)}.logout-button{min-width:36px;padding:var(--spacing-xs)}}.conversation-data-section{margin-top:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-background-alt);overflow:hidden}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.conversation-header h5{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.btn-toggle{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast)}.btn-toggle:hover{background:var(--color-primary-dark)}.conversation-content{padding:var(--spacing-md)}.message-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.message-item{padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--spacing-sm);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.message-item:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.message-item.user{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left-color:#3b82f6;margin-left:0;margin-right:var(--spacing-lg)}.message-item.assistant{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border-left-color:#1e40af;margin-left:var(--spacing-lg);margin-right:0}.message-item.system{background:linear-gradient(135deg,#fefce8,#fef3c7);border-left-color:#f59e0b;margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.message-item.unknown{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left-color:#6b7280}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.message-role{font-weight:600;font-size:var(--font-size-sm);padding:2px 8px;border-radius:12px;display:inline-block;margin-bottom:4px}.message-item.user .message-role{background:#3b82f6;color:#fff}.message-item.assistant .message-role{background:#1e40af;color:#fff}.message-item.system .message-role{background:#f59e0b;color:#fff}.message-timestamp{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.message-content{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap}.function-calls{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.function-calls h6{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.function-call{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.conversation-raw{background:var(--color-background-alt);padding:var(--spacing-md);border-radius:var(--radius-sm)}.conversation-raw h6{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.json-display{background:var(--color-code-background, #f5f5f5);color:var(--color-code-text, #333);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;border:1px solid var(--color-border-light);margin:0;white-space:pre}.transcript-container{border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.transcript-container:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.conversation-summary{background:linear-gradient(135deg,#f8fafc,#e3f2fd);border:1px solid #e1f5fe;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 4px #0000000d}.conversation-summary h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:600;color:#1565c0;display:flex;align-items:center;gap:var(--spacing-sm)}.conversation-summary h5:before{content:"📋";font-size:16px}.summary-text{margin:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);font-style:italic;background:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:4px solid #2196f3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xxl);border:none;border-radius:var(--radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;min-height:40px}.btn:disabled{cursor:not-allowed;opacity:.38}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;transition:var(--transition-fast)}.btn:hover:not(:disabled):before{background-color:var(--color-hover-overlay)}.btn:active:not(:disabled):before{background-color:var(--color-pressed-overlay)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-outline)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-surface);border-color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-surface)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c4261d}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);min-height:32px}.btn-lg{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-md);min-height:48px}.btn-icon{padding:var(--spacing-sm);min-height:32px;width:32px}.btn-icon-lg{padding:var(--spacing-md);min-height:40px;width:40px}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface)}.form-label--required:after{content:" *";color:var(--color-error)}.form-control{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-outline);border-radius:var(--radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-base);background-color:var(--color-surface);color:var(--color-on-surface);transition:var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-control:disabled{background-color:var(--color-surface-variant);color:var(--color-on-surface-secondary);cursor:not-allowed}.form-control--error{border-color:var(--color-error)}.form-control--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #d930251f}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235f6368' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:20px;padding-right:var(--spacing-4xl)}.form-help-text{font-size:var(--font-size-xs);color:var(--color-on-surface-secondary)}.form-error-text{font-size:var(--font-size-xs);color:var(--color-error)}.card{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-outline)}.card-title{font-size:var(--font-size-lg);font-weight:500;margin:0;color:var(--color-on-surface)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin:var(--spacing-xs) 0 0}.card-content{padding:var(--spacing-xl)}.card-actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-outline);display:flex;gap:var(--spacing-md);justify-content:flex-end}.card--elevated{box-shadow:var(--shadow-md);border:none}.card--interactive{cursor:pointer;transition:var(--transition-base)}.card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tabs{border-bottom:1px solid var(--color-outline)}.tabs-list{display:flex;gap:0}.tab-trigger{padding:var(--spacing-md) var(--spacing-xl);background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);position:relative}.tab-trigger:hover{color:var(--color-on-surface);background-color:var(--color-hover-overlay)}.tab-trigger--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{padding:var(--spacing-xl) 0}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-skeleton{background:linear-gradient(90deg,var(--color-surface-variant) 25%,var(--color-outline-variant) 50%,var(--color-surface-variant) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert-success{background-color:var(--color-success-surface);color:var(--color-success)}.alert-error{background-color:var(--color-error-surface);color:var(--color-error)}.alert-warning{background-color:var(--color-warning-surface);color:var(--color-warning)}.alert-info{background-color:var(--color-primary-surface);color:var(--color-primary)}.empty-state{text-align:center;padding:var(--spacing-5xl) var(--spacing-xl);color:var(--color-on-surface-variant)}.empty-state-title{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-md)}.empty-state-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);max-width:400px;margin-left:auto;margin-right:auto}.editor-tabs{border-bottom:1px solid var(--color-outline);background:var(--color-surface);gap:0;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);white-space:nowrap;min-height:48px}.tab-button:hover{color:var(--color-on-surface);background-color:var(--color-hover-overlay)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-icon{width:16px;height:16px}.tab-label{font-size:var(--font-size-sm)}.tab-panel{padding:var(--spacing-xl)}.agent-list{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.agent-list-item{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:var(--transition-base);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md)}.agent-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.agent-info{flex:1}.agent-name{font-size:var(--font-size-lg);font-weight:500;color:var(--color-on-surface);margin:0 0 var(--spacing-sm)}.agent-description{color:var(--color-on-surface-variant);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md);line-height:var(--line-height-relaxed)}.agent-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:auto}.phone-agent-link{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-xl)}.call-history-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.call-history-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.call-list{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);overflow:hidden}.call-item{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline);cursor:pointer;transition:var(--transition-fast)}.call-item:hover{background-color:var(--color-hover-overlay)}.call-item.selected{background-color:var(--color-primary-surface);border-left:4px solid var(--color-primary)}.call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.call-agent{font-weight:500;color:var(--color-on-surface)}.call-status{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase}.call-meta{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);display:flex;justify-content:space-between;align-items:center}.call-phone{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.call-details{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);overflow:hidden}.details-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline);display:flex;justify-content:space-between;align-items:center}.details-actions{display:flex;gap:var(--spacing-sm)}.close-button{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-on-surface-variant);padding:var(--spacing-xs)}.call-info{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline)}.info-item{display:flex;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.info-item label{font-weight:500;color:var(--color-on-surface-variant);min-width:100px}.transcript-list{padding:var(--spacing-lg);max-height:400px;overflow-y:auto}.transcript-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-sm)}.transcript-item.user{background-color:var(--color-primary-surface);margin-left:var(--spacing-xl)}.transcript-item.assistant{background-color:var(--color-surface-variant);margin-right:var(--spacing-xl)}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.speaker{font-weight:500;color:var(--color-on-surface)}.timestamp{color:var(--color-on-surface-variant);font-size:var(--font-size-xs)}.transcript-message{margin:0;color:var(--color-on-surface);line-height:var(--line-height-relaxed)}.no-transcript{text-align:center;color:var(--color-on-surface-variant);font-style:italic;padding:var(--spacing-xl)}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.header-stats{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-lg);color:var(--color-on-surface-variant)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-lg)}@media (max-width: 480px){.btn{min-height:48px;font-size:var(--font-size-base)}.card-content,.card-header{padding:var(--spacing-lg)}.phone-number-primary{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.phone-number-badges{flex-wrap:wrap}.tab-button{min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.manager-title{font-size:var(--font-size-base)}.form-field label{font-size:var(--font-size-sm)}}@media (max-width: 360px){.card-content,.card-header,.btn{padding:var(--spacing-md)}.tab-button{min-width:80px;padding:var(--spacing-sm)}.phone-number-actions{gap:var(--spacing-xs)}.edit-btn,.delete-btn,.toggle-btn{min-width:32px;min-height:32px;padding:var(--spacing-xs)}}.phone-number-manager{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-xl)}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.manager-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:500;color:var(--color-on-surface);margin:0}.header-actions{display:flex;gap:var(--spacing-sm)}.sync-button,.sync-button-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline);background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.sync-button-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sync-button:hover,.sync-button-primary:hover{background-color:var(--color-primary-surface)}.sync-button-primary:hover{background-color:var(--color-primary-dark)}.phone-manager-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-on-surface-variant)}.spinner{width:20px;height:20px;border:2px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.phone-numbers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.phone-number-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:var(--transition-fast)}.phone-number-item:hover{background-color:var(--color-hover-overlay)}.phone-number-item.selected{background-color:var(--color-primary-surface);border-color:var(--color-primary)}.phone-number-info{flex:1}.phone-number-primary{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.phone-number{font-family:var(--font-family-mono);font-weight:500;color:var(--color-on-surface)}.phone-number-badges{display:flex;gap:var(--spacing-xs)}.capability-badge,.status-badge{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase}.capability-badge.voice{background-color:var(--color-success-surface);color:var(--color-success)}.capability-badge.sms{background-color:var(--color-info-surface);color:var(--color-info)}.status-badge.active{background-color:var(--color-success-surface);color:var(--color-success)}.status-badge.inactive{background-color:var(--color-error-surface);color:var(--color-error)}.phone-number-secondary{color:var(--color-on-surface-variant);font-size:var(--font-size-sm)}.friendly-name{font-style:italic}.edit-form{display:flex;align-items:center;gap:var(--spacing-sm)}.edit-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-outline);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-on-surface)}.edit-actions{display:flex;gap:var(--spacing-xs)}.save-btn,.cancel-btn,.edit-btn,.delete-btn,.toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);min-width:28px;min-height:28px}.save-btn{background:var(--color-success);color:#fff}.save-btn:hover{background:var(--color-success-light)}.cancel-btn{background:var(--color-error);color:#fff}.cancel-btn:hover{background:var(--color-error-light)}.edit-btn{background:var(--color-primary-surface);color:var(--color-primary)}.edit-btn:hover{background:var(--color-primary);color:#fff}.delete-btn{background:var(--color-error-surface);color:var(--color-error)}.delete-btn:hover{background:var(--color-error);color:#fff}.toggle-btn.active{background:var(--color-success);color:#fff}.toggle-btn.inactive{background:var(--color-error-surface);color:var(--color-error)}.toggle-btn:hover{transform:scale(1.05)}.phone-number-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.inbound-call-container{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.inbound-call-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-on-surface-variant)}.add-form-container{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.add-form h3{font-size:var(--font-size-lg);font-weight:500;color:var(--color-on-surface);margin:0 0 var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-lg);align-items:end}.form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface)}.form-field select{padding:var(--spacing-md);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-base)}.form-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 1024px){.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.form-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.call-history-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width: 768px){.card{border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.btn{min-height:44px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-sm{min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.card-actions{flex-direction:column;gap:var(--spacing-sm)}.card-actions .btn{width:100%}.agent-list{grid-template-columns:1fr;gap:var(--spacing-md)}.agent-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.agent-actions .btn{width:100%;justify-content:center}.editor-tabs{flex-direction:column;width:100%;border-right:none;border-bottom:1px solid var(--color-outline);padding:0}.tabs-list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs-list::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;min-width:120px;white-space:nowrap;padding:var(--spacing-md) var(--spacing-lg)}.form-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.form-actions .btn{width:100%}.manager-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{width:100%;justify-content:flex-start}.phone-number-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.phone-number-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.call-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.call-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.details-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.details-actions{width:100%;justify-content:flex-start}.info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.info-item label{min-width:auto;font-weight:600}}.agent-connect-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast);border:1px solid var(--color-primary)}.agent-connect-link:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.agent-connect-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.agent-connect-link .lucide{width:16px;height:16px}.alert-warning.compact{padding:var(--spacing-md);font-size:var(--font-size-sm)}.alert-warning.compact .font-medium{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xxl);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border-light)}@media (min-width: 768px){.pagination{flex-direction:row;justify-content:space-between}}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;order:1}@media (min-width: 768px){.pagination__info{order:0}}.pagination__controls{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;order:0}@media (min-width: 768px){.pagination__controls{order:1}}.pagination__button{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500;transition:all var(--transition-fast)}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button:not(:disabled):hover{background-color:var(--color-background-hover)}.pagination__button span{display:none}@media (min-width: 640px){.pagination__button span{display:inline}}.pagination__page-numbers{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination__page-button{min-width:40px;height:40px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pagination__page-button:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination__page-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__page-button--active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);cursor:default}.pagination__page-button--active:hover{background-color:var(--color-primary);transform:none;box-shadow:none}.pagination__page-button:disabled{cursor:default;opacity:1}.pagination__ellipsis{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);user-select:none}.pagination--simple .pagination__page-numbers{display:none}.pagination--simple .pagination__controls{gap:var(--spacing-lg)}.pagination--compact{margin-top:var(--spacing-lg);padding:var(--spacing-sm) 0}.pagination--compact .pagination__info{font-size:var(--font-size-xs)}.pagination--compact .pagination__page-button{min-width:32px;height:32px;font-size:var(--font-size-xs)}@media (prefers-reduced-motion: reduce){.pagination__button,.pagination__page-button{transition:none}.pagination__button:hover,.pagination__page-button:hover{transform:none}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.container-responsive{width:100%;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 640px){.container-responsive{max-width:640px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 768px){.container-responsive{max-width:768px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (min-width: 1024px){.container-responsive{max-width:1024px}}@media (min-width: 1280px){.container-responsive{max-width:1280px}}.responsive-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.responsive-stack{flex-direction:row;align-items:center;justify-content:space-between}}.responsive-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 767px){.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.mobile-nav-toggle{display:none}@media (max-width: 767px){.mobile-nav-toggle{display:block}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media (max-width: 767px){.touch-friendly-btn{min-height:44px;min-width:44px;padding:var(--spacing-md)}.touch-friendly-input{min-height:44px;font-size:16px}}.responsive-text{font-size:var(--font-size-base)}@media (max-width: 767px){.responsive-text{font-size:var(--font-size-sm)}}@media (min-width: 1024px){.responsive-text{font-size:var(--font-size-md)}}.responsive-spacing{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.responsive-spacing{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}}@media (min-width: 1024px){.responsive-spacing{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}}.mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll{scrollbar-width:none;-ms-overflow-style:none}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));padding-top:max(var(--spacing-md),env(safe-area-inset-top));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}}.form-responsive{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width: 768px){.form-responsive{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.form-responsive{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 767px){.mobile-card{border-radius:var(--radius-md);border-left:none;border-right:none;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md))}}@media print{.no-print{display:none!important}.print-only{display:block!important}*{color:#000!important;background:#fff!important}}.agent-list{display:grid;gap:var(--spacing-lg)}.card-hover-effect{transition:all var(--transition-fast)}.card-hover-effect:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (min-width: 1440px){.agent-list-item{padding:var(--spacing-lg) var(--spacing-xl)}}@media (min-width: 1920px){.agent-list-item{padding:var(--spacing-xl) var(--spacing-xxl)}}.agent-list-item{background-color:var(--color-surface);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;height:100%;box-shadow:0 1px 3px #0000000a}.agent-list-item:hover{box-shadow:0 4px 12px #00000014;border-color:#0000001f}.agent-info{flex:1;display:flex;flex-direction:column;gap:8px;cursor:pointer}.agent-name{font-size:16px;font-weight:500;color:var(--color-on-surface);margin:0;line-height:1.4;word-break:break-word}.agent-description{font-size:13px;color:var(--color-on-surface-variant);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-actions{display:flex;gap:8px;align-items:center;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);margin-top:auto}.call-interface{max-width:1200px;margin:0 auto}.call-form{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm)}.call-status{padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-md);font-weight:500;margin-top:var(--spacing-lg)}.call-status--dialing{background-color:var(--color-primary-surface);color:var(--color-primary)}.call-status--connected{background-color:var(--color-success-surface);color:var(--color-success)}.call-status--failed{background-color:var(--color-error-surface);color:var(--color-error)}.editor-container{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);height:calc(100vh - 180px)}.editor-main{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.editor-sidebar{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-on-surface);margin:0 0 var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.knowledge-list,.function-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.knowledge-item,.function-item{padding:var(--spacing-md);background-color:var(--color-surface-variant);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between}.item-info{flex:1}.item-name{font-weight:500;color:var(--color-on-surface);margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm)}.item-description{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);margin:0}.phone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.phone-card{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.phone-number{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.phone-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.phone-status--active{background-color:var(--color-success-surface);color:var(--color-success)}.phone-status--inactive{background-color:var(--color-outline-variant);color:var(--color-on-surface-secondary)}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-variant) 100%);padding:var(--spacing-lg);box-sizing:border-box;position:relative}.login-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.login-header{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl)}.login-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);box-shadow:var(--shadow-md)}.login-title{font-size:var(--font-size-3xl);font-weight:600;color:var(--color-on-surface);margin:0 0 var(--spacing-sm);letter-spacing:-.025em}.login-subtitle{font-size:var(--font-size-base);color:var(--color-on-surface-variant);margin:0;line-height:var(--line-height-relaxed)}.login-form{padding:0 var(--spacing-xl) var(--spacing-3xl)}.login-form .form-group:last-of-type{margin-bottom:var(--spacing-xl)}.login-button{width:100%;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:500;font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-error-surface);color:var(--color-error);border-radius:var(--radius-sm);border:1px solid rgba(217,48,37,.2);display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm)}@media (max-width: 1200px){.editor-container{grid-template-columns:1fr 280px;gap:var(--spacing-lg)}}@media (max-width: 1024px){.editor-container{grid-template-columns:1fr;gap:var(--spacing-lg);height:auto}.editor-sidebar{order:-1;padding:var(--spacing-lg)}.agent-list-item{padding:var(--spacing-lg)}}@media (max-width: 768px){.login-container{padding:var(--spacing-md)}.login-card{max-width:100%;border-radius:var(--radius-md)}.login-header{padding:var(--spacing-xxl) var(--spacing-lg) var(--spacing-lg)}.login-form{padding:0 var(--spacing-lg) var(--spacing-xxl)}.login-title{font-size:var(--font-size-2xl)}.editor-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)}.header-left{width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.editor-content{flex-direction:column}.editor-tabs{width:100%;order:-1}.tab-content{order:1}.tab-panel,.call-form{padding:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-xl)}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.inline-form,.agent-list-item{padding:var(--spacing-lg)}.agent-actions{width:100%;flex-direction:column;gap:var(--spacing-sm)}.agent-actions .btn{width:100%}.phone-grid{grid-template-columns:1fr}.voice-controls{flex-direction:column;gap:var(--spacing-md)}.voice-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.voice-control-btn{width:100%;min-height:56px;justify-content:center}.voice-status-display{text-align:center;padding:var(--spacing-md)}}@media (max-width: 480px){.login-icon{width:40px;height:40px}.login-header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.login-form{padding:0 var(--spacing-md) var(--spacing-xl)}.editor-header,.tab-panel,.call-form{padding:var(--spacing-md)}.form-section h3,.section-header h3{font-size:var(--font-size-lg)}.voice-control-btn{min-height:52px;font-size:var(--font-size-base)}.voice-status-display{font-size:var(--font-size-sm)}.chat-message .message-content{max-width:90%}.voice-messages{padding:var(--spacing-md)}}.agent-editor{height:100%;display:flex;flex-direction:column;background:var(--color-background)}.section-description{color:var(--color-on-surface-variant);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-surface-variant);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.required{color:var(--color-error);font-weight:700;margin-left:4px}.tooltip{display:inline-block;margin-left:var(--spacing-sm);cursor:help;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;border:1px solid var(--color-primary);position:relative}.tooltip:hover:after{content:attr(title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--color-on-surface);color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:400;white-space:nowrap;z-index:1000;max-width:300px;text-align:left;line-height:1.4;box-shadow:var(--shadow-md)}.tooltip:hover:before{content:"";position:absolute;bottom:112%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-on-surface);z-index:1000}.char-count{float:right;font-size:var(--font-size-xs);color:var(--color-outline);margin-top:4px}.tips-list{background:var(--color-surface-variant);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.tip-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.4}.tip-item:last-child{margin-bottom:0}.tip-item:before{content:"•";color:var(--color-primary);font-weight:700;margin-right:var(--spacing-sm);margin-top:2px}.form-input:invalid:not(:placeholder-shown),.form-textarea:invalid:not(:placeholder-shown){border-color:var(--color-error)}.form-input:valid:not(:placeholder-shown),.form-textarea:valid:not(:placeholder-shown){border-color:var(--color-success)}.form-input.error,.form-textarea.error{border-color:var(--color-error);background-color:var(--color-error-surface)}@media (max-width: 768px){.form-input,.form-textarea,.form-select{min-height:44px;font-size:16px;padding:var(--spacing-md)}.form-textarea{min-height:100px}.form-label{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}}.editor-header{display:flex;align-items:center;justify-content:space-evenly;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-outline);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.back-button{color:var(--color-primary);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:var(--transition-fast)}.back-button:hover{background-color:var(--color-primary-surface)}.editor-header h1{margin:0;color:var(--color-on-surface);font-size:var(--font-size-2xl);font-weight:400}.editor-content{flex:1;display:flex;overflow:hidden}.editor-tabs{width:240px;background:var(--color-surface);border-right:1px solid var(--color-outline);padding:var(--spacing-lg) 0}.tab-content{flex:1;overflow-y:auto;background:var(--color-surface)}.tab-panel{padding:var(--spacing-xl) var(--spacing-xxl);max-width:1000px}.form-section{margin-bottom:var(--spacing-3xl)}.form-section h3{margin:0 0 var(--spacing-xl) 0;color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.section-header h3{margin:0;color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:500}.inline-form{background:var(--color-surface-variant);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.function-endpoint{font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--spacing-xs)}.knowledge-list,.function-list{margin-bottom:var(--spacing-xl)}.knowledge-item,.function-item{border:1px solid var(--color-outline);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:var(--transition-fast)}.knowledge-item:hover,.function-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.checkbox-label{display:flex;align-items:flex-start;padding:var(--spacing-lg);cursor:pointer;gap:var(--spacing-md)}.checkbox-label input[type=checkbox]{margin:var(--spacing-xs) 0 0 0;cursor:pointer}.knowledge-info,.function-info{flex:1}.knowledge-info h4,.function-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-on-surface);font-size:var(--font-size-md);font-weight:500}.knowledge-info p,.function-info p{margin:0 0 var(--spacing-sm) 0;color:var(--color-on-surface-variant);font-size:var(--font-size-base);line-height:var(--line-height-base)}.knowledge-type{background:var(--color-primary-surface);color:var(--color-primary);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.voice-tester{height:100%;display:flex;flex-direction:column}.tester-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-outline)}.tester-header h3{margin:0;color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:500}.tester-status{display:flex;align-items:center;gap:var(--spacing-sm)}.status-connected{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-weight:500;font-size:var(--font-size-base)}.status-disconnected{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-on-surface-secondary);font-weight:500;font-size:var(--font-size-base)}.chat-interface{flex:1;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-xl);background:var(--color-background)}.chat-welcome{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--spacing-5xl) var(--spacing-xl);text-align:center;color:var(--color-on-surface-variant)}.welcome-avatar{background:var(--color-primary-surface);color:var(--color-primary);border-radius:var(--radius-full);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.welcome-text h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-on-surface);font-weight:500}.welcome-text p{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.chat-message{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message.user .message-avatar{background:var(--color-primary);color:var(--color-surface)}.chat-message.ai .message-avatar{background:var(--color-surface-variant);color:var(--color-on-surface-variant);border:1px solid var(--color-outline)}.message-content{flex:1;max-width:70%}.chat-message.user .message-content{text-align:right}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.chat-message.user .message-header{flex-direction:row-reverse}.message-sender{font-weight:500;font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.message-time{font-size:var(--font-size-xs);color:var(--color-on-surface-secondary)}.message-text{background:var(--color-surface);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-outline);color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}.chat-message.user .message-text{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.typing-indicator{display:flex;gap:3px;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--color-on-surface-variant);border-radius:var(--radius-full);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.chat-controls{padding:var(--spacing-xl);border-top:1px solid var(--color-outline);background:var(--color-surface)}.voice-controls{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.mic-status{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:var(--font-size-base);font-weight:500;background:var(--color-success-surface);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid var(--color-success)}.voice-status{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:var(--font-size-base);font-weight:500}.connection-info{text-align:center;color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.transcript-container{flex:1;border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-y:auto;background:var(--color-background);margin-bottom:var(--spacing-lg);min-height:300px}.transcript-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);max-width:80%}.transcript-message.user{background:var(--color-primary-surface);margin-left:auto;text-align:right}.transcript-message.ai{background:var(--color-surface);border:1px solid var(--color-outline)}.tester-controls{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md)}.start-stop-button{width:100%;padding:var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:500;cursor:pointer;transition:var(--transition-base);margin-bottom:var(--spacing-md)}.start-stop-button.disconnected{background-color:var(--color-success);color:var(--color-surface)}.start-stop-button.disconnected:hover:not(:disabled){background-color:var(--color-success-light)}.start-stop-button.connected{background-color:var(--color-error);color:var(--color-surface)}.start-stop-button.connected:hover:not(:disabled){background-color:var(--color-error-light)}.start-stop-button:disabled{background-color:var(--color-outline-variant);color:var(--color-on-surface-secondary);cursor:not-allowed}.error-message{color:var(--color-error);background:var(--color-error-surface);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.room-info{color:var(--color-on-surface-variant);font-size:var(--font-size-xs);margin:0}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-outline);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family-primary);transition:var(--transition-fast);background:var(--color-surface);color:var(--color-on-surface)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--color-surface-variant);color:var(--color-on-surface-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235f6368' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:20px;padding-right:var(--spacing-4xl)}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-on-surface-secondary)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-on-surface);font-weight:500;font-size:var(--font-size-base)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:var(--transition-fast);font-size:var(--font-size-base)}.btn-secondary:hover{background-color:var(--color-primary-surface)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-on-surface-variant);background:var(--color-surface-variant);border-radius:var(--radius-md);margin:var(--spacing-xl) 0}.empty-state p{margin:0;font-size:var(--font-size-base)}.list-header{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-outline-variant)}.knowledge-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.content-length{font-size:var(--font-size-xs);color:var(--color-on-surface-secondary);background:var(--color-outline-variant);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.save-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.save-indicator.saved{color:var(--color-success)}.save-indicator.saving{color:var(--color-primary)}.save-indicator.unsaved{color:var(--color-warning)}.progress-bar{width:100%;height:4px;background:var(--color-outline-variant);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-sm) 0}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.loading-skeleton{background:linear-gradient(90deg,var(--color-outline-variant) 0%,var(--color-surface-variant) 50%,var(--color-outline-variant) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}