:root{--bcn-deep-purple: #0F0229;--bcn-dark-navy: #1F1F40;--bcn-light-gray: #F0F1F7;--bcn-white: #FFFFFF;--bcn-black: #000000;--bcn-teal: #3BE3CC;--bcn-lavender: #B48FFF;--bcn-orange: #FA8602;--bcn-yellow: #FFB319;--bcn-gradient-purple-1: #6319A2;--bcn-gradient-purple-2: #A070DC;--bcn-gradient-green-1: #0CD054;--bcn-gradient-green-2: #13B1F8;--bcn-gradient-lime: #C0ED2B;--status-live: #3BE3CC;--status-joining: #FFB319;--status-ended: #B48FFF;--status-error: #FF6B6B;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--transition-fast: .15s ease;--transition-normal: .3s ease}[data-theme=dark]{--bg-primary: var(--bcn-deep-purple);--bg-secondary: var(--bcn-dark-navy);--bg-surface: rgba(255, 255, 255, .05);--bg-surface-light: rgba(255, 255, 255, .03);--bg-surface-hover: rgba(255, 255, 255, .08);--bg-surface-strong: rgba(255, 255, 255, .1);--bg-surface-stronger: rgba(255, 255, 255, .15);--bg-surface-intense: rgba(255, 255, 255, .2);--bg-surface-max: rgba(255, 255, 255, .3);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .2);--text-primary: var(--bcn-white);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--bg-gradient: var(--bcn-deep-purple);--accent-gradient: linear-gradient(135deg, var(--bcn-teal) 0%, var(--bcn-lavender) 100%)}[data-theme=light]{--bg-primary: var(--bcn-light-gray);--bg-secondary: var(--bcn-white);--bg-surface: rgba(0, 0, 0, .05);--bg-surface-light: rgba(0, 0, 0, .03);--bg-surface-hover: rgba(0, 0, 0, .08);--bg-surface-strong: rgba(0, 0, 0, .1);--bg-surface-stronger: rgba(0, 0, 0, .15);--bg-surface-intense: rgba(0, 0, 0, .2);--bg-surface-max: rgba(0, 0, 0, .3);--border-color: rgba(0, 0, 0, .15);--border-color-strong: rgba(0, 0, 0, .25);--text-primary: var(--bcn-black);--text-secondary: rgba(0, 0, 0, .7);--text-muted: rgba(0, 0, 0, .5);--bg-gradient: linear-gradient(135deg, var(--bcn-light-gray) 0%, var(--bcn-white) 50%, rgba(12, 208, 84, .1) 100%);--accent-gradient: linear-gradient(135deg, var(--bcn-teal) 0%, var(--bcn-gradient-green-2) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Aptos Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000}.skip-to-content:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:8px 16px;background:var(--bcn-teal);color:var(--bcn-deep-purple);font-weight:600;border-radius:4px;text-decoration:none;outline:2px solid var(--bcn-white)}.focus-view{height:100vh;max-height:100vh;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:0 var(--space-lg);overflow:hidden}.focus-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color)}.focus-header-left{display:flex;align-items:center}.focus-header-right{display:flex;align-items:center;gap:var(--space-sm)}.focus-header-right .header-actions{display:flex;gap:var(--space-sm);margin-right:var(--space-sm)}.focus-header-right .header-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.focus-header-right .header-action-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-color-strong)}.focus-header-right .header-action-btn.primary{background:var(--bcn-teal);border-color:var(--bcn-teal);color:var(--bcn-deep-purple)}.focus-header-right .header-action-btn.primary:hover{background:#2bc4b0;box-shadow:0 4px 12px #3be3cc4d}.focus-header-right .header-action-btn.danger{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.focus-header-right .header-action-btn.danger:hover{background:#ff6b6b33}.header-logo{height:32px}.header-title{font-size:1.25rem;font-weight:500;color:var(--text-secondary);margin-left:var(--space-md)}.status-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:20px;background:var(--bg-surface-strong);font-size:.875rem;font-weight:500}.status-badge .dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.status-badge.idle .dot{background:var(--bcn-teal)}.status-badge.joining .dot{background:var(--status-joining);animation:pulse 1s infinite}.status-badge.connected .dot{background:var(--bcn-teal)}.status-badge.live{background:#3be3cc26}.status-badge.live .dot{background:var(--status-live);box-shadow:0 0 10px var(--status-live);animation:pulse 2s infinite}.status-badge.ended .dot{background:var(--status-ended)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.focus-main{flex:1;display:grid;grid-template-columns:1fr 320px;gap:var(--space-lg);padding:var(--space-lg) 0;overflow:hidden;min-height:0}.focus-transcript-column{display:flex;flex-direction:column;gap:var(--space-md);min-height:0}.focus-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.focus-sidebar-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);padding:var(--space-xl);background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:12px}.focus-sidebar-empty svg{margin-bottom:var(--space-md);opacity:.5}.focus-sidebar-empty p{font-size:1rem;margin-bottom:var(--space-xs)}.focus-sidebar-empty span{font-size:.875rem;opacity:.7}.focus-session-info{background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:12px;padding:var(--space-md)}.session-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.session-info-row:not(:last-child){border-bottom:1px solid var(--border-color)}.session-info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.session-info-value{font-size:.875rem;font-weight:500}.session-info-value.status-live{color:var(--bcn-teal)}.session-info-value.status-joining{color:var(--status-joining)}.session-info-value.status-ended{color:var(--status-ended)}.focus-visualizer-compact{height:60px;background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.audio-waveform{position:relative;height:80px;padding:var(--space-md);background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:100%}.waveform-bar{width:4px;height:100%;background:var(--accent-gradient);border-radius:2px;transform-origin:center}.waveform-gradient-left,.waveform-gradient-right{position:absolute;top:0;bottom:0;width:60px;pointer-events:none}.waveform-gradient-left{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.waveform-gradient-right{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.focus-bot-name{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.focus-bot-name label{font-size:.875rem;color:var(--text-muted);white-space:nowrap}.focus-bot-name-input{flex:1;max-width:200px;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}.focus-bot-name-input:focus{outline:none;border-color:var(--bcn-teal);box-shadow:0 0 0 2px #3be3cc33}.focus-bot-name-input:disabled{opacity:.5;cursor:not-allowed}.focus-bot-name-input::placeholder{color:var(--text-muted)}.meeting-input{width:100%}.meeting-input-error{padding:var(--space-sm) var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;font-size:.875rem;margin-bottom:var(--space-md)}.meeting-input-wrapper{display:flex;gap:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:12px;padding:var(--space-xs);transition:var(--transition-fast)}.meeting-input-wrapper:focus-within{border-color:var(--bcn-teal);box-shadow:0 0 0 3px #3be3cc33}.meeting-input-field{flex:1;padding:var(--space-md);background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.meeting-input-field::placeholder{color:var(--text-muted)}.meeting-input-field:disabled{opacity:.5;cursor:not-allowed}.meeting-input-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--bcn-teal) 0%,#2BC4B0 100%);border:none;border-radius:8px;color:var(--bcn-deep-purple);cursor:pointer;transition:var(--transition-fast)}.meeting-input-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #3be3cc66}.meeting-input-button:disabled{opacity:.5;cursor:not-allowed}.meeting-input-spinner{display:flex;gap:4px}.meeting-input-spinner span{width:6px;height:6px;background:var(--bcn-deep-purple);border-radius:50%;animation:inputSpinner 1s infinite ease-in-out}.meeting-input-spinner span:nth-child(2){animation-delay:.1s}.meeting-input-spinner span:nth-child(3){animation-delay:.2s}@keyframes inputSpinner{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.focus-transcript-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:16px;min-height:0;overflow:hidden}.focus-participants-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:var(--space-md)}.focus-participants-header{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-sm)}.focus-participants-header svg{opacity:.7}.focus-participants-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.focus-participant-chip{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--accent-gradient);color:#fff;border-radius:16px;font-size:.8rem;font-weight:500}.focus-participant-entry{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md);background:var(--surface-color);border-radius:8px;border-left:3px solid var(--accent-color);margin-bottom:var(--space-xs)}.focus-participant-entry.left{opacity:.7;border-left-color:var(--text-muted)}.focus-participant-entry.active{border-left-color:#22c55e}.focus-participant-entry .participant-name{font-weight:500;font-size:.9rem;color:var(--text-primary)}.focus-participant-entry .participant-times{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:.75rem;color:var(--text-muted)}.focus-participant-entry .join-time{color:#22c55e}.focus-participant-entry .leave-time{color:#f59e0b}.focus-transcript-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.focus-transcript-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.focus-download-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface-strong);border:1px solid var(--border-color-strong);border-radius:6px;color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.focus-download-btn:hover{background:var(--bg-surface-stronger)}.focus-transcript-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.focus-transcript-content::-webkit-scrollbar{width:6px}.focus-transcript-content::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:3px}.focus-transcript-content::-webkit-scrollbar-thumb{background:var(--bg-surface-intense);border-radius:3px}.focus-transcript-content::-webkit-scrollbar-thumb:hover{background:var(--bg-surface-max)}.focus-transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-xl);text-align:center;color:var(--text-muted)}.focus-transcript-empty-icon{margin-bottom:var(--space-lg);opacity:.5}.focus-transcript-empty-icon.connecting svg,.focus-transcript-empty-icon.listening svg{color:var(--bcn-teal);opacity:1}.focus-transcript-empty-icon.connecting{animation:pulse 1.5s infinite}.focus-transcript-empty p{font-size:1rem;margin-bottom:var(--space-sm)}.focus-transcript-empty span{font-size:.875rem;opacity:.7}.transcript-item{padding:var(--space-md);border-radius:12px;margin-bottom:var(--space-md);background:var(--bg-surface-light);border-left:3px solid var(--bcn-teal)}.transcript-item.partial{opacity:.6;border-left-color:var(--text-muted);font-style:italic}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.speaker-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.speaker-badge .speaker-dot{width:8px;height:8px;border-radius:50%;background:var(--bcn-teal)}.speaker-badge[data-speaker="1"] .speaker-dot{background:var(--bcn-teal)}.speaker-badge[data-speaker="2"] .speaker-dot{background:var(--bcn-lavender)}.speaker-badge[data-speaker="3"] .speaker-dot{background:var(--bcn-orange)}.speaker-badge[data-speaker="4"] .speaker-dot{background:var(--bcn-yellow)}.speaker-badge[data-speaker="0"] .speaker-dot{background:var(--text-muted)}.transcript-time{font-size:.75rem;color:var(--text-muted)}.transcript-text{font-size:1rem;line-height:1.6}.focus-action-bar{display:flex;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.focus-action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.focus-action-btn.secondary{background:var(--bg-surface-strong);border:1px solid var(--border-color-strong);color:var(--text-primary)}.focus-action-btn.secondary:hover{background:var(--bg-surface-stronger)}.focus-action-btn.primary{background:linear-gradient(135deg,var(--bcn-teal) 0%,#2BC4B0 100%);border:none;color:var(--bcn-deep-purple)}.focus-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3be3cc66}.focus-action-btn.danger{background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.focus-action-btn.danger:hover{background:#ff6b6b4d}.history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.history-drawer{position:fixed;top:0;left:0;bottom:0;width:380px;max-width:90vw;background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:101;display:flex;flex-direction:column}.history-header{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.history-header-top{display:flex;justify-content:space-between;align-items:center}.history-header h2{font-size:1.25rem;font-weight:600}.history-search{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-sm) var(--space-md)}.history-search svg{color:var(--text-muted);flex-shrink:0}.history-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.history-search-input::placeholder{color:var(--text-muted)}.history-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px}.history-search-clear:hover{color:var(--text-primary);background:var(--bg-surface-strong)}.history-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface-strong);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.history-close-btn:hover{background:var(--bg-surface-stronger)}.history-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.history-empty-icon{margin-bottom:var(--space-lg);opacity:.5}.history-empty p{font-size:1rem;margin-bottom:var(--space-sm)}.history-empty span{font-size:.875rem;opacity:.7}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:var(--transition-fast)}.history-item.selected{background:#3be3cc1a;border-color:var(--bcn-teal)}.history-item-main{flex:1;min-width:0}.history-item-date{font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs)}.history-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:.75rem;color:var(--text-muted)}.history-item-meta span{display:flex;align-items:center;gap:var(--space-xs)}.history-item-title{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-xs)}.history-client-name{font-size:.875rem;font-weight:600;color:var(--bcn-teal)}.history-meeting-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-owner{color:var(--text-secondary)}.history-item-owner svg{opacity:.7}.history-item-transcripts,.history-item-duration{color:var(--text-muted)}.history-item-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:8px;color:#ff6b6b;cursor:pointer;opacity:0;transition:var(--transition-fast)}.history-item:hover .history-item-delete{opacity:1}.history-item-delete:hover{background:#ff6b6b33}.live-calls-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.live-calls-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:90vw;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:101;display:flex;flex-direction:column}.live-calls-header{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.live-calls-header-top{display:flex;justify-content:space-between;align-items:center}.live-calls-header h2{font-size:1.25rem;font-weight:600;color:var(--bcn-teal)}.live-calls-subtitle{font-size:.875rem;color:var(--text-muted)}.live-calls-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface-strong);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.live-calls-close-btn:hover{background:var(--bg-surface-stronger)}.live-calls-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.live-calls-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.live-calls-empty-icon{margin-bottom:var(--space-lg);opacity:.5}.live-calls-empty p{font-size:1rem;margin-bottom:var(--space-sm)}.live-calls-empty span{font-size:.875rem;opacity:.7}.live-calls-list{display:flex;flex-direction:column;gap:var(--space-sm)}.live-call-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface-light);border:1px solid rgba(59,227,204,.2);border-radius:12px;cursor:pointer;transition:var(--transition-fast)}.live-call-item.selected{background:#3be3cc1a;border-color:var(--bcn-teal)}.live-call-item-main{flex:1;min-width:0}.live-call-item-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.live-status-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px}.live-status-badge.active{background:#3be3cc33;color:var(--bcn-teal)}.live-status-badge.joining{background:#ffb31933;color:var(--bcn-yellow)}.live-call-time{font-size:.75rem;color:var(--text-muted)}.live-call-item-title{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-xs)}.live-call-client{font-size:.875rem;font-weight:600;color:var(--bcn-teal)}.live-call-meeting-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-call-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:.75rem;color:var(--text-muted)}.live-call-item-meta span{display:flex;align-items:center;gap:var(--space-xs)}.live-call-owner{color:var(--text-secondary)}.live-call-owner svg{opacity:.7}.live-call-participants{color:var(--text-muted)}.live-call-item-indicator{display:flex;align-items:center;justify-content:center}.live-pulse{width:12px;height:12px;background:var(--bcn-teal);border-radius:50%;animation:live-pulse 2s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #3be3cc80}70%{box-shadow:0 0 0 10px #3be3cc00}to{box-shadow:0 0 #3be3cc00}}.listening-indicator{display:flex;align-items:center;gap:var(--space-sm);color:var(--bcn-teal);font-size:.875rem;margin-top:var(--space-md)}.listening-dots{display:flex;gap:4px}.listening-dots span{width:6px;height:6px;background:var(--bcn-teal);border-radius:50%;animation:listening 1.4s infinite ease-in-out}.listening-dots span:nth-child(1){animation-delay:0s}.listening-dots span:nth-child(2){animation-delay:.2s}.listening-dots span:nth-child(3){animation-delay:.4s}@keyframes listening{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;margin:var(--space-md) 0}.error-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#ff6b6b;cursor:pointer;opacity:.7;transition:var(--transition-fast)}.error-dismiss:hover{opacity:1}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);margin-left:var(--space-md)}.theme-toggle:hover{background:var(--bg-surface-hover);border-color:var(--bcn-teal)}.theme-toggle svg{width:20px;height:20px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bcn-deep-purple);padding:var(--space-xl);position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:floatOrb 20s ease-in-out infinite}.login-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--bcn-gradient-purple-1),var(--bcn-lavender));top:-20%;left:-10%;animation-delay:0s}.login-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--bcn-teal),var(--bcn-gradient-green-2));bottom:-15%;right:-10%;animation-delay:-5s;animation-duration:25s}.login-orb-3{width:300px;height:300px;background:linear-gradient(135deg,var(--bcn-gradient-green-1),var(--bcn-gradient-lime));top:50%;right:20%;animation-delay:-10s;animation-duration:18s}.login-orb-4{width:250px;height:250px;background:linear-gradient(135deg,var(--bcn-gradient-purple-2),var(--bcn-teal));bottom:20%;left:15%;animation-delay:-15s;animation-duration:22s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.login-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-xl);background:#0f0229b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:420px;width:100%;position:relative;z-index:1;box-shadow:0 25px 50px -12px #00000080}.login-logo{height:64px;margin-bottom:var(--space-lg)}.login-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--bcn-white)}.login-subtitle{font-size:.9rem;color:#ffffffb3;margin-bottom:var(--space-xl)}.login-button{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--bcn-white);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.login-button:hover{background:#ffffff26;border-color:var(--bcn-teal);transform:translateY(-2px);box-shadow:0 10px 30px -10px #3be3cc4d}.login-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:#ffffffb3;position:relative;z-index:1}.login-spinner{display:flex;gap:6px}.login-spinner span{width:12px;height:12px;background:var(--bcn-teal);border-radius:50%;animation:loginSpin 1s infinite ease-in-out}.login-spinner span:nth-child(2){animation-delay:.15s}.login-spinner span:nth-child(3){animation-delay:.3s}@keyframes loginSpin{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bcn-deep-purple)}.user-menu{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--border-color)}.user-name{font-size:.875rem;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.logout-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.focus-input-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.focus-client-name{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.focus-client-name label{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.focus-client-name-input{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}.focus-client-name-input:focus{outline:none;border-color:var(--bcn-teal);box-shadow:0 0 0 2px #3be3cc33}.focus-client-name-input:disabled{opacity:.5;cursor:not-allowed}.focus-client-name-input::placeholder{color:var(--text-muted)}.focus-bot-name{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.focus-bot-name label{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.focus-meeting-info{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:var(--space-md) var(--space-lg)}.meeting-client-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--accent-gradient);color:#fff;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.meeting-info-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-xs) 0}.meeting-info-agenda{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:580px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;z-index:1001;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-surface);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-surface-hover)}.modal-form{padding:var(--space-lg)}.modal-error{padding:var(--space-sm) var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;font-size:.875rem;margin-bottom:var(--space-md)}.modal-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.modal-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.modal-field input{padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:var(--transition-fast)}.modal-field input:focus{outline:none;border-color:var(--bcn-teal);box-shadow:0 0 0 3px #3be3cc33}.modal-field input::placeholder{color:var(--text-muted)}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.modal-btn.secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.modal-btn.secondary:hover{background:var(--bg-surface-hover)}.modal-btn.primary{background:linear-gradient(135deg,var(--bcn-teal) 0%,#2BC4B0 100%);border:none;color:var(--bcn-deep-purple)}.modal-btn.primary:hover:not(:disabled){box-shadow:0 4px 20px #3be3cc66;transform:translateY(-1px)}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal-spinner{display:flex;gap:4px}.modal-spinner span{width:6px;height:6px;background:var(--bcn-deep-purple);border-radius:50%;animation:modalSpinner 1s infinite ease-in-out}.modal-spinner span:nth-child(2){animation-delay:.1s}.modal-spinner span:nth-child(3){animation-delay:.2s}@keyframes modalSpinner{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.focus-connecting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;gap:var(--space-md)}.connecting-icon{color:var(--bcn-teal);animation:connectingPulse 2s ease-in-out infinite}.connecting-icon svg{width:64px;height:64px}@keyframes connectingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.connecting-bot-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.connecting-status{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.875rem}.connecting-pulse{width:10px;height:10px;background:var(--bcn-teal);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@media (max-width: 1024px){.focus-main{grid-template-columns:1fr}.focus-sidebar{order:-1}.focus-visualizer-compact{display:none}}@media (max-width: 768px){.focus-view{padding:0 var(--space-md)}.history-drawer{width:100%;max-width:100%}.focus-transcript-panel{min-height:300px}.header-actions span{display:none}.header-action-btn{padding:var(--space-sm)}.modal-row{grid-template-columns:1fr}.user-menu{display:none}.user-name{max-width:100px}.focus-session-info{display:none}}