.chat-interface{background:var(--bg-primary);height:100%;min-height:0}.chat-interface,.messages-container{display:flex;flex:1 1;flex-direction:column}.messages-container{background:#0000!important;gap:8px;overflow-y:auto;padding:20px}.chat-interface,.chat-messages,.message>div:not(.message-content),.messages-container{background:#0000!important;border:none!important;box-shadow:none!important}.welcome-message{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;color:var(--text-primary);margin:0 auto;max-width:600px;padding:32px 40px;text-align:center}.welcome-message h3{color:var(--accent-primary);font-size:20px;margin:0 0 16px}.welcome-message p{color:var(--text-secondary)}.welcome-message ul{list-style:none;margin:16px 0;padding:0;text-align:center}.welcome-message li{color:var(--text-secondary);font-style:italic;padding:8px 0}.message{background:#0000!important;border-radius:0!important;display:flex;margin:0 0 12px!important;max-width:100%;outline:none!important;padding:0!important}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{word-wrap:break-word;border:none!important;border-radius:18px!important;box-shadow:none!important;display:inline-block;font-size:14px!important;line-height:1.5!important;max-width:70vw;min-width:200px;outline:none!important;overflow:auto;overflow-wrap:break-word;padding:8px 12px!important;position:relative;white-space:pre-wrap;width:auto;word-break:break-word}.message-content h1,.message-content h2,.message-content h3{font-size:15px!important;font-weight:600!important;line-height:1.3!important;margin:12px 0 8px!important;overflow-wrap:break-word;word-break:break-word}.message-content code,.message-content pre{word-wrap:break-word;font-size:13px!important;max-width:100%;overflow-wrap:break-word;overflow-x:auto;white-space:pre-wrap}.message-content pre{background:#0000000d;border-radius:6px;margin:0;overflow-x:auto;padding:8px;width:100%}.message-content a{color:var(--accent-primary);text-decoration:none;word-break:break-all}.message-content a:hover{filter:brightness(1.2);text-decoration:underline}[data-theme=dark] .message-content pre{background:var(--bg-hover)}.message-content table{display:table;font-size:13px!important;max-width:100%;overflow-x:auto}.message-content td,.message-content th{word-wrap:break-word;max-width:200px;overflow-wrap:break-word}.message.user .message-content{background:linear-gradient(135deg,#007aff,#0055d4)!important;border-radius:18px 18px 4px 18px;color:#fff!important}.message.assistant .message-content{background:#e5e5e7!important;border-radius:18px 18px 18px 4px;color:#000!important}[data-theme=dark] .message.assistant .message-content{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .message.user .message-content{background:linear-gradient(135deg,#0a84ff,#06c)!important;color:var(--text-primary)!important}@media (prefers-color-scheme:dark){[data-theme=auto] .message.assistant .message-content{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=auto] .message.user .message-content{background:linear-gradient(135deg,#0a84ff,#06c)!important;color:var(--text-primary)!important}}@media (prefers-color-scheme:light){[data-theme=auto] .message.assistant .message-content{background:#e5e5e7!important;color:#000!important}[data-theme=auto] .message.user .message-content{background:linear-gradient(135deg,#007aff,#0055d4)!important;color:#fff!important}}.tools-used{border-top:1px solid var(--border-secondary);color:var(--text-tertiary);font-size:11px;margin-top:8px;opacity:.8;padding-top:8px}.copy-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:2px 8px;transition:all .2s ease}.copy-button:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.copy-button:active{transform:translateY(0) scale(.95)}[data-theme=dark] .copy-button{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .copy-button:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}@media (prefers-color-scheme:dark){[data-theme=auto] .copy-button{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=auto] .copy-button:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}}.copyable-block-wrapper{margin:12px 0;position:relative;width:100%}.block-copy-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 8px var(--bg-overlay);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;opacity:0;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease;z-index:10}.copyable-block-wrapper:hover .block-copy-btn{opacity:1}.block-copy-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.block-copy-btn:active{transform:scale(.95)}.block-copy-btn.copied{background:var(--accent-success)!important;border-color:var(--accent-success)!important;color:var(--text-on-accent)!important}.message-content table{background:#0000;border-collapse:collapse;font-size:13px;margin:0;table-layout:auto;width:100%}.message-content thead{border-bottom:2px solid var(--border-primary)}.message-content td,.message-content th{border-bottom:1px solid var(--border-primary);padding:8px 12px;text-align:left}.message-content th{font-size:12px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.message-content tbody tr:last-child td{border-bottom:none}.message-content ul{margin:8px 0;padding-left:20px}.message-content li{line-height:1.5;margin:4px 0}.message-content hr{border:none;border-top:1px solid var(--border-primary);margin:16px 0}.agent-status-message{animation:statusPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#007aff,#0055d4);border-radius:24px;box-shadow:0 4px 12px #007aff4d;color:var(--text-primary);font-size:14px;font-weight:500;margin:10px auto;max-width:400px;padding:12px 20px;text-align:center}@keyframes statusPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background:var(--text-tertiary);border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.input-form{align-items:flex-end;background:var(--bg-secondary);border-top:1px solid var(--border-primary);box-sizing:border-box;display:flex;gap:12px;height:85px;padding:20px;position:relative;z-index:100}.message-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:24px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;min-height:20px;overflow-y:auto;padding:12px 16px;resize:none;transition:height .1s ease}.message-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.message-input::placeholder{color:var(--input-placeholder);opacity:.7}.send-button{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;color:var(--text-on-accent);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.send-button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-input-container{align-items:center;display:flex;justify-content:center;position:relative}.voice-button{align-items:center!important;background:var(--accent-primary)!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;display:flex!important;font-size:16px!important;height:40px!important;justify-content:center!important;transition:all .2s ease!important;width:40px!important}.voice-button:hover:not(:disabled){box-shadow:0 4px 8px #0003!important;transform:scale(1.05)}.voice-button:active:not(:disabled){transform:scale(.95)}.voice-button:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.recording-timer{border:1px solid var(--border-primary);border-radius:4px;font-weight:700;padding:2px 6px;top:-25px}.recording-timer,.voice-error{background:var(--bg-secondary);color:#dc3545;color:var(--error,#dc3545);font-size:12px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.voice-error{border:1px solid #dc3545;border:1px solid var(--error,#dc3545);border-radius:4px;max-width:200px;padding:4px 8px;text-align:center;top:50px;z-index:1000}.messages-container::-webkit-scrollbar{width:7px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.message-meta{display:flex;font-size:11px;gap:8px;margin-bottom:8px;margin-top:4px;padding-left:40px}.message.user+.message-meta{justify-content:flex-end;padding-left:0;padding-right:40px}.provider-badge{border-radius:12px;font-weight:600;padding:2px 8px;text-transform:uppercase}.provider-badge.provider-gemini{background:#4285f41a;border:1px solid #4285f44d;color:#4285f4}.provider-badge.provider-claude{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.provider-badge.provider-openai{background:#10a37f1a;border:1px solid #10a37f4d;color:#10a37f}.timestamp-badge{color:var(--text-tertiary);cursor:help;font-size:11px}.latency-badge,.timestamp-badge{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:2px 8px}.latency-badge{color:var(--text-secondary)}.stop-button{align-items:center;background-color:var(--accent-danger);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .2s ease}.stop-button:hover{box-shadow:0 4px 12px var(--border-danger);filter:brightness(1.1);transform:translateY(-1px)}.stop-button:active{box-shadow:0 2px 6px var(--border-danger);transform:translateY(0)}.message.assistant .streaming-update{animation:pulse 1.5s ease-in-out infinite}.streaming-progress{color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:8px}.atoms-status{align-items:center;background:var(--accent-primary);border-radius:8px;color:#fff;display:flex;gap:8px;margin:8px 0;padding:12px}.honey-badger-animated{animation:badgerBounce .6s ease-in-out infinite;display:inline-block;font-size:24px}@keyframes badgerBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.thinking-emoji{animation:pulse 1.5s ease-in-out infinite;font-size:20px}.success-emoji{animation:successPop .5s ease-out;font-size:20px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.status-text{color:var(--text-primary);font-weight:500}.progress-messages-container{background:var(--bg-hover);border-left:3px solid var(--accent-success);border-radius:12px;margin:12px 0;max-width:600px;padding:12px}.progress-message{align-items:center;animation:slideIn .3s ease-out;color:var(--text-primary);display:flex;font-size:14px;gap:8px;padding:6px 0}.progress-message:not(:last-child){border-bottom:1px solid var(--border-primary);margin-bottom:6px;padding-bottom:6px}.progress-text{flex:1 1}.streaming-message{position:relative}.streaming-message .message-content{border-left:3px solid var(--accent-primary);padding-left:12px}.streaming-cursor{animation:cursorBlink .8s ease-in-out infinite;color:var(--accent-primary);display:inline-block;font-weight:700;margin-left:2px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-tool-indicator{align-items:center;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.2);border-radius:12px;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:6px;margin:4px 0;padding:4px 10px}.streaming-tool-indicator.running{border-color:var(--accent-primary)}.streaming-tool-indicator.success{background:var(--bg-success-subtle);border-color:var(--border-success);color:var(--accent-success)}.streaming-tool-indicator.failed{background:var(--bg-danger-subtle);border-color:var(--border-danger);color:var(--accent-danger)}.streaming-tools-container{background:#007aff0d;background:rgba(var(--accent-primary-rgb,0,122,255),.05);border:1px solid #007aff1a;border:1px solid rgba(var(--accent-primary-rgb,0,122,255),.1);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;padding:8px 12px}.streaming-tool-spinner{animation:spin .8s linear infinite;border:2px solid var(--accent-primary);border-radius:50%;border-top:2px solid #0000;height:12px;width:12px}[data-theme=dark] .streaming-message .message-content{border-left-color:var(--accent-primary)}.content-blocks{display:flex;flex-direction:column;gap:8px}.content-block-tool{background:#007aff14;background:rgba(var(--accent-primary-rgb,0,122,255),.08);border:1px solid #007aff33;border:1px solid rgba(var(--accent-primary-rgb,0,122,255),.2);border-radius:8px;margin:4px 0;overflow:hidden}.content-block-tool.queued{background:var(--bg-tertiary);border-color:var(--border-primary);opacity:.7}.content-block-tool.queued .tool-header{cursor:default}.tool-queued-icon{font-size:12px;opacity:.6}.content-block-tool.running{background:#007aff1f;background:rgba(var(--accent-primary-rgb,0,122,255),.12);border-color:var(--accent-primary)}.content-block-tool.success{background:var(--bg-success-subtle);border-color:var(--border-success)}.content-block-tool.failed{background:var(--bg-danger-subtle);border-color:var(--border-danger)}.tool-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.tool-header:hover{background:var(--bg-hover)}.content-block-tool.running .tool-header{cursor:default}.tool-expand-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.tool-caret{color:var(--text-secondary);font-size:10px;transition:transform .2s ease}.tool-caret.expanded{transform:rotate(90deg)}.tool-spinner{animation:spin .8s linear infinite;border:2px solid var(--accent-primary);border-radius:50%;border-top:2px solid #0000;height:12px;width:12px}.tool-name{color:var(--text-primary);cursor:pointer;font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;font-weight:500;transition:color .2s}.tool-name:hover{color:var(--accent-primary)}.tool-name.copied{color:var(--accent-success)}.tool-name.copied:after{content:" ✓";font-size:11px}.tool-status-icon{font-size:14px;margin-left:auto}.tool-details{background:#0000000d;border-top:1px solid #0000001a;padding:12px}.tool-view-toggle{display:flex;justify-content:flex-end;margin-bottom:8px}.view-toggle-btn{align-items:center;background:#0000000d;border:1px solid #00000026;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s ease}.view-toggle-btn:hover{background:#0000001a;color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.tool-section{margin-bottom:8px}.tool-section:last-child{margin-bottom:0}.tool-section-header{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.tool-section-content{background:#00000014;border-radius:6px;color:var(--text-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;line-height:1.5;max-height:300px;overflow-y:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.tool-no-data{color:var(--text-tertiary);font-size:12px;font-style:italic;padding:12px;text-align:center}.tool-result{background:#0000001a;border-top:1px solid #007aff26;border-top:1px solid rgba(var(--accent-primary-rgb,0,122,255),.15);max-height:200px;overflow-y:auto;padding:8px 12px}.tool-result pre{color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;margin:0;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .content-block-tool{background:var(--bg-hover);border-color:var(--border-primary)}[data-theme=dark] .content-block-tool.success{background:#34c7591a;border-color:#34c7594d}[data-theme=dark] .content-block-tool.failed{background:#ff3b301a;border-color:#ff3b304d}[data-theme=dark] .tool-result{background:#0003}[data-theme=dark] .tool-details{background:#00000026}[data-theme=dark] .tool-section-content{background:#0003}[data-theme=dark] .view-toggle-btn{background:var(--bg-hover);border-color:var(--border-primary)}[data-theme=dark] .view-toggle-btn:hover{background:var(--bg-hover)}@media (prefers-color-scheme:dark){[data-theme=auto] .content-block-tool{background:var(--bg-hover);border-color:var(--border-primary)}[data-theme=auto] .content-block-tool.success{background:#34c7591a;border-color:#34c7594d}[data-theme=auto] .content-block-tool.failed{background:#ff3b301a;border-color:#ff3b304d}[data-theme=auto] .tool-result{background:#0003}}[data-theme=dark] .streaming-cursor{color:var(--accent-primary)}@media (prefers-color-scheme:dark){[data-theme=auto] .streaming-message .message-content{border-left-color:var(--accent-primary)}[data-theme=auto] .streaming-cursor{color:var(--accent-primary)}}.scroll-to-bottom-button{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #00000026;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:40px;transition:all .2s ease;width:40px;z-index:999}.scroll-to-bottom-button:hover{background:var(--accent-hover);box-shadow:0 6px 16px #0003;transform:scale(1.1)}.scroll-to-bottom-button:active{transform:scale(.95)}.chat-interface.drag-active{position:relative}.drag-overlay{align-items:center;animation:dragPulse 1.5s ease-in-out infinite;background:#007aff26;border:3px dashed #007aff;border:3px dashed var(--accent-primary,#007aff);border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:100}@keyframes dragPulse{0%,to{background:#007aff26}50%{background:#007aff40}}.drag-overlay-content{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;gap:12px;padding:32px}.drag-icon{animation:bounce .6s ease-in-out infinite;font-size:48px}.drag-text{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:18px;font-weight:600}[data-theme=dark] .drag-overlay-content{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e)}[data-theme=dark] .drag-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (prefers-color-scheme:dark){[data-theme=auto] .drag-overlay-content{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e)}[data-theme=auto] .drag-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}}.attached-files-preview{background:#f5f5f5;background:var(--bg-tertiary,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:-1px;padding:8px 12px}.attached-file{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;display:flex;font-size:12px;gap:6px;max-width:150px;padding:4px 8px}.attached-file-thumbnail{border-radius:4px;height:32px;object-fit:cover;width:32px}.attached-file-icon{align-items:center;background:#f0f0f0;background:var(--bg-tertiary,#f0f0f0);border-radius:4px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.attached-file-name{color:#666;color:var(--text-secondary,#666);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-remove{align-items:center;background:#e0e0e0;background:var(--bg-tertiary,#e0e0e0);border:none;border-radius:50%;color:#999;color:var(--text-tertiary,#999);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;padding:0;transition:all .15s ease;width:18px}.attached-file-remove:hover{background:#dc3545;color:var(--text-primary)}[data-theme=dark] .attached-files-preview{background:#2a2a3a;background:var(--bg-tertiary,#2a2a3a);border-bottom-color:#3a3a4a;border-bottom-color:var(--border-color,#3a3a4a)}[data-theme=dark] .attached-file{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border-color:#3a3a4a;border-color:var(--border-color,#3a3a4a)}[data-theme=dark] .attached-file-icon{background:#2a2a3a;background:var(--bg-tertiary,#2a2a3a)}[data-theme=dark] .attached-file-name{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .attached-file-remove{background:#3a3a4a;background:var(--bg-tertiary,#3a3a4a);color:#888;color:var(--text-tertiary,#888)}@media (prefers-color-scheme:dark){[data-theme=auto] .attached-files-preview{background:#2a2a3a;background:var(--bg-tertiary,#2a2a3a);border-bottom-color:#3a3a4a;border-bottom-color:var(--border-color,#3a3a4a)}[data-theme=auto] .attached-file{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border-color:#3a3a4a;border-color:var(--border-color,#3a3a4a)}[data-theme=auto] .attached-file-icon{background:#2a2a3a;background:var(--bg-tertiary,#2a2a3a)}[data-theme=auto] .attached-file-name{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=auto] .attached-file-remove{background:#3a3a4a;background:var(--bg-tertiary,#3a3a4a);color:#888;color:var(--text-tertiary,#888)}}@media (max-width:768px){.chat-interface{height:100%}.messages-container{box-sizing:border-box;padding:10px 0;width:100%}.message{margin-bottom:16px!important;padding-left:8px!important;padding-right:8px!important}.message-content{font-size:15px!important;max-width:85vw;min-width:0;min-width:auto;padding:10px 14px!important}.message-content pre{border-radius:8px;max-width:100%}.input-form{background:var(--bg-secondary);border-top:1px solid var(--border-primary);bottom:0;height:auto;left:0;min-height:70px;padding:12px 12px max(12px,env(safe-area-inset-bottom));position:fixed;right:0}.messages-container{padding-bottom:100px}.voice-button{height:36px!important;width:36px!important}}.sidebar-mode-toggle{background:var(--bg-tertiary);border-radius:6px;display:flex;flex-shrink:0;gap:2px;padding:2px}.mode-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.mode-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.mode-btn.active{background:var(--accent-primary);color:var(--text-primary)}.mode-btn.active:hover{background:var(--accent-hover)}[data-theme=dark] .sidebar-mode-toggle,[data-theme=light] .sidebar-mode-toggle{background:var(--bg-tertiary)}[data-theme=dark] .mode-btn.active,[data-theme=light] .mode-btn.active{background:var(--accent-primary)}.file-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:6px 4px 6px 8px;position:relative;transition:background .15s ease}.file-item:hover{background:var(--bg-hover)}.file-item.folder.drag-over{background:#007aff26;box-shadow:inset 0 0 0 2px #007aff66}.file-item:hover .file-menu-btn{opacity:.6}.file-item-content{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.file-chevron{align-items:center;display:flex;justify-content:center;width:16px}.file-chevron,.file-icon{color:var(--text-tertiary);flex-shrink:0}.file-item.folder .file-icon{color:#f59e0b}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name,.file-name-input{color:var(--text-primary);flex:1 1;font-size:13px;min-width:0}.file-name-input{background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:4px;font-family:inherit;outline:none;padding:2px 6px}.file-name-input:focus{box-shadow:0 0 0 2px #007bff33}.file-size{font-size:11px;margin-left:auto;padding-left:8px}.file-menu-btn,.file-size{color:var(--text-tertiary);flex-shrink:0}.file-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;transition:all .15s ease;width:24px}.file-menu-btn:hover{background:var(--bg-tertiary);opacity:1!important}.file-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.file-context-menu{animation:slideDown .15s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:140px;padding:4px;position:absolute;right:8px;top:100%;z-index:1000}.file-context-menu button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background .15s ease;width:100%}.file-context-menu button:hover{background:var(--bg-hover)}.file-context-menu button.danger{color:var(--accent-danger)}.file-context-menu button.danger:hover{background:#ef44441a}.file-context-menu button.danger.confirm{background:#ef44441a;font-weight:500}[data-theme=dark] .file-context-menu{background:var(--bg-tertiary);border-color:var(--border-primary);box-shadow:0 4px 12px #0006}[data-theme=light] .file-context-menu{background:var(--bg-primary);border-color:var(--border-primary);box-shadow:0 4px 12px #0000001a}.file-preview-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.file-preview-modal{animation:slideUp .2s ease;background:var(--bg-primary);border-radius:12px;box-shadow:0 16px 48px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.file-preview-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.file-preview-title{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.file-preview-close:hover{background:var(--bg-hover);color:var(--text-primary)}.file-preview-content{flex:1 1;min-height:200px;overflow:auto;padding:16px}.file-preview-error,.file-preview-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;min-height:200px}.file-preview-loading .spinning{animation:spin 1s linear infinite}.file-preview-error{color:var(--accent-danger)}.file-preview-image{border-radius:8px;display:block;margin:0 auto;max-height:60vh;max-width:100%}.file-preview-text{background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.5;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .file-preview-modal{background:var(--bg-secondary);border:1px solid var(--border-primary)}[data-theme=dark] .file-preview-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .file-preview-text{background:var(--bg-tertiary)}[data-theme=light] .file-preview-modal{background:var(--bg-primary);border:1px solid var(--border-primary)}[data-theme=light] .file-preview-header{border-bottom-color:var(--border-primary)}[data-theme=light] .file-preview-text{background:var(--bg-secondary)}.file-checkbox{align-items:center;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s ease;width:18px}.file-checkbox.checked,.file-checkbox:hover{color:var(--accent-primary)}.file-item.selected{background:#007aff1a}.file-item.selected:hover{background:#007aff26}[data-theme=dark] .file-item.selected{background:#0a84ff26}[data-theme=dark] .file-item.selected:hover{background:#0a84ff33}[data-theme=light] .file-item.selected{background:#007aff14}[data-theme=light] .file-item.selected:hover{background:#007aff1f}.file-browser{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.file-browser.drag-active{background:#007bff0d}.file-browser .drag-overlay{align-items:center;background:#007bff1a;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:20}.drag-overlay span,.drag-overlay svg{color:var(--accent-primary)}.drag-overlay span{font-size:14px;font-weight:600}.file-browser-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-sizing:border-box;display:flex;gap:8px;height:57px;padding:12px 16px}.file-upload-btn{padding:0 12px}.file-upload-btn:disabled{opacity:.7}.file-upload-btn.uploading{background:var(--accent-primary)}.file-upload-btn .spinning{animation:spin 1s linear infinite}.new-folder-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.new-folder-btn:disabled{cursor:not-allowed;opacity:.5}.upload-message{animation:slideIn .2s ease;background:#eab30826;border-bottom:1px solid #eab3084d;color:var(--warning-color);font-size:12px;padding:8px 16px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .upload-message{background:#eab3081a;color:var(--warning-color)}.transcription-jobs{background:#007aff1a;border-bottom:1px solid #007aff33;display:flex;flex-direction:column;gap:4px;padding:8px 16px}.transcription-job{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.transcription-job .spinning{animation:spin 1s linear infinite;color:var(--accent-primary);flex-shrink:0}.transcription-job .job-filename{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcription-job .job-progress{color:var(--accent-primary);flex-shrink:0;font-size:11px;font-weight:500}[data-theme=dark] .transcription-jobs{background:#007aff26;border-bottom-color:#007aff40}.new-folder-input-row{border-bottom:1px solid var(--border-primary);padding:8px 16px}.new-folder-input{background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12px;padding:6px 10px;width:100%}.new-folder-input:focus{box-shadow:0 0 0 3px #007bff33;outline:none}.new-folder-input::placeholder{color:var(--text-tertiary)}.file-browser-search{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;gap:8px;padding:8px 16px;position:relative}.file-browser-search svg{color:var(--text-tertiary);left:24px;pointer-events:none;position:absolute;z-index:1}.file-search-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12px;padding:6px 8px 6px 32px;transition:all .2s ease}.file-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.file-search-input::placeholder{color:var(--text-tertiary)}.file-browser-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.file-browser-content::-webkit-scrollbar{background:#0000;width:0}.file-tree{display:flex;flex-direction:column}.file-browser-loading{justify-content:center}.file-browser-error,.file-browser-loading{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;padding:40px 16px}.file-browser-error{flex-direction:column;gap:12px;text-align:center}.file-browser-error button{background:var(--accent-primary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 16px;transition:background .2s}.file-browser-error button:hover{background:var(--accent-hover)}.file-browser-empty{align-items:center;display:flex;flex-direction:column;padding:40px 16px;text-align:center}.file-browser-empty .empty-icon{color:var(--text-tertiary);margin-bottom:12px;opacity:.5}.file-browser-empty p{color:var(--text-secondary);font-size:14px;margin:0}.file-browser-empty .hint{color:var(--text-tertiary);font-size:12px;margin-top:8px}[data-theme=dark] .file-browser{background:var(--bg-secondary)}[data-theme=dark] .file-browser-header,[data-theme=dark] .file-browser-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .file-search-input{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .file-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff33}[data-theme=light] .file-browser{background:var(--bg-secondary)}[data-theme=light] .file-browser-header,[data-theme=light] .file-browser-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=light] .file-search-input{background:var(--bg-primary);border-color:var(--border-primary)}@media (prefers-color-scheme:dark){[data-theme=auto] .file-browser{background:var(--bg-secondary)}[data-theme=auto] .file-browser-header,[data-theme=auto] .file-browser-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=auto] .file-search-input{background:var(--bg-tertiary);border-color:var(--border-primary)}}@media (prefers-color-scheme:light){[data-theme=auto] .file-browser{background:var(--bg-secondary)}[data-theme=auto] .file-browser-header,[data-theme=auto] .file-browser-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=auto] .file-search-input{background:var(--bg-primary);border-color:var(--border-primary)}}.selection-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;gap:8px;padding:8px 16px}.selection-header .selection-count{color:var(--text-primary);font-size:13px;font-weight:500}.select-mode-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.select-mode-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.select-mode-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.select-mode-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.select-action-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;height:28px;justify-content:center;padding:0 10px;transition:all .15s ease}.select-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.select-action-btn:disabled{cursor:not-allowed;opacity:.5}.select-action-btn.danger{border-color:#ef44444d;color:var(--accent-danger)}.select-action-btn.danger:hover:not(:disabled){background:#ef44441a;border-color:var(--accent-danger)}.select-action-btn .spinning{animation:spin 1s linear infinite}.color-modal-backdrop{animation:fadeIn .15s ease;background:#00000080;inset:0;position:fixed;z-index:1000}.color-modal{animation:slideUp .2s ease;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;left:50%;min-width:200px;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.color-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.color-modal-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.color-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.color-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.color-btn{border:2px solid #0000;border-radius:8px;cursor:pointer;height:32px;transition:all .15s ease;width:32px}.color-btn:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.color-btn.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-primary)}[data-theme=dark] .color-modal{background:var(--bg-tertiary);border:1px solid var(--border-primary)}[data-theme=dark] .color-modal-close:hover{background:var(--bg-hover)}[data-theme=light] .color-modal{background:var(--bg-primary);border:1px solid var(--border-primary)}[data-theme=light] .color-modal-close:hover{background:var(--bg-hover)}@media (prefers-color-scheme:dark){[data-theme=auto] .color-modal{background:var(--bg-tertiary);border:1px solid var(--border-primary)}[data-theme=auto] .color-modal-close:hover{background:var(--bg-hover)}}@media (prefers-color-scheme:light){[data-theme=auto] .color-modal{background:var(--bg-primary);border:1px solid var(--border-primary)}[data-theme=auto] .color-modal-close:hover{background:var(--bg-hover)}}.file-upload-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:6px 12px;transition:all .2s ease}.file-upload-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.file-upload-btn:active:not(:disabled){transform:scale(.98)}.file-upload-btn:disabled{cursor:not-allowed;opacity:.8}.file-upload-btn.drag-active{background:var(--accent-hover);box-shadow:0 0 0 2px var(--accent-primary),0 0 12px #007bff4d}.file-upload-btn.uploading{background:var(--bg-tertiary);color:var(--text-secondary)}.spinning{animation:spin 1s linear infinite}[data-theme=dark] .file-upload-btn{background:var(--accent-primary)}[data-theme=dark] .file-upload-btn:hover:not(:disabled){background:var(--accent-hover)}[data-theme=dark] .file-upload-btn.uploading{background:var(--bg-tertiary)}[data-theme=light] .file-upload-btn{background:var(--accent-primary)}[data-theme=light] .file-upload-btn:hover:not(:disabled){background:var(--accent-hover)}[data-theme=light] .file-upload-btn.uploading{background:var(--bg-tertiary)}.conversation-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100%;order:0;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:300px}.conversation-sidebar.collapsed{width:0}.sidebar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);gap:8px;height:57px;padding:12px 16px}.new-chat-btn,.sidebar-header{align-items:center;box-sizing:border-box;display:flex}.new-chat-btn{background:var(--accent-primary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:6px 12px;transition:all .2s ease}.new-chat-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.new-chat-btn:active{transform:scale(.98)}.door-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:none;height:32px;justify-content:center;transition:all .2s ease;width:40px}.door-toggle-btn:hover{background:var(--bg-hover);color:var(--accent-primary);transform:scale(1.1)}@media (max-width:768px){.door-toggle-btn{display:flex}}.new-folder-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.new-folder-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.new-folder-btn:active{transform:scale(.95)}.selection-mode-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.selection-mode-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.selection-cancel-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.selection-cancel-btn:hover{background:var(--bg-hover);color:var(--accent-danger)}.selection-count{flex:1 1;font-size:13px;text-align:center}.selection-action-btn,.selection-count{color:var(--text-primary);font-weight:500}.selection-action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;height:28px;justify-content:center;padding:4px 10px;transition:all .2s ease}.selection-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.selection-action-btn.danger{background:#dc35451a;border-color:var(--accent-danger);color:var(--accent-danger)}.selection-action-btn.danger:hover{background:#dc354533}.selection-action-btn:disabled{cursor:not-allowed;opacity:.5}.selection-checkbox{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;width:20px}.checkbox-unchecked{color:var(--text-tertiary)}.checkbox-checked{color:var(--accent-primary)}.conversation-item.selected{background:#007bff26;border-left:3px solid var(--accent-primary);padding-left:9px}.conversation-item.selected:hover{background:#007bff33}[data-theme=dark] .conversation-item.selected{background:#00bfff26}[data-theme=dark] .conversation-item.selected:hover{background:#00bfff33}.folder-group .group-label{align-items:center;display:flex;padding-right:4px}.folder-group .folder-label{cursor:pointer;-webkit-user-select:none;user-select:none}.folder-group .folder-menu-btn{opacity:0;transition:opacity .2s}.folder-group .folder-menu-btn:focus,.folder-group:hover .folder-menu-btn{opacity:.6!important}.folder-group .folder-menu-btn:hover{opacity:1!important}.folder-context-menu{animation:fadeIn .15s ease}.folder-context-menu button{transition:background .15s ease}.folder-modal-backdrop{animation:fadeIn .15s ease;background:var(--bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.folder-modal{animation:modalSlideIn .2s ease;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 16px 48px #0000004d;left:50%;max-width:400px;min-width:340px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10001}.folder-modal-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.folder-modal-field{margin-bottom:18px}.folder-modal-field label{color:var(--text-tertiary);display:block;font-size:12px;margin-bottom:8px}.folder-modal input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.folder-modal input:focus{background:var(--bg-tertiary);border-color:var(--accent-primary)}.folder-modal input::placeholder{color:var(--text-muted)}.folder-color-picker{display:flex;flex-wrap:wrap;gap:8px}.folder-color-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;height:28px;transition:transform .15s,border-color .15s;width:28px}.folder-color-btn:hover{transform:scale(1.15)}.folder-color-btn.selected{border-color:var(--text-primary);box-shadow:0 0 8px #8080804d;transform:scale(1.15)}.folder-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.folder-modal-cancel{background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:10px 18px;transition:all .2s}.folder-modal-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-modal-submit{border:none;border-radius:8px;color:var(--text-on-accent);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:filter .2s}.folder-modal-submit:hover{filter:brightness(1.1)}.collapse-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-search{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;gap:8px;padding:8px 16px;position:relative}.sidebar-search svg{color:var(--text-tertiary);left:24px;pointer-events:none;position:absolute;z-index:1}.search-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12px;padding:6px 8px 6px 32px;transition:all .2s ease}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.sidebar-conversations{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.sidebar-conversations::-webkit-scrollbar{background:#0000;width:0}.conversation-group{margin-bottom:20px}.group-label{align-items:center;color:var(--text-tertiary);display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 16px;-webkit-user-select:none;user-select:none}.group-count{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:10px;margin-left:auto;padding:1px 6px}.conversation-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;gap:8px;margin:0 4px;padding:8px 12px;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.conversation-item:hover{background:var(--bg-hover)}.conversation-item:hover .conversation-actions{opacity:1}.conversation-item.active,.conversation-item.dragging{background:var(--accent-primary);color:var(--text-primary)}.conversation-item.dragging{box-shadow:0 4px 16px #007bff4d;opacity:.8;transform:scale(1.02);transition:none}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.star-icon.starred{animation:starPulse .3s ease-out}.conversation-item svg{color:var(--text-tertiary);flex-shrink:0;opacity:.6}.conversation-item.active svg{color:var(--text-primary);opacity:.9}.star-icon{color:var(--text-tertiary);opacity:.4}.star-icon.starred{fill:#fc0;color:#fc0;opacity:1}.conversation-item.has-star{background:linear-gradient(90deg,#ffcc001a,#0000);border-left:3px solid #fc0;padding-left:9px}.conversation-item.has-star:hover{background:linear-gradient(90deg,#ffcc0026 0,var(--bg-hover) 100%)}.conversation-actions{display:flex;gap:4px;margin-left:auto;opacity:0;transition:opacity .2s ease}.action-btn{background:#0000;border:none;border-radius:4px;height:24px;transition:all .15s ease;width:24px}.action-btn.danger{color:#ff3b30}.action-btn.danger:hover{background:#ff3b301a}.context-menu{animation:slideDown .15s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:150px;padding:4px;position:absolute;right:8px;top:100%;z-index:1000}.context-menu button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background .15s ease;width:100%}.context-menu button:hover{background:var(--bg-hover)}.context-menu button.danger{color:#ff3b30}.context-menu button.danger:hover{background:#ff3b301a}.edit-input{background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;outline:none;padding:2px 4px}.delete-confirm-overlay{align-items:center;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:4px;display:flex;gap:4px;padding:2px 4px}.delete-text{color:#ff3b30;font-size:12px;font-weight:600;margin-right:4px}.action-btn.confirm-yes{background:#34c7591a;color:#34c759}.action-btn.confirm-yes:hover{background:#34c75933}.action-btn.confirm-no{background:#ff3b301a;color:#ff3b30}.action-btn.confirm-no:hover{background:#ff3b3033}.conversation-title{color:var(--text-primary);cursor:pointer;flex:1 1;font-size:13px;font-weight:400;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-title{color:var(--text-primary);font-weight:500}.conversation-time{color:var(--text-tertiary);flex-shrink:0;font-size:11px;margin-left:4px;opacity:.7;padding-left:4px;text-align:right;width:30px}.conversation-item.active .conversation-time{color:var(--text-primary);opacity:.8}.conversation-sidebar{overflow:hidden}.conversation-sidebar.collapsed .sidebar-conversations,.conversation-sidebar.collapsed .sidebar-header,.conversation-sidebar.collapsed .sidebar-search{opacity:0;pointer-events:none}[data-theme=dark] .conversation-sidebar{background:var(--bg-secondary);border-right-color:var(--border-primary)}[data-theme=dark] .sidebar-header,[data-theme=dark] .sidebar-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .search-input{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff33}[data-theme=dark] .conversation-item:hover{background:var(--bg-hover)}[data-theme=dark] .conversation-item.active{background:var(--accent-primary)}[data-theme=dark] .conversation-item.active .conversation-title,[data-theme=dark] .conversation-title{color:#fff}[data-theme=dark] .collapse-btn{border-color:var(--border-primary)}[data-theme=dark] .collapse-btn:hover{background:var(--bg-hover)}[data-theme=dark] .context-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:#2d3139;border-color:#3e4249}[data-theme=dark] .context-menu button{color:#e4e6eb}[data-theme=dark] .context-menu button:hover{background:#ffffff1a}[data-theme=light] .conversation-sidebar{background:var(--bg-secondary);border-right-color:var(--border-primary)}[data-theme=light] .sidebar-header,[data-theme=light] .sidebar-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=light] .search-input{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=light] .conversation-item:hover{background:#0000000a}[data-theme=light] .conversation-item.active{background:#007aff}[data-theme=light] .collapse-btn{border-color:var(--border-primary)}[data-theme=light] .collapse-btn:hover{background:#0000000a}@media (prefers-color-scheme:dark){[data-theme=auto] .conversation-sidebar{background:var(--bg-secondary);border-right-color:var(--border-primary)}[data-theme=auto] .sidebar-header,[data-theme=auto] .sidebar-search{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=auto] .search-input{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=auto] .conversation-item:hover{background:var(--bg-hover)}[data-theme=auto] .conversation-item.active{background:var(--accent-primary)}}.sidebar-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:auto;margin-top:auto;min-height:85px;padding:20px 16px}.sidebar-footer-row{align-items:center;display:flex;gap:8px}.sidebar-footer-row .settings-btn{flex:1 1;width:auto}.settings-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;gap:8px;height:44px;justify-content:center;padding:0 16px;transition:all .2s;width:100%}.settings-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.settings-btn svg{flex-shrink:0}[data-theme=dark] .sidebar-footer{background:var(--bg-secondary);border-top-color:var(--border-primary)}[data-theme=dark] .settings-btn{border-color:var(--border-primary)}[data-theme=dark] .settings-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .sidebar-footer{background:var(--bg-secondary);border-top-color:var(--border-primary)}[data-theme=light] .settings-btn{border-color:var(--border-primary)}[data-theme=light] .settings-btn:hover{background:#0000000a;border-color:#007aff;color:#007aff}@media (prefers-color-scheme:light){[data-theme=auto] .sidebar-footer{background:var(--bg-secondary);border-top-color:var(--border-primary)}[data-theme=auto] .settings-btn{border-color:var(--border-primary)}[data-theme=auto] .settings-btn:hover{background:#0000000a;border-color:#007aff;color:#007aff}[data-theme=auto] .folder-modal{box-shadow:0 16px 48px #00000026}}@media (prefers-color-scheme:dark){[data-theme=auto] .sidebar-footer{background:var(--bg-secondary);border-top-color:var(--border-primary)}[data-theme=auto] .settings-btn{border-color:var(--border-primary)}[data-theme=auto] .settings-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=auto] .folder-modal{box-shadow:0 16px 48px #0009}}[data-rbd-draggable-context-id]:after,[data-rbd-draggable-context-id]:before{display:none!important}.conversation-item[tabindex]:after,.conversation-item[tabindex]:before,[tabindex="0"]:before{content:none!important}@media (max-width:768px){.conversation-sidebar{box-shadow:2px 0 12px #0000001a;position:absolute;z-index:100}.conversation-sidebar.collapsed{box-shadow:none}.settings-btn.desktop-only{display:none}}.mobile-user-profile{border-top:1px solid var(--border-primary);display:none;flex-direction:column;gap:12px;margin-top:8px;padding-top:12px}@media (max-width:768px){.mobile-user-profile{display:flex}}.mobile-user-info{align-items:center;display:flex;gap:12px;padding:0 8px}.mobile-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.mobile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#007aff);border-radius:50%;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.mobile-user-details{display:flex;flex-direction:column;overflow:hidden}.mobile-user-name{color:var(--text-primary);font-size:14px;font-weight:600}.mobile-user-email,.mobile-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-email{color:var(--text-secondary);font-size:12px}.mobile-user-actions{display:flex;flex-direction:column;gap:4px}.mobile-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background .2s}.mobile-action-btn:hover{background:var(--bg-hover)}.mobile-action-btn.logout{color:#ef4444}.mobile-action-btn.logout:hover{background:#ef44441a}.icon-wrapper{font-size:16px}.mcp-admin-tab{box-sizing:border-box;padding:20px;width:100%}.mcp-version-badge{background:linear-gradient(135deg,#007aff,#0055d4);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:4px 10px;transition:all .2s ease}.mcp-version-badge:hover{box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.mcp-admin-tab h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:10px}.mcp-admin-description{color:var(--text-tertiary);font-size:14px;margin-bottom:30px}.mcp-admin-access-denied{padding:60px 20px;text-align:center}.mcp-admin-access-denied h2{color:var(--text-primary);font-size:32px;margin-bottom:15px}.mcp-admin-access-denied p{color:var(--text-tertiary);font-size:16px}.mcp-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:15px 20px}.mcp-version-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding:10px 0}.mcp-version-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:15px;transition:all .2s ease}.mcp-version-item.current{background:#007aff26;border-color:#007aff80}.mcp-version-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.mcp-version-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mcp-version-number{color:var(--text-primary);font-size:16px;font-weight:600}.mcp-version-current-badge{background:#34c75933;border-radius:8px;color:var(--accent-success);display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.mcp-version-date{color:var(--text-secondary);font-size:12px}.mcp-version-details{margin-bottom:10px}.mcp-version-details p{color:var(--text-secondary);font-size:13px;margin:5px 0}.mcp-version-details strong{color:var(--text-primary)}.mcp-btn-small{font-size:12px;padding:6px 12px}.mcp-message-success{background:#34c75926;border:1px solid #34c7594d;color:var(--accent-success)}.mcp-message-error{background:#ff3b3026;border:1px solid #ff3b304d;color:var(--accent-danger)}.mcp-admin-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.mcp-admin-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.mcp-upload-form{display:flex;flex-direction:column;gap:20px}.mcp-upload-files{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mcp-upload-zone{background:var(--bg-tertiary);border:2px dashed var(--border-primary);border-radius:8px;cursor:pointer;padding:32px;text-align:center;transition:all .2s ease}.mcp-upload-zone:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.mcp-upload-zone-optional{opacity:.7}.mcp-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px}.mcp-upload-icon{font-size:48px;opacity:.5}.mcp-file-icon{font-size:32px}.mcp-file-name{color:var(--text-primary);font-size:14px;font-weight:500}.mcp-file-hint{color:var(--text-secondary);font-size:12px;margin-top:4px}.mcp-file-uploaded{background:var(--bg-secondary);border-color:var(--accent-primary)}.mcp-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mcp-form-field{display:flex;flex-direction:column;gap:8px}.mcp-form-field label{color:var(--text-primary);font-size:14px;font-weight:500}.mcp-form-field input,.mcp-form-field select,.mcp-form-field textarea{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.mcp-form-field input:focus,.mcp-form-field select:focus,.mcp-form-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff26;outline:none}.mcp-form-field textarea{font-family:inherit;min-height:100px;resize:vertical}.mcp-form-field input::placeholder,.mcp-form-field textarea::placeholder{color:var(--text-tertiary)}.mcp-form-field select{cursor:pointer}.mcp-upload-button{align-items:center;background:linear-gradient(135deg,#007aff,#0055d4);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.mcp-upload-button:hover{box-shadow:0 8px 16px #007aff66;transform:translateY(-2px)}.mcp-upload-button:disabled{background:var(--bg-tertiary);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed;transform:none}.mcp-list{grid-gap:16px;display:grid;gap:16px}.mcp-list-empty{color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center}.mcp-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;transition:all .2s ease}.mcp-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #007aff26}.mcp-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.mcp-card-icon{flex-shrink:0;font-size:36px}.mcp-card-info{flex:1 1;min-width:0}.mcp-card-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.mcp-card-subtitle{color:var(--text-secondary);font-size:12px}.mcp-card-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.mcp-card-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.mcp-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.mcp-meta-icon{font-size:16px}.mcp-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.mcp-status-draft{background:var(--bg-tertiary);color:var(--text-secondary)}.mcp-status-available{background:#007aff26;color:var(--accent-primary)}.mcp-status-error{background:#ff3b3026;color:var(--accent-danger)}.mcp-card-actions{border-top:1px solid var(--border-primary);display:flex;gap:12px;padding-top:16px}.mcp-action-button,.mcp-action-button-danger,.mcp-action-button-primary,.mcp-action-button-secondary,.mcp-btn-danger,.mcp-btn-primary,.mcp-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.mcp-action-button-primary,.mcp-btn-primary{background:var(--accent-primary);color:var(--text-primary)}.mcp-action-button-primary:hover,.mcp-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.mcp-action-button-secondary,.mcp-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.mcp-action-button-secondary:hover,.mcp-btn-secondary:hover{background:var(--bg-hover)}.mcp-action-button-danger,.mcp-btn-danger{background:#ff3b3026;color:var(--accent-danger)}.mcp-action-button-danger:hover,.mcp-btn-danger:hover{background:#ff3b3040}.mcp-action-button:disabled,.mcp-btn-danger:disabled,.mcp-btn-primary:disabled,.mcp-btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.mcp-modal-overlay{align-items:center;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.mcp-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.mcp-modal.mcp-modal-wide{max-height:90vh;max-width:900px;width:95%}.mcp-code-info{background:var(--bg-secondary);border-radius:6px;color:var(--text-tertiary);display:flex;font-size:13px;gap:20px;margin-bottom:16px;padding:8px 12px}.mcp-code-info span{font-weight:500}.mcp-code-info strong{color:var(--text-secondary);margin-right:4px}.mcp-code-debug{background:var(--bg-primary);border:1px solid var(--border-primary);flex-wrap:wrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.mcp-code-debug span{flex:1 1 auto;min-width:200px}.mcp-code-block{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:16px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px}.mcp-code-block code{color:var(--text-primary);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;white-space:pre}.mcp-code-block.mcp-code-small{max-height:150px}.mcp-modal h4{color:var(--text-secondary);font-size:14px;font-weight:600;margin:16px 0 8px}.mcp-modal h3{color:var(--text-primary);font-size:22px;font-weight:600;margin-bottom:16px}.mcp-modal p{color:var(--text-tertiary);font-size:14px;line-height:1.6;margin-bottom:24px}.mcp-modal-actions{display:flex;gap:12px;justify-content:flex-end}.mcp-activity-log{display:flex;flex-direction:column;gap:12px}.mcp-activity-empty{color:var(--text-tertiary);font-size:14px;padding:40px 20px;text-align:center}.mcp-activity-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:12px;padding:12px}.mcp-activity-icon{flex-shrink:0;font-size:20px}.mcp-activity-content{flex:1 1;min-width:0}.mcp-activity-title{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.mcp-activity-details{color:var(--text-tertiary);font-size:12px}.mcp-activity-time{color:var(--text-muted);flex-shrink:0;font-size:12px}.mcp-loading{color:var(--text-tertiary);padding:40px;text-align:center}.mcp-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);display:inline-block;height:40px;width:40px}@media (max-width:768px){.mcp-admin-tab{padding:16px}.mcp-form-row,.mcp-upload-files{grid-template-columns:1fr}.mcp-card-actions{flex-direction:column}.mcp-action-button{justify-content:center;width:100%}}.settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.settings-container,.settings-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;height:85vh;max-height:800px;max-width:1000px;overflow:hidden;width:90%}.settings-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.settings-header h2{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.settings-header p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;margin-left:16px;padding:8px;transition:all .2s ease;width:40px}.close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-content{background:var(--bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px 32px}.settings-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:24px;overflow-x:auto;padding:0 32px}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 0;transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.tab-icon{font-size:16px}.setting-group{margin-bottom:24px}.setting-group label{display:block;font-weight:600;margin-bottom:8px}.setting-group label,.setting-input{color:var(--text-primary);font-size:14px}.setting-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;padding:10px 14px;transition:all .2s ease;width:100%}.setting-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff26;outline:none}@media (max-width:768px){.settings-overlay{background:var(--bg-primary)}.settings-container{border:none;border-radius:0;display:flex;flex-direction:column;height:100%;inset:0;max-height:100%;max-width:100%;position:fixed;width:100%}.settings-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:center;padding:16px 20px;position:relative}.settings-header div{text-align:center}.settings-header h2{font-size:17px;font-weight:600;margin:0}.settings-header p{display:none}.close-button{background:var(--bg-secondary);border-radius:50%;color:var(--text-primary);font-size:16px;height:36px;margin:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px}.settings-tabs{background:var(--bg-primary);border-bottom:none;gap:8px;padding:12px 16px}.settings-tabs::-webkit-scrollbar{height:0}.tab{background:var(--bg-secondary);border:1px solid #0000;border-radius:20px;color:var(--text-secondary);flex:0 0 auto;font-size:13px;padding:8px 16px}.tab.active{background:var(--text-primary);border-color:#0000;color:var(--bg-primary);font-weight:500}.settings-content{background:var(--bg-primary);padding:24px 20px}.setting-group{margin-bottom:32px}.setting-group label{color:var(--text-tertiary);font-size:13px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.setting-input{background:var(--bg-secondary);border:1px solid #0000;border-radius:12px;font-size:16px!important;padding:16px}.setting-input:focus{background:var(--bg-primary);border-color:var(--accent-primary)}.settings-footer{background:var(--bg-primary);border-top:1px solid var(--border-secondary);flex-direction:column;gap:12px;padding:20px}.action-button{border-radius:12px;font-size:16px;height:50px;margin-right:0;width:100%}}[data-theme=dark] .settings-container{box-shadow:0 25px 50px #00000080}[data-theme=dark] .action-button.secondary:hover{box-shadow:0 4px 12px #0000004d}@media (prefers-color-scheme:dark){[data-theme=auto] .settings-container,[data-theme=auto] .settings-modal{box-shadow:0 25px 50px #00000080}[data-theme=auto] .action-button.secondary:hover{box-shadow:0 4px 12px #0000004d}}.roi-dashboard-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.roi-dashboard{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 100px #4facfe1a,inset 0 0 1px #ffffff1a;max-height:90vh;max-width:1200px;overflow-y:auto;width:90%}.roi-header{align-items:center;background:linear-gradient(90deg,#4facfe1a,#00f2fe1a);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:32px}.roi-title-section{flex:1 1}.roi-title{align-items:center;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.roi-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.roi-controls{align-items:center;display:flex;gap:24px}.roi-period-selector{background:var(--bg-tertiary);border-radius:12px;display:flex;gap:8px;padding:4px}.roi-period-selector button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.roi-period-selector button:hover{background:var(--bg-hover);color:var(--text-primary)}.roi-period-selector button.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:var(--text-primary)}.roi-close-btn{align-items:center;background:var(--bg-hover);border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.roi-close-btn:hover{background:#ff433633;color:#ff4336}.roi-hero-metrics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:32px}.roi-metric-card{animation:scaleIn .5s ease-out backwards;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;padding:24px;text-align:center;transition:all .3s}.roi-metric-card:first-child{animation-delay:.1s}.roi-metric-card:nth-child(2){animation-delay:.2s}.roi-metric-card:nth-child(3){animation-delay:.3s}.roi-metric-card:nth-child(4){animation-delay:.4s}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.roi-metric-card:hover{background:var(--bg-tertiary);box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.roi-metric-primary{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:#4facfe4d}.roi-metric-icon{font-size:32px;margin-bottom:12px}.roi-metric-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:8px}.roi-metric-label{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:4px}.roi-metric-sublabel{color:var(--text-tertiary);font-size:12px}.roi-chart-section{padding:0 32px 32px}.roi-chart-section h3{color:var(--text-primary);font-size:18px;margin-bottom:16px}.roi-chart{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;height:200px;padding:24px}.roi-chart-bars{align-items:flex-end;display:flex;gap:12px;height:100%;justify-content:space-around}.roi-chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.roi-chart-bar{align-items:flex-start;animation:growUp .8s ease-out backwards;background:linear-gradient(180deg,#4facfe,#00f2fe);border-radius:8px 8px 0 0;display:flex;justify-content:center;padding-top:8px;position:relative;transition:all .3s;width:100%}@keyframes growUp{0%{height:0!important;opacity:0}to{opacity:1}}.roi-chart-bar:hover{filter:brightness(1.2)}.roi-chart-value{background:#0000004d;border-radius:4px;color:var(--text-primary);font-size:10px;font-weight:600;padding:2px 6px}.roi-chart-label{color:var(--text-tertiary);font-size:11px;margin-top:8px}.roi-breakdown-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 32px 32px}.roi-breakdown-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;padding:24px}.roi-breakdown-card h3{color:var(--text-primary);font-size:16px;margin:0 0 16px}.roi-category-list{display:flex;flex-direction:column;gap:12px}.roi-category-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.roi-category-item,.roi-category-item:hover{background:var(--bg-tertiary)}.roi-category-info{display:flex;flex-direction:column;gap:4px}.roi-category-name{color:var(--text-primary);font-size:14px;font-weight:500;text-transform:capitalize}.roi-category-count{color:var(--text-tertiary);font-size:12px}.roi-category-value{color:#4facfe;font-size:16px;font-weight:600}.roi-provider-list{display:flex;flex-direction:column;gap:12px}.roi-provider-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.roi-provider-item,.roi-provider-item:hover{background:var(--bg-tertiary)}.roi-provider-info{display:flex;flex-direction:column;gap:4px}.roi-provider-name{color:var(--text-primary);font-size:14px;font-weight:500}.roi-provider-stats{color:var(--text-tertiary);font-size:12px}.roi-provider-metrics{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.roi-provider-value{color:#4facfe;font-size:16px;font-weight:600}.roi-provider-cost{color:var(--text-tertiary);font-size:12px}.roi-actions{display:flex;gap:16px;padding:0 32px 32px}.roi-export-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.roi-export-btn:hover{box-shadow:0 10px 30px #4facfe4d;transform:translateY(-2px)}.roi-footer{background:#4facfe0d;border-top:1px solid var(--border-primary);padding:24px 32px}.roi-footer-text{color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.roi-loading{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;padding:100px}.roi-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top:3px solid #4facfe;height:50px;width:50px}.roi-loading p{color:var(--text-secondary);font-size:16px;margin-top:20px}.lifetime-section{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border-bottom:1px solid #ffd70033;padding:32px}.lifetime-section h3{color:gold;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center;text-shadow:0 2px 10px #ffd7004d}.lifetime-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.lifetime-card{animation:lifetimeGlow .6s ease-out backwards;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;padding:20px;text-align:center;transition:all .3s}.lifetime-card.gold{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd7004d;box-shadow:0 0 30px #ffd7001a}.lifetime-card:hover{box-shadow:0 10px 40px #ffd70033;transform:translateY(-4px)}.lifetime-card:first-child{animation-delay:.1s}.lifetime-card:nth-child(2){animation-delay:.2s}.lifetime-card:nth-child(3){animation-delay:.3s}.lifetime-card:nth-child(4){animation-delay:.4s}@keyframes lifetimeGlow{0%{box-shadow:0 0 50px #ffd70080;opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lifetime-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.lifetime-value{font-feature-settings:"tnum";color:gold;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:4px;text-shadow:0 2px 10px #ffd7004d}.lifetime-context{color:var(--text-tertiary);font-size:10px;font-style:italic}.milestones{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.milestone-badge{animation:milestoneShine 2s infinite;background:linear-gradient(135deg,gold,orange);border-radius:20px;color:var(--bg-primary);font-size:12px;font-weight:600;padding:6px 12px}@keyframes milestoneShine{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.roi-dashboard::-webkit-scrollbar{width:8px}.roi-dashboard::-webkit-scrollbar-track{background:var(--bg-tertiary)}.roi-dashboard::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}.roi-dashboard::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}[data-theme=light] .roi-dashboard img[alt*=OPTIMUS],[data-theme=light] .roi-dashboard img[alt*=Optimus],[data-theme=light] .roi-dashboard img[alt*=optimus]{filter:invert(1) brightness(.2)}@media (prefers-color-scheme:light){[data-theme=auto] .roi-dashboard img[alt*=OPTIMUS],[data-theme=auto] .roi-dashboard img[alt*=Optimus],[data-theme=auto] .roi-dashboard img[alt*=optimus]{filter:invert(1) brightness(.2)}}@media (max-width:768px){.roi-dashboard-overlay{align-items:flex-end;padding:0}.roi-dashboard{animation:roiSlideUp .35s ease-out;border-radius:20px 20px 0 0;max-height:92dvh;max-width:100%;width:100%}@keyframes roiSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.roi-header{flex-wrap:wrap;gap:12px;padding:20px 16px 16px}.roi-title{font-size:22px;gap:8px;margin-bottom:4px}.roi-subtitle{font-size:14px}.roi-controls{gap:12px;width:100%}.roi-period-selector{flex:1 1}.roi-period-selector button{flex:1 1;font-size:13px;padding:8px 10px}.roi-close-btn{min-height:44px;min-width:44px}.roi-hero-metrics{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.roi-metric-card{padding:16px 12px}.roi-metric-icon{font-size:24px;margin-bottom:8px}.roi-metric-value{font-size:24px;margin-bottom:4px}.roi-metric-label{font-size:12px}.roi-metric-sublabel{font-size:11px}.roi-chart-section{padding:0 16px 16px}.roi-chart-section h3{font-size:16px}.roi-chart{height:160px;padding:16px}.roi-breakdown-section{gap:12px;grid-template-columns:1fr;padding:0 16px 16px}.roi-breakdown-card{padding:16px}.roi-actions{flex-direction:column;gap:10px;padding:0 16px 24px}.roi-export-btn{min-height:44px;padding:14px 20px}.roi-footer{padding:16px}.roi-loading{padding:40px 20px}.lifetime-section{padding:20px 16px}.lifetime-section h3{font-size:20px;margin-bottom:16px}.lifetime-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.lifetime-card{padding:14px 10px}.lifetime-value{font-size:22px}}@media (max-width:480px){.roi-hero-metrics{grid-template-columns:1fr 1fr}.roi-metric-value,.roi-title{font-size:20px}.lifetime-grid{grid-template-columns:1fr 1fr}.lifetime-value{font-size:20px}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.roi-dashboard{padding-bottom:env(safe-area-inset-bottom)}.roi-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}}.automation-dashboard-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.automation-dashboard{animation:slideUp .3s ease;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 24px 48px #00000080;display:flex;flex-direction:column;height:95vh;max-height:1200px;max-width:1800px;overflow:hidden;width:95vw}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);padding:.875rem 1.5rem}.header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.dashboard-header h1 svg{color:var(--accent-primary)}.timezone-indicator{background:var(--bg-hover);font-size:.813rem;gap:.5rem;padding:.5rem 1rem}.stats-overview{grid-gap:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:1rem 1.5rem}.stat-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)}.stat-icon{align-items:center;border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.active{background:linear-gradient(135deg,var(--accent-primary) 0,#09f 100%)}.stat-icon.runs{background:linear-gradient(135deg,#9333ea,#7928ca)}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.trend{background:linear-gradient(135deg,#f59e0b,#d97706)}.automation-dashboard .dashboard-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:420px 1fr;min-height:0}.automations-panel,.details-panel{display:flex;flex-direction:column;height:100%;min-height:0}.automations-panel{background:var(--bg-secondary);border-right:1px solid var(--border-primary)}.details-panel{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.panel-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;min-height:48px;padding:.625rem 1rem}.panel-header h2{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.run-count{background:var(--bg-hover);border-radius:12px;color:var(--text-secondary);font-size:.813rem;padding:.25rem .75rem}.automations-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:.75rem}.automation-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;flex-direction:column;padding:.875rem;transition:all .3s ease}.automation-card:hover{border-color:var(--accent-primary);transform:translateX(4px)}.automation-card.selected{background:var(--bg-hover);border-color:var(--accent-primary)}.automation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.automation-header h3{color:var(--text-primary);flex:1 1;font-size:1.0625rem;font-weight:600;margin:0}.automation-description{color:var(--text-secondary);font-size:.813rem;line-height:1.5;margin:0 0 .875rem}.automation-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.875rem}.meta-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.5rem}.meta-item svg{color:var(--accent-primary);flex-shrink:0}.automation-stats{border-top:1px solid var(--border-primary);gap:1rem;margin-bottom:.875rem;padding-top:.75rem}.automation-stats,.stat-mini{align-items:center;display:flex}.stat-mini{font-size:.75rem;font-weight:500;gap:.375rem}.stat-mini.success{color:#10b981}.stat-mini.failed{color:#ef4444}.stat-mini.rate{color:var(--text-secondary);margin-left:auto}.automation-actions{border-top:1px solid var(--border-primary);display:flex!important;flex-shrink:0;gap:.5rem;margin-top:auto;min-height:44px;padding-top:.75rem}.automation-actions .btn-icon-small{flex:0 0 36px!important;height:36px!important;min-height:36px;min-width:36px;width:36px!important}.status-badge{border-radius:6px;display:inline-flex;font-size:.688rem;gap:.375rem;padding:.375rem .75rem}.status-active{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-paused{background:#9ca3af33;border:1px solid #9ca3af4d;color:#9ca3af}.status-running{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.status-completed{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-error,.status-failed{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.run-history{overflow:hidden}.run-history,.runs-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.runs-list{gap:.75rem;overflow-x:hidden;overflow-y:scroll;padding:.75rem}.run-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;flex-shrink:0;margin-bottom:.5rem;min-height:60px;overflow:hidden;transition:all .3s ease}.run-item:hover{border-color:#00d9ff4d}.run-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem .875rem;transition:background .2s ease}.run-header:hover{background:var(--bg-tertiary)}.run-header-left{align-items:center;display:flex;gap:.75rem}.run-header-right{align-items:center;display:flex;gap:1rem}.run-date{color:var(--text-secondary);font-size:.813rem}.run-duration{color:var(--accent-primary);font-size:.813rem;font-weight:500}.run-steps{color:var(--text-tertiary);font-size:.75rem}.steps-failed{color:#ef4444;margin-left:.25rem}.run-details{background:var(--bg-secondary);border-top:1px solid var(--border-primary);max-height:600px;max-width:100%;overflow-y:auto;padding:.875rem}.error-box{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.error-box svg{color:#ef4444;flex-shrink:0}.error-box strong{color:#ef4444;display:block;margin-bottom:.25rem}.error-box p{color:#fca5a5;font-size:.813rem;line-height:1.5;margin:0}.results-section{margin-bottom:1rem}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-log h4,.results-section h4{color:var(--accent-primary);font-size:.813rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.results-tabs{background:var(--bg-secondary);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.tab-btn{background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.tab-btn:hover{background:#00d9ff1a;color:var(--accent-primary)}.tab-btn.active{background:#00d9ff33;color:var(--accent-primary)}.summary-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.ai-summary{color:var(--text-primary)}.ai-summary-text{word-wrap:break-word;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.no-summary{color:var(--text-tertiary);padding:2rem;text-align:center}.no-summary p{margin:.5rem 0}.no-summary .hint{color:var(--text-secondary);font-size:.75rem}.btn-toggle{background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:6px;color:var(--accent-primary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.btn-toggle:hover{background:#00d9ff33;border-color:var(--accent-primary)}.results-summary{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.result-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:.875rem}.result-step{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.step-number{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.step-status{align-items:center;display:flex;font-size:.813rem;font-weight:500;gap:.375rem}.step-status.success{color:#10b981}.step-status.failed{color:#ef4444}.people-found{background:#00d9ff0d;border-left:2px solid var(--accent-primary);border-radius:4px;color:var(--text-secondary);font-size:.75rem;padding:.75rem}.people-found strong{color:var(--accent-primary);display:block;margin-bottom:.5rem}.people-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.person-preview{color:var(--text-primary);font-size:.75rem;line-height:1.4}.step-tool{margin-left:.25rem}.step-success-message{background:#10b9810d;border-radius:4px;color:#10b981;font-size:.75rem;padding:.5rem}.no-results{color:var(--text-secondary);padding:2rem;text-align:center}.no-results p{font-size:.875rem;margin:0}.code-block{background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-family:Monaco,Menlo,Courier New,monospace;font-size:.75rem;line-height:1.6;max-height:300px;overflow-x:auto;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.progress-log{margin-top:1rem}.log-entries{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.log-entry{grid-gap:.75rem;align-items:center;background:var(--bg-secondary);border-radius:6px;display:grid;font-size:.75rem;gap:.75rem;grid-template-columns:140px 90px 1fr;padding:.75rem}.log-timestamp{color:var(--text-secondary);font-size:.688rem}.log-type{border-radius:4px;font-size:.688rem;font-weight:600;padding:.25rem .5rem;text-align:center;text-transform:uppercase}.log-type-thinking{background:#9333ea33;color:#a78bfa}.log-type-executing{background:#3b82f633;color:#60a5fa}.log-type-complete{background:#10b98133;color:#34d399}.log-type-error{background:#ef444433;color:#f87171}.log-message{color:var(--text-primary);line-height:1.5}.btn-icon,.btn-icon-small{align-items:center;background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.btn-icon-small{flex:1 1;height:32px;width:32px}.btn-icon-small:hover,.btn-icon:hover{background:#00d9ff33;border-color:var(--accent-primary);color:var(--accent-primary)}.btn-icon.active{background:#00d9ff33}.btn-icon-small.danger:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,#09f 100%);font-size:.938rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 24px #00d9ff4d}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:4rem 2rem}.empty-state svg{color:#444;margin-bottom:1rem}.empty-state h3{color:var(--text-tertiary);font-size:1.25rem;margin:0 0 .5rem}.empty-state p{font-size:.938rem;line-height:1.6;margin:0;max-width:400px}.empty-state-small{color:var(--text-secondary);padding:2rem;text-align:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.error-container p,.loading-container p{color:var(--text-secondary);font-size:1rem}.error-container svg{color:#ef4444}.error-container h2{color:var(--text-primary);margin:0 0 .5rem}.error-container p{margin:0 0 2rem}.loading-small{align-items:center;color:var(--text-secondary);display:flex;font-size:.813rem;gap:.5rem;justify-content:center;padding:1rem}.spin-slow{animation:spin 3s linear infinite}.automations-list::-webkit-scrollbar,.code-block::-webkit-scrollbar,.log-entries::-webkit-scrollbar,.runs-list::-webkit-scrollbar{height:8px;width:8px}.automations-list::-webkit-scrollbar-track,.code-block::-webkit-scrollbar-track,.log-entries::-webkit-scrollbar-track,.runs-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.automations-list::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb,.log-entries::-webkit-scrollbar-thumb,.runs-list::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:4px}.automations-list::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover,.log-entries::-webkit-scrollbar-thumb:hover,.runs-list::-webkit-scrollbar-thumb:hover{background:#00d9ff80}@media (max-width:1400px){.automation-dashboard .dashboard-content{grid-template-columns:380px 1fr}.stat-value{font-size:1.625rem}}@media (max-width:1024px){.automation-dashboard .dashboard-content{grid-template-columns:1fr}.automations-panel{border-bottom:1px solid var(--border-primary);border-right:none;max-height:45vh}.stats-overview{grid-template-columns:repeat(2,1fr)}.log-entry{gap:.5rem;grid-template-columns:1fr}.log-timestamp{font-size:.625rem}}@media (max-width:768px){.automation-dashboard{border-radius:0;height:100vh;width:100vw}.dashboard-header{padding:1rem 1.25rem}.dashboard-header h1{font-size:1.25rem}.stats-overview{grid-template-columns:1fr;padding:1rem 1.25rem}.automation-dashboard .dashboard-content{padding:0}.timezone-indicator{display:none}.code-block{font-size:.688rem;padding:.75rem}.log-entry{font-size:.688rem;gap:.375rem;grid-template-columns:1fr}}.md-content{color:var(--text-primary);line-height:1.6}.md-content .md-h1{border-bottom:1px solid var(--border-primary);font-size:1.5rem;margin:1rem 0 .75rem;padding-bottom:.5rem}.md-content .md-h1,.md-content .md-h2{color:var(--text-primary);font-weight:600}.md-content .md-h2{font-size:1.25rem;margin:1rem 0 .5rem}.md-content .md-h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:.75rem 0 .5rem}.md-content .md-paragraph{color:var(--text-secondary);margin:.5rem 0}.md-content .md-list{margin:.5rem 0;padding-left:1.5rem}.md-content .md-list li{color:var(--text-secondary);margin:.35rem 0}.md-content ul.md-list{list-style-type:disc}.md-content ol.md-list{list-style-type:decimal}.md-content .md-inline-code{background:var(--bg-hover);border-radius:4px;color:#7dd3fc;font-family:SF Mono,Fira Code,monospace;font-size:.9em;padding:.15rem .4rem}.md-content .md-code-block{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin:.75rem 0;overflow-x:auto;padding:1rem}.md-content .md-code-block code{color:#a5f3fc;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.md-content .md-link{border-bottom:1px solid #0000;color:#60a5fa;text-decoration:none;transition:border-color .2s ease}.md-content .md-link:hover{border-bottom-color:#60a5fa}.md-content strong{color:var(--text-primary);font-weight:600}.md-content em{color:var(--text-primary);font-style:italic}[data-theme=light] .automation-dashboard img[alt*=OPTIMUS],[data-theme=light] .automation-dashboard img[alt*=Optimus],[data-theme=light] .automation-dashboard img[alt*=optimus]{filter:invert(1) brightness(.2)}@media (prefers-color-scheme:light){[data-theme=auto] .automation-dashboard img[alt*=OPTIMUS],[data-theme=auto] .automation-dashboard img[alt*=Optimus],[data-theme=auto] .automation-dashboard img[alt*=optimus]{filter:invert(1) brightness(.2)}}.generator-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.generator-modal{animation:modalSlideIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:700px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.generator-header{align-items:flex-start;background:#007aff0d;border-bottom:1px solid #007aff33;display:flex;justify-content:space-between;padding:24px}.generator-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:600;gap:8px;margin:0}.generator-subtitle{color:var(--text-secondary);font-size:14px;margin:8px 0 0}.btn-close{align-items:center;background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:8px;color:var(--accent-danger);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close:hover{background:var(--bg-danger-hover);border-color:var(--accent-danger)}.generator-body{max-height:calc(85vh - 100px);overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group label,.form-group select{color:var(--text-primary);font-size:14px}.form-group select{background:#0f172a99;border:1px solid #007aff4d;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .2s;width:100%}.form-group select:hover{border-color:#007aff80}.form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a;outline:none}.form-group select:disabled{cursor:not-allowed;opacity:.5}.error-message{background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:8px;color:var(--accent-danger);font-size:14px;margin-bottom:20px;padding:12px 16px}.btn-generate,.error-message{align-items:center;display:flex;gap:8px}.btn-generate{font-size:16px;font-weight:600;justify-content:center;padding:14px 24px;width:100%}.btn-primary{align-items:center;color:var(--text-primary);display:flex;gap:8px;padding:12px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 8px 20px #007aff66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{align-items:center;background:#4755694d;border:1px solid #94a3b84d;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn-secondary:hover{background:#47556980;border-color:#94a3b880}.spinner{animation:spin .8s linear infinite;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--text-primary);height:16px;width:16px}.generated-content{background:#0f172a99;border:1px solid #007aff33;border-radius:8px;margin-bottom:20px;max-height:500px;overflow-x:hidden;overflow-y:auto;padding:20px}.generated-content pre{word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.generated-content p,.generated-content pre{color:var(--text-primary);font-size:14px;line-height:1.8}.generated-content p{margin:0 0 12px}.generated-content strong{color:var(--text-primary);font-weight:600}.generated-content a{color:var(--accent-primary);text-decoration:underline}.generated-content code{background:#007aff33;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.generator-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.generator-actions button{flex:1 1;min-width:150px}.generator-tip{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;font-size:13px;line-height:1.5;padding:12px 16px}.generator-tip,.generator-tip strong{color:var(--accent-primary)}.generated-content::-webkit-scrollbar,.generator-body::-webkit-scrollbar{width:8px}.generated-content::-webkit-scrollbar-track,.generator-body::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.generated-content::-webkit-scrollbar-thumb,.generator-body::-webkit-scrollbar-thumb{background:#007aff4d;border-radius:4px}.generated-content::-webkit-scrollbar-thumb:hover,.generator-body::-webkit-scrollbar-thumb:hover{background:#007aff80}@media (max-width:768px){.generator-modal{max-height:90vh;width:95%}.generator-body,.generator-header{padding:16px}.generator-actions{flex-direction:column}.generator-actions button{width:100%}}.affiliate-dashboard-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.affiliate-dashboard{animation:slideUp .3s ease-out;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:100%}.header-left{gap:0}.header-subtitle{font-size:.813rem}.header-actions{gap:.75rem}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#00ff8826;border:1px solid #00ff884d;color:#0f8}.status-badge.pending{background:#ffd70026;border:1px solid #ffd7004d;color:gold}.status-dot{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.btn-icon{font-size:18px}.btn-icon:hover{background:var(--border-primary)}.btn-icon.close-btn{background:#ff46461a;border:1px solid #ff46464d;color:#ff4646}.btn-icon.close-btn:hover{background:#ff464633;border-color:#ff464680;transform:scale(1.05)}.btn-primary{background:var(--accent-primary);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:#00b8e6;box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-1px)}.btn-primary.btn-success{background:#0f8}.btn-secondary{background:var(--border-primary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{border-color:var(--border-primary);transform:translateY(-1px)}.btn-secondary:hover,.dashboard-tabs{background:var(--bg-hover)}.tab-button:hover{background:var(--border-primary)}.tab-button.active{background:linear-gradient(135deg,var(--accent-primary),#0095ff);box-shadow:0 4px 12px #00d4ff4d;color:var(--text-primary)}.affiliate-code-badge{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;padding:8px 12px;white-space:nowrap}.code-value{color:var(--accent-primary);font-family:Courier New,monospace;font-weight:600}.dashboard-content{padding:24px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.stats-grid{grid-gap:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:0;padding:1rem 1.5rem}.stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:.875rem;padding:.875rem 1rem;transition:all .3s ease}.stat-card:hover{border-color:#00d9ff4d;box-shadow:0 8px 24px #00d9ff1a;transform:translateY(-2px)}.stat-card.stat-card-highlight{background:#ffd7000d;border-color:#ffd70033}.stat-card.stat-card-highlight:hover{background:#ffd70014;border-color:#ffd7004d}.stat-header{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon{flex-shrink:0;font-size:20px}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-secondary);font-size:.813rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.625rem;font-weight:700;line-height:1}.stat-value.accent-green{color:var(--accent-success)}.stat-value.accent-yellow{color:var(--accent-warning)}.stat-value.accent-red{color:var(--accent-danger)}.stat-meta{color:var(--text-secondary);font-size:.75rem;margin-top:0}.affiliate-section{background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:12px;margin-bottom:24px;padding:24px}.section-header{background:#0000;border:none;box-shadow:none;padding:0}.section-header h3{-webkit-text-fill-color:var(--text-primary)fff;background:#0000;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px;text-shadow:none}.section-subtitle{-webkit-text-fill-color:var(--text-secondary);background:#0000;color:var(--text-secondary);font-size:14px;margin:0 0 20px;text-shadow:none}.affiliate-link-container{display:flex;gap:12px;margin-bottom:20px}.link-display{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--accent-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;white-space:nowrap}.quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:16px;transition:all .2s ease}.action-card:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-2px)}.action-icon{flex-shrink:0;font-size:20px}.next-payout-card{background:var(--bg-secondary);border:1px solid var(--accent-success);border-radius:12px;margin-bottom:24px;padding:24px}.payout-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.payout-card-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.payout-card-content{display:flex;flex-direction:column;gap:8px}.payout-amount{color:var(--accent-success);font-size:32px;font-weight:700}.payout-date{color:var(--text-tertiary);font-size:14px}.stripe-connect-cta{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:24px}.cta-icon{flex-shrink:0;font-size:48px}.cta-content{flex:1 1}.cta-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.cta-content p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.recent-section{background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:12px;margin-bottom:24px;padding:24px}.recent-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.conversions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.conversion-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.conversion-item:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.conversion-info{display:flex;flex-direction:column;gap:4px}.conversion-product{color:var(--text-primary);font-size:14px;font-weight:600}.conversion-date{color:var(--text-tertiary);font-size:12px}.conversion-amounts{display:flex;flex-direction:column;gap:4px;text-align:right}.conversion-sale{color:var(--text-tertiary);font-size:13px}.conversion-commission{color:#0f8;font-size:16px;font-weight:700}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-success{background:#00ff8826;border:1px solid #00ff884d;color:#0f8}.badge-warning{background:#ffd70026;border:1px solid #ffd7004d;color:gold}.badge-info{background:#00d4ff26;border:1px solid #00d4ff4d;color:var(--accent-primary)}.tab-content{animation:fadeIn .3s ease-out}.tab-header{margin-bottom:24px;padding:0!important}.tab-header,.tab-header h3{background:none!important;border:none!important}.tab-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.tab-header p{background:none!important;color:var(--text-tertiary);font-size:14px;margin:0}.empty-state{background:none;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{background:none;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.empty-state p{background:none;color:var(--text-tertiary);font-size:14px;margin:0 0 24px}.conversions-table,.payouts-table{background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:12px;overflow:hidden}.table-header{grid-gap:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:16px 20px}.th{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{grid-gap:16px;border-bottom:1px solid var(--bg-tertiary);display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:16px 20px;transition:all .2s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-tertiary)}.td{align-items:center;color:var(--text-secondary);display:flex;font-size:14px}.td-highlight{color:var(--accent-primary);font-weight:700}.dashboard-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);flex-shrink:0;padding:20px 24px}.footer-info{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-around}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--accent-primary);font-size:14px;font-weight:600}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;padding:60px 20px}.loading-state svg{color:var(--accent-primary)}.loading-state p{color:var(--text-secondary);font-size:16px;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-state h3{color:#f44;font-size:20px;font-weight:600;margin:0 0 12px}.error-state p{color:var(--text-tertiary);font-size:14px;margin:0 0 24px;max-width:400px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:repeat(3,1fr)}.table-header .th:nth-child(4),.table-header .th:nth-child(5),.table-row .td:nth-child(4),.table-row .td:nth-child(5){display:none}}@media (max-width:768px){.affiliate-dashboard-overlay{padding:10px}.affiliate-dashboard{border-radius:12px;height:95vh}.dashboard-header{padding:16px}.header-title h1{font-size:18px}.header-subtitle{font-size:12px}.dashboard-tabs{padding:10px 16px}.tab-button{font-size:13px;padding:6px 12px}.affiliate-code-badge{display:none}.dashboard-content{padding:16px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-value{font-size:28px}.affiliate-link-container{flex-direction:column}.quick-actions{grid-template-columns:1fr}.stripe-connect-cta{flex-direction:column;text-align:center}.footer-info{flex-direction:column;gap:12px}.info-item{align-items:center;text-align:center}.table-header,.table-row{gap:12px;grid-template-columns:1fr 1fr}.table-header .th:nth-child(n+3),.table-row .td:nth-child(n+3){display:none}}@media (max-width:480px){.header-logo{height:24px}.header-left{gap:8px}.btn-primary,.btn-secondary{font-size:13px;padding:8px 16px}.stat-value{font-size:24px}.recent-section h3,.section-header h3,.tab-header h3{font-size:16px}}.time-range-selector{background:#0f172a99;border:1px solid #007aff4d;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:8px 12px;transition:all .2s}.time-range-selector:hover{background:#0f172acc;border-color:#007aff80}.time-range-selector:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}[data-theme=light] .affiliate-dashboard img[alt*=OPTIMUS],[data-theme=light] .affiliate-dashboard img[alt*=Optimus],[data-theme=light] .affiliate-dashboard img[alt*=optimus]{filter:invert(1) brightness(.2)}@media (prefers-color-scheme:light){[data-theme=auto] .affiliate-dashboard img[alt*=OPTIMUS],[data-theme=auto] .affiliate-dashboard img[alt*=Optimus],[data-theme=auto] .affiliate-dashboard img[alt*=optimus]{filter:invert(1) brightness(.2)}}.affiliate-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-xl);position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:99999}.affiliate-overlay-backdrop.visible{opacity:1}.affiliate-overlay-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid #00d4ff4d;border-radius:20px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff0d,0 0 40px #00d4ff33;max-width:560px;opacity:0;padding:var(--spacing-3xl);position:relative;text-align:center;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.affiliate-overlay-card.visible{opacity:1;transform:scale(1) translateY(0)}.overlay-close-btn{align-items:center;background:var(--dashboard-bg-card);border:1px solid var(--dashboard-border-primary);border-radius:50%;color:var(--dashboard-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:32px;justify-content:center;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:all .2s ease;width:32px}.overlay-close-btn:hover{background:var(--dashboard-bg-card-hover);color:var(--dashboard-text-primary);transform:scale(1.1)}.overlay-icon{animation:bounce .6s ease;font-size:64px;line-height:1;margin-bottom:var(--spacing-lg)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.overlay-title{color:var(--dashboard-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0}.overlay-subtitle{color:var(--dashboard-text-secondary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xl) 0}.overlay-message{background:var(--dashboard-bg-card);border:1px solid var(--dashboard-border-primary);border-radius:12px;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.overlay-message p{color:var(--dashboard-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.overlay-message strong{color:var(--dashboard-primary);font-weight:var(--font-weight-bold)}.overlay-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.overlay-stat{background:var(--dashboard-bg-card);border:1px solid var(--dashboard-border-primary);border-radius:12px;padding:var(--spacing-lg);transition:all .2s ease}.overlay-stat:hover{background:var(--dashboard-bg-card-hover);border-color:var(--dashboard-primary);transform:translateY(-2px)}.overlay-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dashboard-primary) 0,var(--dashboard-accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.overlay-stat-label{color:var(--dashboard-text-muted);font-size:var(--font-size-xs);line-height:1.3}.overlay-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-overlay{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:14px 28px;transition:all .2s ease;width:100%}.btn-overlay-primary{background:linear-gradient(135deg,var(--dashboard-primary) 0,var(--dashboard-secondary) 100%);box-shadow:0 6px 20px #00d4ff66;color:var(--text-primary)}.btn-overlay-primary:hover{box-shadow:0 8px 30px #00d4ff80;transform:translateY(-2px)}.btn-overlay-primary:active{transform:translateY(0)}.btn-overlay-ghost{background:#0000;border:none;color:var(--dashboard-text-secondary);padding:var(--spacing-md)}.btn-overlay-ghost:hover{color:var(--dashboard-text-primary);text-decoration:underline}@media (max-width:640px){.affiliate-overlay-backdrop{padding:var(--spacing-lg)}.affiliate-overlay-card{padding:var(--spacing-xl)}.overlay-icon{font-size:48px}.overlay-title{font-size:var(--font-size-2xl)}.overlay-subtitle{font-size:var(--font-size-base)}.overlay-stats{grid-template-columns:1fr}.overlay-stat{padding:var(--spacing-md)}.overlay-stat-value{font-size:var(--font-size-lg)}}.overlay-stat{animation:fadeInUp .5s ease;animation-fill-mode:both}.overlay-stat:first-child{animation-delay:.1s}.overlay-stat:nth-child(2){animation-delay:.2s}.overlay-stat:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:640px){.affiliate-overlay-backdrop{padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}}}.auth-page{align-items:center;background:linear-gradient(135deg,#0a0a15,#1a1a2e 50%,#16213e);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:auto;padding:20px;width:100vw}.auth-container{background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid var(--border-primary);border-radius:24px;box-shadow:0 30px 80px #0009;display:grid;grid-template-columns:.85fr 1.15fr;max-height:90vh;max-width:1200px;min-height:600px;overflow:visible;width:100%}.auth-branding{border-right:1px solid var(--border-primary);display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:60px}.auth-logo{align-self:flex-start;height:60px;margin-bottom:32px;object-fit:contain}.auth-title{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 16px}.auth-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 48px}.feature-list{display:flex;flex-direction:column;gap:24px}.feature-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:16px;padding:16px;transition:background .2s,border-color .2s}.feature-item:hover{background:var(--bg-hover);border-color:var(--border-primary)}.feature-icon{flex-shrink:0;font-size:32px;line-height:1}.feature-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.feature-content p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.auth-form-container{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;padding:50px 45px}.clerk-auth-wrapper{box-sizing:border-box;margin:0 auto;max-width:720px;padding:0 32px;width:100%}.auth-toggle{border-bottom:2px solid var(--border-primary);display:flex;gap:0;margin-bottom:1.5rem}.toggle-btn{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.875rem;transition:all .2s}.toggle-btn,.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.auth-purchase-cta{align-items:center;background:#3b82f60f;border:1px solid #3b82f633;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:1.5rem;padding:16px 20px}.auth-purchase-label{color:var(--text-secondary);font-size:13px}.auth-purchase-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;box-shadow:0 4px 14px #3b82f659;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:opacity .2s,transform .1s}.auth-purchase-btn:hover{color:#fff;opacity:.9;text-decoration:none;transform:translateY(-1px)}.auth-purchase-btn:active{transform:translateY(0)}.auth-footer{border-top:1px solid var(--border-primary);flex-shrink:0;margin-top:2rem;padding-bottom:1rem;padding-top:1.5rem;text-align:center}.auth-footer-links{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center}.footer-link{color:var(--text-secondary);text-decoration:none;transition:all .2s}.footer-link:hover{color:#3b82f6;text-decoration:underline}.footer-separator{color:var(--text-tertiary)}.cl-footer,.cl-footerAction,.cl-footerActionLink,.cl-footerActionText,.cl-identityPreviewText,.cl-internal-b1ghmq9{display:none!important}.cl-rootBox{display:flex!important;justify-content:center!important;max-width:100%!important;width:100%!important}.cl-card{background:#0000!important;border:none!important;box-shadow:none!important;margin:0 auto!important;padding:12px 14px!important}.cl-card,.cl-main{max-width:100%!important;overflow:visible!important;width:100%!important}.cl-main{gap:1.5rem!important}.cl-cardBox{max-width:100%!important}.cl-cardBox,.cl-form{overflow:visible!important;width:100%!important}.cl-formField,.cl-formFieldRow,.cl-socialButtons{width:100%!important}.cl-socialButtons{justify-content:center!important}.cl-socialButtonsBlockButton{flex:1 1!important}.cl-header{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:1.5rem!important}.cl-dividerText,.cl-formHeaderSubtitle,.cl-formHeaderTitle,.cl-header,.cl-headerSubtitle,.cl-headerTitle{text-align:center!important}.cl-formHeaderTitle,.cl-headerTitle{color:var(--text-primary)!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:.5rem!important}.cl-formHeaderSubtitle,.cl-headerSubtitle{color:var(--text-secondary)!important;font-size:.9rem!important}.cl-formFieldLabel{color:var(--text-primary)!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:.5rem!important;text-align:left!important}.cl-formFieldHintText,.cl-formFieldInfoText,.cl-formFieldSuccessText{color:var(--text-secondary)!important;font-size:.8rem!important}.cl-formFieldErrorText,.cl-otpCodeFieldErrorText{color:var(--accent-danger)!important;font-size:.8rem!important}.cl-dividerRow{margin:1.5rem 0!important}.cl-dividerLine{background:var(--bg-hover)!important}.cl-dividerText{color:var(--text-tertiary)!important;font-size:.875rem!important}.cl-formField input[type=email],.cl-formField input[type=password],.cl-formField input[type=tel],.cl-formField input[type=text],.cl-formFieldInput,.cl-formFieldInput input{background:var(--bg-hover)!important;border:2px solid #647896cc!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--text-primary)!important;font-size:1rem!important;padding:.875rem 1rem!important;transition:border-color .2s,box-shadow .2s!important;width:100%!important}.cl-formField input:hover,.cl-formFieldInput input:hover,.cl-formFieldInput:hover{background:var(--bg-hover)!important;border-color:#8296b4!important}.cl-formField input:focus,.cl-formFieldInput input:focus,.cl-formFieldInput:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f64d!important;outline:none!important}.cl-formFieldInput::placeholder{color:var(--text-tertiary)!important}.cl-formFieldInput[data-variant=select],.cl-selectButton{background:var(--bg-hover)!important;border:2px solid var(--border-primary)!important;color:var(--text-primary)!important}.cl-formFieldInput__countryCode,.cl-phoneInputBox,.cl-selectButton__countryCode,select.cl-formFieldInput{background:var(--bg-hover)!important;border:2px solid #647896cc!important;border-radius:8px!important}.cl-formFieldInput__countryCode,.cl-selectButton__countryCode,select.cl-formFieldInput{color:var(--text-primary)!important}.cl-phoneInputBox:hover{background:var(--bg-hover)!important;border-color:var(--text-secondary)!important}.cl-phoneInputBox:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}.cl-phoneInputBox input{color:var(--text-primary)!important}.cl-phoneInputBox input::placeholder{color:var(--text-tertiary)!important}.cl-phoneInputBox .cl-selectButton__countryCode{background:#0000!important;border:none!important;border-right:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.cl-formField [class*=select] button,.cl-selectButton__countryCode:not(.cl-phoneInputBox .cl-selectButton__countryCode),[class*=countryCode] button,button[class*=countryCode]{background:var(--bg-hover)!important;border:2px solid #647896cc!important;border-radius:8px!important;color:var(--text-primary)!important}.cl-selectButton__countryCode:hover,[class*=countryCode] button:hover,button[class*=countryCode]:hover{background:var(--bg-hover)!important;border-color:#8296b4!important}.cl-socialButtons button,.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton button,.cl-socialButtonsIconButton,.cl-socialButtonsIconButton button,button[class*=socialButton]{background:var(--bg-hover)!important;border:2px solid #647896cc!important;border-radius:8px!important;color:var(--text-primary)!important;transition:all .2s!important}.cl-socialButtons button:hover,.cl-socialButtonsBlockButton button:hover,.cl-socialButtonsBlockButton:hover,.cl-socialButtonsIconButton button:hover,.cl-socialButtonsIconButton:hover,button[class*=socialButton]:hover{background:var(--bg-hover)!important;border-color:#8296b4!important}.cl-formButtonPrimary{background:#3b82f6!important;border:none!important;border-radius:8px!important;color:var(--text-primary)!important;font-weight:600!important;padding:.875rem 1.5rem!important;transition:background .2s,transform .1s!important}.cl-formButtonPrimary:hover{background:#2563eb!important}.cl-formButtonPrimary:active{transform:scale(.98)!important}.cl-formButtonReset,.cl-linkButton{color:#3b82f6!important;font-weight:500!important}.cl-formButtonReset:hover,.cl-linkButton:hover{color:#60a5fa!important;text-decoration:underline!important}.cl-formFieldInput.cl-otpCodeField__input,.cl-otpCodeField>.cl-formFieldInput,.cl-otpCodeField>input.cl-formFieldInput,input[name=code].cl-formFieldInput{-webkit-touch-callout:none!important;background:#0000!important;border:none!important;caret-color:#0000!important;color:#0000!important;font-size:16px!important;height:100%!important;left:0!important;margin:0!important;opacity:0!important;padding:0!important;position:absolute!important;top:0!important;touch-action:manipulation!important;width:100%!important;z-index:1!important}.cl-otpCodeField{position:relative!important}.cl-otpCodeFieldInputs{gap:.75rem!important}.cl-otpCodeFieldInput,.cl-otpCodeFieldInputs{display:flex!important;justify-content:center!important}.cl-otpCodeFieldInput{align-items:center!important;background:var(--bg-hover)!important;border:2px solid #647896cc!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--text-primary)!important;font-size:1.25rem!important;height:3rem!important;letter-spacing:0!important;margin:0 .125rem!important;min-width:2.75rem!important;padding:0!important;text-align:center!important;transition:border-color .2s,box-shadow .2s!important;width:2.75rem!important}.cl-otpCodeFieldInput:hover{background:var(--bg-hover)!important;border-color:#8296b4!important}.cl-otpCodeFieldInput:focus,.cl-otpCodeFieldInput:focus-within{background:var(--bg-hover)!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f64d!important;outline:none!important}.cl-formFieldInput:not(.cl-otpCodeFieldInput){letter-spacing:normal!important}.cl-otpCodeField input[autocomplete=one-time-code],input[autocomplete=one-time-code].cl-formFieldInput{-webkit-touch-callout:none!important;background:#0000!important;border:none!important;caret-color:#0000!important;color:#0000!important;font-size:16px!important;height:100%!important;left:0!important;margin:0!important;opacity:0!important;padding:0!important;position:absolute!important;top:0!important;touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important;width:100%!important;z-index:1!important}[data-theme=light] .auth-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1)}[data-theme=light] .auth-container{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border:1px solid #0000001a;box-shadow:0 30px 80px #00000026}[data-theme=light] .auth-branding{border-right:1px solid #0000001a}[data-theme=light] .auth-logo{filter:invert(1) brightness(.2)}[data-theme=light] .auth-title{color:#1e293b}[data-theme=light] .auth-subtitle{color:#64748b}[data-theme=light] .feature-item{background:#00000005;border:1px solid #00000014}[data-theme=light] .feature-item:hover{background:#0000000a;border-color:#0000001f}[data-theme=light] .feature-content h3{color:#1e293b}[data-theme=light] .feature-content p{color:#64748b}[data-theme=light] .auth-form-container{background:linear-gradient(135deg,#fff,#f8fafc)}[data-theme=light] .auth-toggle{border-bottom:2px solid #0000001a}[data-theme=light] .cl-otpCodeFieldInput:focus{background:#f8fafc!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}[data-theme=light] .toggle-btn{color:#64748b}[data-theme=light] .toggle-btn:hover{color:#334155}[data-theme=light] .toggle-btn.active{border-bottom-color:#2563eb;color:#2563eb}[data-theme=light] .auth-footer{border-top:1px solid #0000001a}[data-theme=light] .footer-link{color:#64748b}[data-theme=light] .footer-link:hover{color:#2563eb}[data-theme=light] .footer-separator{color:#cbd5e1}[data-theme=light] .auth-purchase-cta{background:#3b82f60a;border-color:#3b82f640}[data-theme=light] .auth-purchase-label{color:#64748b}[data-theme=light] .cl-formHeaderTitle,[data-theme=light] .cl-headerTitle{color:#1e293b!important}[data-theme=light] .cl-formHeaderSubtitle,[data-theme=light] .cl-headerSubtitle{color:#64748b!important}[data-theme=light] .cl-formFieldLabel{color:#334155!important}[data-theme=light] .cl-formFieldHintText,[data-theme=light] .cl-formFieldInfoText,[data-theme=light] .cl-formFieldSuccessText{color:#64748b!important}[data-theme=light] .cl-dividerLine{background:#0000001f!important}[data-theme=light] .cl-dividerText{color:#94a3b8!important}[data-theme=light] .cl-formField input[type=email],[data-theme=light] .cl-formField input[type=password],[data-theme=light] .cl-formField input[type=tel],[data-theme=light] .cl-formField input[type=text],[data-theme=light] .cl-formFieldInput,[data-theme=light] .cl-formFieldInput input{background:var(--bg-primary)!important;border:1px solid #cbd5e1!important;border-radius:8px!important;color:#1e293b!important}[data-theme=light] .cl-formField input:hover,[data-theme=light] .cl-formFieldInput input:hover,[data-theme=light] .cl-formFieldInput:hover{border-color:#94a3b8!important}[data-theme=light] .cl-formField input:focus,[data-theme=light] .cl-formFieldInput input:focus,[data-theme=light] .cl-formFieldInput:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}[data-theme=light] .cl-formField input::placeholder,[data-theme=light] .cl-formFieldInput input::placeholder,[data-theme=light] .cl-formFieldInput::placeholder{color:#94a3b8!important}[data-theme=light] .cl-formFieldInput[data-variant=select],[data-theme=light] .cl-selectButton{background:var(--bg-primary)!important;border:1px solid #e2e8f0!important;color:#1e293b!important}[data-theme=light] .cl-phoneInputBox{background:var(--bg-primary)!important;border:1px solid #e2e8f0!important}[data-theme=light] .cl-phoneInputBox:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}[data-theme=light] .cl-phoneInputBox input{color:#1e293b!important}[data-theme=light] .cl-phoneInputBox input::placeholder{color:#94a3b8!important}[data-theme=light] .cl-phoneInputBox .cl-selectButton__countryCode,[data-theme=light] .cl-phoneInputBox .cl-selectButton__countryCode *,[data-theme=light] .cl-phoneInputBox [class*=countryCode],[data-theme=light] .cl-phoneInputBox [class*=countryCode] *{background:#0000!important;border:none!important;color:#1e293b!important}[data-theme=light] .cl-phoneInputBox .cl-selectButton__countryCode{border-right:1px solid #e2e8f0!important}[data-theme=light] .cl-formField [class*=select] button,[data-theme=light] .cl-formField [class*=select] button span,[data-theme=light] .cl-selectButton__countryCode,[data-theme=light] .cl-selectButton__countryCode div,[data-theme=light] .cl-selectButton__countryCode span,[data-theme=light] [class*=countryCode] button,[data-theme=light] [class*=countryCode] button span,[data-theme=light] button[class*=countryCode],[data-theme=light] button[class*=countryCode] span{color:#1e293b!important}[data-theme=light] .cl-selectButton__countryCode{background:var(--bg-primary)!important;border:1px solid #cbd5e1!important;border-radius:8px!important}[data-theme=light] .cl-selectButton__countryCode:hover,[data-theme=light] button[class*=countryCode]:hover{background:#f8fafc!important;border-color:#94a3b8!important}[data-theme=light] .cl-socialButtons button,[data-theme=light] .cl-socialButtonsBlockButton,[data-theme=light] .cl-socialButtonsBlockButton button,[data-theme=light] .cl-socialButtonsIconButton,[data-theme=light] .cl-socialButtonsIconButton button,[data-theme=light] button[class*=socialButton]{background:var(--bg-primary)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#334155!important}[data-theme=light] .cl-socialButtons button:hover,[data-theme=light] .cl-socialButtonsBlockButton button:hover,[data-theme=light] .cl-socialButtonsBlockButton:hover,[data-theme=light] .cl-socialButtonsIconButton button:hover,[data-theme=light] .cl-socialButtonsIconButton:hover,[data-theme=light] button[class*=socialButton]:hover{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .cl-formButtonPrimary{background:#2563eb!important;color:var(--text-primary)!important}[data-theme=light] .cl-formButtonPrimary:hover{background:#1d4ed8!important}[data-theme=light] .cl-formButtonReset,[data-theme=light] .cl-linkButton{color:#2563eb!important}[data-theme=light] .cl-formButtonReset:hover,[data-theme=light] .cl-linkButton:hover{color:#1d4ed8!important}[data-theme=light] .cl-otpCodeFieldInput{-webkit-text-fill-color:#1e293b!important;background:var(--bg-primary)!important;border:2px solid #e2e8f0!important;border-radius:8px!important;caret-color:#1e293b!important;color:#1e293b!important;height:3rem!important;min-width:2.75rem!important;text-align:center!important;width:2.75rem!important}[data-theme=light] .cl-otpCodeFieldInput:hover{background:#f8fafc!important;border-color:#94a3b8!important}[data-theme=light] .cl-otpCodeFieldInput:focus,[data-theme=light] .cl-otpCodeFieldInput:focus-within{background:#f8fafc!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}[data-theme=light] .cl-formFieldInput.cl-otpCodeField__input,[data-theme=light] .cl-otpCodeField>.cl-formFieldInput,[data-theme=light] input[name=code].cl-formFieldInput{background:#0000!important;border:none!important;height:100%!important;left:0!important;opacity:0!important;position:absolute!important;top:0!important;width:100%!important;z-index:1!important}@media (prefers-color-scheme:light){[data-theme=auto] .auth-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1)}[data-theme=auto] .auth-container{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border:1px solid #0000001a;box-shadow:0 30px 80px #00000026}[data-theme=auto] .auth-branding{border-right:1px solid #0000001a}[data-theme=auto] .auth-logo{filter:invert(1) brightness(.2)}[data-theme=auto] .auth-title{color:#1e293b}[data-theme=auto] .auth-subtitle{color:#64748b}[data-theme=auto] .feature-item{background:#00000005;border:1px solid #00000014}[data-theme=auto] .feature-content h3{color:#1e293b}[data-theme=auto] .feature-content p{color:#64748b}[data-theme=auto] .auth-toggle{border-bottom:2px solid #0000001a}[data-theme=auto] .toggle-btn{color:#64748b}[data-theme=auto] .toggle-btn.active{border-bottom-color:#2563eb;color:#2563eb}[data-theme=auto] .auth-footer{border-top:1px solid #0000001a}[data-theme=auto] .footer-link{color:#64748b}[data-theme=auto] .footer-separator{color:#cbd5e1}[data-theme=auto] .cl-formHeaderTitle,[data-theme=auto] .cl-headerTitle{color:#1e293b!important}[data-theme=auto] .cl-formHeaderSubtitle,[data-theme=auto] .cl-headerSubtitle{color:#64748b!important}[data-theme=auto] .cl-formFieldLabel{color:#334155!important}[data-theme=auto] .cl-formFieldHintText,[data-theme=auto] .cl-formFieldInfoText{color:#64748b!important}[data-theme=auto] .cl-dividerLine{background:#0000001f!important}[data-theme=auto] .cl-dividerText{color:#94a3b8!important}[data-theme=auto] .cl-formField input[type=email],[data-theme=auto] .cl-formField input[type=password],[data-theme=auto] .cl-formField input[type=tel],[data-theme=auto] .cl-formField input[type=text],[data-theme=auto] .cl-formFieldInput,[data-theme=auto] .cl-formFieldInput input{background:var(--bg-primary)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#1e293b!important}[data-theme=auto] .cl-formField input:hover,[data-theme=auto] .cl-formFieldInput input:hover,[data-theme=auto] .cl-formFieldInput:hover{border-color:#94a3b8!important}[data-theme=auto] .cl-formField input:focus,[data-theme=auto] .cl-formFieldInput input:focus,[data-theme=auto] .cl-formFieldInput:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}[data-theme=auto] .cl-formField input::placeholder,[data-theme=auto] .cl-formFieldInput input::placeholder,[data-theme=auto] .cl-formFieldInput::placeholder{color:#94a3b8!important}[data-theme=auto] .cl-phoneInputBox{background:var(--bg-primary)!important;border:1px solid #e2e8f0!important}[data-theme=auto] .cl-phoneInputBox input{color:#1e293b!important}[data-theme=auto] .cl-phoneInputBox .cl-selectButton__countryCode,[data-theme=auto] .cl-phoneInputBox .cl-selectButton__countryCode *,[data-theme=auto] .cl-phoneInputBox [class*=countryCode],[data-theme=auto] .cl-phoneInputBox [class*=countryCode] *{background:#0000!important;border:none!important;color:#1e293b!important}[data-theme=auto] .cl-phoneInputBox .cl-selectButton__countryCode{border-right:1px solid #e2e8f0!important}[data-theme=auto] .cl-selectButton__countryCode,[data-theme=auto] .cl-selectButton__countryCode div,[data-theme=auto] .cl-selectButton__countryCode span,[data-theme=auto] [class*=countryCode] button,[data-theme=auto] [class*=countryCode] button span,[data-theme=auto] button[class*=countryCode],[data-theme=auto] button[class*=countryCode] span{color:#1e293b!important}[data-theme=auto] .cl-selectButton__countryCode{background:var(--bg-primary)!important;border:1px solid #cbd5e1!important;border-radius:8px!important}[data-theme=auto] .cl-socialButtons button,[data-theme=auto] .cl-socialButtonsBlockButton,[data-theme=auto] .cl-socialButtonsBlockButton button,[data-theme=auto] .cl-socialButtonsIconButton,[data-theme=auto] .cl-socialButtonsIconButton button,[data-theme=auto] button[class*=socialButton]{background:var(--bg-primary)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#334155!important}[data-theme=auto] .cl-socialButtons button:hover,[data-theme=auto] .cl-socialButtonsBlockButton:hover,[data-theme=auto] .cl-socialButtonsIconButton:hover{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=auto] .cl-formButtonPrimary{background:#2563eb!important;color:var(--text-primary)!important}[data-theme=auto] .cl-formButtonReset,[data-theme=auto] .cl-linkButton{color:#2563eb!important}[data-theme=auto] .cl-otpCodeFieldInput{-webkit-text-fill-color:#1e293b!important;background:var(--bg-primary)!important;border:2px solid #e2e8f0!important;border-radius:8px!important;caret-color:#1e293b!important;color:#1e293b!important;height:3rem!important;min-width:2.75rem!important;text-align:center!important;width:2.75rem!important}[data-theme=auto] .cl-otpCodeFieldInput:hover{background:#f8fafc!important;border-color:#94a3b8!important}[data-theme=auto] .cl-otpCodeFieldInput:focus,[data-theme=auto] .cl-otpCodeFieldInput:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}[data-theme=auto] .cl-formFieldInput.cl-otpCodeField__input,[data-theme=auto] .cl-otpCodeField>.cl-formFieldInput,[data-theme=auto] input[name=code].cl-formFieldInput{background:#0000!important;border:none!important;height:100%!important;left:0!important;opacity:0!important;position:absolute!important;top:0!important;width:100%!important;z-index:1!important}}@media (max-width:968px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-branding{display:none}.auth-form-container{padding:30px 20px}.cl-otpCodeFieldInputs{gap:.375rem!important}.cl-otpCodeFieldInput,[class*=otpCode] input,[class*=verificationCode] input{font-size:1.125rem!important;height:2.75rem!important;min-width:2.5rem!important;width:2.5rem!important}[class*=otpCode] input,[class*=verificationCode] input{margin:0 .125rem!important}.cl-formFieldInput.cl-otpCodeField__input,.cl-otpCodeField>.cl-formFieldInput,.cl-otpCodeField>input.cl-formFieldInput,input[name=code].cl-formFieldInput{-webkit-appearance:none!important;appearance:none!important;font-size:16px!important;min-height:2.75rem!important;touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important}.cl-otpCodeField{overflow:visible!important}}@media (max-width:480px){.auth-form-container{padding:24px 16px}.auth-toggle{margin-bottom:1.5rem}.toggle-btn{font-size:.9rem;padding:.75rem}.cl-otpCodeFieldInputs{gap:.25rem!important}.cl-otpCodeFieldInput,[class*=otpCode] input,[class*=verificationCode] input{font-size:1rem!important;height:2.5rem!important;min-width:2.25rem!important;width:2.25rem!important}[class*=otpCode] input,[class*=verificationCode] input{margin:0 .125rem!important}}.cl-formFieldInputShowPasswordButton{color:var(--text-secondary)!important}.cl-formFieldInputShowPasswordButton:hover{color:var(--text-primary)!important}[data-theme=light] .cl-formFieldInputShowPasswordButton{color:#64748b!important}[data-theme=light] .cl-formFieldInputShowPasswordButton:hover{color:#334155!important}.cl-alert{border-radius:8px!important;padding:12px 16px!important}.cl-alert__warning{background:#f59e0b26!important;border:1px solid #f59e0b4d!important;color:#fbbf24!important}[data-theme=light] .cl-alert__warning{background:#f59e0b1a!important;border:1px solid #f59e0b40!important;color:#d97706!important}.cl-alert__error{background:#ef444426!important;border:1px solid #ef44444d!important;color:#f87171!important}[data-theme=light] .cl-alert__error{background:#ef44441a!important;border:1px solid #ef444440!important;color:#dc2626!important}.cl-alternativeMethods{background:#0000!important;border:none!important;box-shadow:none!important}.cl-identityPreview{background:var(--bg-hover)!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;padding:12px!important}.cl-identityPreview__text{color:var(--text-primary)!important}[data-theme=light] .cl-identityPreview{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .cl-identityPreview__text{color:#1e293b!important}.cl-backLink{color:var(--text-secondary)!important}.cl-backLink:hover{color:var(--text-primary)!important}[data-theme=light] .cl-backLink{color:#64748b!important}[data-theme=light] .cl-backLink:hover{color:#1e293b!important}@media (max-width:768px){.auth-page{align-items:flex-start;background:var(--bg-primary);padding:0}.auth-container{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;max-height:none;min-height:100vh;width:100%}.auth-branding{display:none}.auth-form-container{flex:1 1;justify-content:center;max-height:none;padding:24px}.clerk-auth-wrapper{padding:0}input,select,textarea{font-size:16px!important}}.legal-page-container{align-items:flex-start;background:var(--bg-primary);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:60px 20px;width:100vw}.legal-page-content{animation:slideUp .4s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 24px 48px #00000080;flex-shrink:0;margin-bottom:60px;max-width:900px;padding:48px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-header{border-bottom:2px solid #00d4ff4d;margin-bottom:40px;padding-bottom:24px;text-align:center}.legal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:36px;font-weight:700;margin:0 0 12px}.legal-effective-date{color:var(--text-secondary);font-size:14px;margin:0}.legal-tabs{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:8px;margin:32px 0;padding:4px}.legal-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.legal-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.legal-tab.active{background:linear-gradient(135deg,var(--accent-primary) 0,#09f 100%);box-shadow:0 4px 12px #00d4ff4d;color:var(--text-on-accent)}.legal-body{color:var(--text-primary);line-height:1.8}.legal-intro{background:#00d4ff0d;border-left:3px solid #00d4ff;border-radius:8px;color:var(--text-secondary);font-size:16px;margin-bottom:24px;padding:20px}.legal-toc{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;margin:32px 0;padding:24px}.legal-toc h3{color:var(--accent-primary);font-size:18px;font-weight:600;margin:0 0 16px}.legal-toc ol{color:var(--text-secondary);margin:0;padding-left:24px}.legal-toc li{font-size:15px;margin-bottom:8px}.legal-section{border-bottom:1px solid var(--border-primary);margin-bottom:40px;padding-bottom:32px}.legal-section:last-child{border-bottom:none}.legal-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 20px}.legal-section h2:before{background:linear-gradient(180deg,#00d4ff,#09f);border-radius:2px;content:"";height:24px;width:4px}.legal-section h3{color:var(--accent-primary);font-size:20px;font-weight:600;margin:32px 0 16px}.legal-section h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:24px 0 12px}.legal-section p{color:var(--text-secondary);font-size:15px;line-height:1.8;margin-bottom:16px}.legal-section ol,.legal-section ul{color:var(--text-secondary);margin:16px 0;padding-left:28px}.legal-section li{font-size:15px;line-height:1.7;margin-bottom:12px}.legal-section strong{color:var(--text-primary);font-weight:600}.legal-warning{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin:20px 0;padding:16px}.legal-warning,.legal-warning strong{color:var(--accent-warning)}.legal-contact{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:8px;margin:20px 0;padding:20px}.legal-contact p{color:var(--text-primary);margin:4px 0}.legal-contact a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.legal-contact a:hover{color:#00b8e6;text-decoration:underline}.legal-footer{border-top:2px solid #00d4ff4d;margin-top:48px;padding-top:32px;text-align:center}.legal-footer p{color:var(--text-secondary);font-size:14px;margin:8px 0}.legal-update-note{color:var(--text-secondary);font-size:13px;font-style:italic}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#00b8e6;text-decoration:underline}@media (max-width:768px){.legal-page-container{padding:40px 16px}.legal-page-content{padding:32px 24px}.legal-header h1{font-size:28px}.legal-section h2{font-size:20px}.legal-section h3{font-size:18px}.legal-section li,.legal-section p{font-size:14px}.legal-toc{padding:20px}}@media (max-width:480px){.legal-page-content{padding:24px 16px}.legal-header h1{font-size:24px}.legal-section h2{font-size:18px}}.legal-page-container::-webkit-scrollbar{width:8px}.legal-page-container::-webkit-scrollbar-track{background:var(--bg-hover)}.legal-page-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.legal-page-container::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.dashboard-wizard{display:flex;flex-direction:column;height:100%;max-height:85vh;overflow:hidden}.wizard-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:24px 32px}.wizard-title{align-items:center;display:flex;gap:16px;margin-bottom:20px}.wizard-title svg{color:var(--accent-primary);flex-shrink:0}.wizard-title h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.wizard-title p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.wizard-progress{align-items:center;display:flex;gap:12px}.progress-text{color:var(--text-secondary);font-size:13px;font-weight:500;min-width:100px;white-space:nowrap}.progress-bar{background:var(--bg-tertiary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:4px;height:100%;transition:width .4s ease}.wizard-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:48px 32px;text-align:center}.wizard-content::-webkit-scrollbar{width:8px}.wizard-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.wizard-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.wizard-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.step-icon{align-items:center;background:var(--bg-accent-subtle);border:2px solid var(--border-accent);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.step-icon svg{color:var(--accent-primary)}.step-title{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 12px}.step-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 32px;max-width:500px}.step-input{max-width:600px;width:100%}.wizard-input,.wizard-textarea{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:15px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.wizard-input:focus,.wizard-textarea:focus{background:var(--bg-input);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-accent-subtle);outline:none}.wizard-input::placeholder,.wizard-textarea::placeholder{color:var(--text-tertiary)}.list-input{width:100%}.input-with-button{display:flex;gap:12px;margin-bottom:16px}.input-with-button .wizard-input{flex:1 1}.add-btn{background:var(--bg-accent-subtle);border:1px solid var(--border-accent);border-radius:10px;color:var(--accent-primary);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.add-btn:hover:not(:disabled){background:var(--bg-accent-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.add-btn:disabled{cursor:not-allowed;opacity:.4}.list-items{display:flex;flex-direction:column;gap:8px;max-height:300px;min-height:100px;overflow-y:auto;padding:4px}.list-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease}.list-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.list-item span{color:var(--text-primary);font-size:15px}.list-item button{align-items:center;background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:6px;color:var(--accent-danger);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.list-item button:hover{background:var(--bg-danger-hover);border-color:var(--accent-danger);transform:scale(1.1)}.optional-hint{color:var(--text-tertiary);font-size:14px;font-style:italic;margin-top:16px}.multi-select-grid,.select-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:100%}.option-card,.select-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;position:relative;text-align:center;transition:all .2s ease}.option-card:hover,.select-card:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-2px)}.option-card.selected,.select-card.selected{background:var(--bg-accent-subtle);border-color:var(--accent-primary);box-shadow:0 4px 16px var(--shadow-accent)}.option-emoji{font-size:32px;margin-bottom:4px}.option-label{color:var(--text-primary);font-size:14px;font-weight:500}.check-icon{color:var(--accent-primary);position:absolute;right:8px;top:8px}.wizard-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px 32px}.wizard-nav{display:flex;gap:12px}.wizard-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.wizard-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.wizard-btn.primary{background:var(--accent-primary);border:none;box-shadow:0 4px 16px var(--shadow-accent);color:var(--text-on-accent)}.wizard-btn.primary:hover{background:var(--accent-hover);box-shadow:0 6px 24px var(--shadow-accent-strong);transform:translateY(-2px)}.wizard-btn.secondary{background:#0000;border-color:var(--border-primary)}.wizard-generating{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 40px;text-align:center}.generation-icon{margin-bottom:24px}.wizard-generating svg:not(.gen-step svg){color:var(--accent-primary)}.pulse{animation:pulse 2s ease-in-out infinite}.wizard-generating h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 12px}.wizard-generating>p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.generation-progress-bar{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;height:12px;margin-bottom:12px;max-width:500px;overflow:hidden;width:100%}.generation-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:6px;box-shadow:0 0 10px var(--shadow-accent-strong);height:100%;transition:width .5s ease}.generation-progress-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:32px}.generating-steps{display:flex;flex-direction:column;gap:16px;max-width:400px;width:100%}.gen-step{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;display:flex;font-size:15px;gap:12px;padding:16px 20px;transition:all .3s ease}.gen-step,.gen-step svg{color:var(--text-tertiary)}.gen-step svg{flex-shrink:0}.gen-step.active{background:var(--bg-accent-subtle);border-color:var(--border-accent)}.gen-step.active,.gen-step.active svg{color:var(--accent-primary)}.gen-step.complete{background:var(--bg-success-subtle);border-color:var(--border-success)}.gen-step.complete,.gen-step.complete svg{color:var(--accent-success)}@media (max-width:768px){.wizard-header{padding:20px}.wizard-title h2{font-size:20px}.wizard-content{padding:32px 20px}.step-icon{height:64px;margin-bottom:20px;width:64px}.step-icon svg{height:36px;width:36px}.step-title{font-size:22px}.step-subtitle{font-size:14px;margin-bottom:24px}.multi-select-grid,.select-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.option-card,.select-card{padding:16px 12px}.option-emoji{font-size:28px}.option-label{font-size:13px}.wizard-footer{flex-direction:column;gap:12px;padding:16px 20px}.wizard-nav{justify-content:space-between;width:100%}.wizard-btn{flex:1 1;font-size:14px;justify-content:center;padding:12px 16px}.wizard-btn.secondary{min-width:auto}.wizard-generating h2{font-size:22px}.wizard-generating>p{font-size:14px}.generating-steps{max-width:100%}.gen-step{font-size:14px;padding:14px 16px}}@media (max-height:600px) and (orientation:landscape){.wizard-header{padding:16px 24px}.wizard-content{padding:24px 32px}.step-icon{height:56px;margin-bottom:16px;width:56px}.step-title{font-size:20px;margin-bottom:8px}.step-subtitle{font-size:14px;margin-bottom:20px}.wizard-footer{padding:12px 24px}}.dashboard-renderer{background:var(--bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.dashboard-content-direct{box-sizing:border-box;color:var(--text-primary);display:block!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:100%!important;padding:24px}.dashboard-content-direct,.dashboard-content-direct>*{max-width:none!important;width:100%!important}.dashboard-content-direct .dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;margin-bottom:20px!important;min-height:auto!important;padding:24px!important}.dashboard-content-direct .dashboard-card,.dashboard-content-direct .metrics-grid{box-sizing:border-box!important;max-width:none!important;min-width:100%!important;width:100%!important}.dashboard-content-direct .metrics-grid{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;margin-top:24px!important}.dashboard-content-direct .metric-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:24px;text-align:center;transition:all .2s ease}.dashboard-content-direct .metric-card:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-2px)}.dashboard-content-direct .stat-number{color:var(--accent-primary);font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.dashboard-content-direct .stat-label{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.dashboard-content-direct .trend-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-top:8px;padding:4px 8px}.dashboard-content-direct .trend-up{background:var(--bg-success-subtle);color:var(--accent-success)}.dashboard-content-direct .trend-down{background:var(--bg-danger-subtle);color:var(--accent-danger)}.renderer-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.renderer-loading p{color:var(--text-secondary);font-size:16px}.renderer-error{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center;padding:40px;text-align:center}.renderer-error svg{color:var(--accent-danger)}.renderer-error h3{color:var(--text-primary);font-size:24px;margin:0}.renderer-error p{color:var(--text-secondary);font-size:16px;margin:0 0 20px}.retry-btn{align-items:center;background:var(--bg-accent-subtle);border:1px solid var(--border-accent);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:var(--bg-accent-hover);border-color:var(--accent-primary);transform:translateY(-1px)}@media (max-width:1400px){.dashboard-content-direct .metrics-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:1200px){.dashboard-content-direct .metrics-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:900px){.dashboard-content-direct .metrics-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-content-direct{padding:20px}.dashboard-content-direct .metrics-grid{gap:16px;grid-template-columns:1fr}.dashboard-content-direct .metric-card{min-height:100px;padding:20px}.dashboard-content-direct .stat-number{font-size:28px}.dashboard-content-direct .stat-label{font-size:13px}.dashboard-content-direct .dashboard-card{padding:20px}}.dashboard-renderer::-webkit-scrollbar{width:10px}.dashboard-renderer::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:5px}.dashboard-renderer::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:5px}.dashboard-renderer::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.custom-dashboard-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.custom-dashboard{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;position:relative;width:100%}.custom-dashboard.mobile-view{height:85vh;max-width:420px}.dashboard-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;padding:20px 24px}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:16px;min-width:0}.header-left svg{color:var(--accent-primary);flex-shrink:0}.header-title h1{color:var(--text-primary);font-size:22px;font-weight:600;margin:0}.header-subtitle,.header-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.header-logo{flex-shrink:0;height:32px;margin-right:12px}.timezone-indicator{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:8px 12px;white-space:nowrap}.timezone-indicator svg{color:var(--accent-primary);flex-shrink:0}.btn-icon{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon.active{background:var(--bg-accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.active{background:var(--bg-accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.close-btn{align-items:center;background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:8px;color:var(--accent-danger);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-btn:hover{background:var(--bg-danger-hover);border-color:var(--accent-danger);transform:scale(1.05)}.btn-delete-dashboard{align-items:center;background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:8px;color:var(--accent-danger);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-delete-dashboard:hover{background:var(--bg-danger-hover);border-color:var(--accent-danger);transform:translateY(-1px)}.view-mode-toggle button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;padding:6px 10px;transition:all .2s ease}.view-mode-toggle button.active{background:var(--bg-accent-subtle);color:var(--accent-primary)}.view-mode-toggle button:hover:not(.active){color:var(--text-primary)}.dashboard-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;overflow-x:auto;overflow-y:hidden;padding:12px 24px}.dashboard-tabs,.tabs-left-group{align-items:center;display:flex;gap:12px}.tabs-left-group{flex:0 1 auto}.tabs-list{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.tab-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-button.active{background:var(--accent-primary);border-color:#0000;box-shadow:0 4px 12px var(--shadow-accent);color:var(--text-on-accent)}.tab-button.add-tab{align-items:center;display:flex;justify-content:center;padding:8px;width:36px}.dashboard-selector{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;max-width:350px;min-width:220px;padding:10px 16px;transition:all .2s ease}.dashboard-selector:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.btn-new-dashboard{align-items:center;background:var(--bg-accent-subtle);border:1px solid var(--border-accent);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-new-dashboard:hover{background:var(--bg-accent-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.dashboard-content{flex:1 1;max-width:100%;overflow-y:auto;padding:0;width:100%}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.dashboard-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.dashboard-error-boundary{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px;text-align:center}.dashboard-error-boundary svg{color:var(--accent-danger)}.dashboard-error-boundary h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.dashboard-error-boundary p{color:var(--text-secondary);font-size:14px;margin:0;max-width:500px}.dashboard-error-boundary button{background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:8px;color:var(--accent-danger);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.dashboard-error-boundary button:hover{background:var(--bg-danger-hover);border-color:var(--accent-danger);transform:translateY(-1px)}.custom-dashboard.empty-state{height:auto;max-width:600px;padding:0;position:relative}.empty-header{position:absolute;right:20px;top:20px;z-index:10}.close-btn-empty{align-items:center;background:var(--bg-danger-subtle);border:1px solid var(--border-danger);border-radius:8px;color:var(--accent-danger);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-btn-empty:hover{background:var(--bg-danger-hover);border-color:var(--accent-danger);transform:scale(1.05)}.empty-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:80px 40px 60px;text-align:center}.empty-icon{color:var(--text-tertiary);margin-bottom:10px}.empty-content h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.empty-content p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.empty-subtext{color:var(--text-tertiary)!important;font-size:14px!important}.btn-create-dashboard{align-items:center;background:var(--accent-primary);border:none;border-radius:10px;box-shadow:0 4px 20px var(--shadow-accent);color:var(--text-on-accent);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;margin-top:10px;padding:14px 28px;transition:all .3s ease}.btn-create-dashboard:hover{background:var(--accent-hover);box-shadow:0 6px 30px var(--shadow-accent-strong);transform:translateY(-2px)}.btn-create-dashboard:active{transform:translateY(0)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.dashboard-loading svg{color:var(--accent-primary)}.dashboard-loading p{color:var(--text-secondary);font-size:16px}.spin{animation:spin 1s linear infinite}.custom-dashboard.wizard-mode{height:auto;max-height:90vh;max-width:800px}@media (max-width:768px){.custom-dashboard-overlay{padding:0}.custom-dashboard{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.dashboard-header{padding:16px}.header-title h1{font-size:18px}.header-subtitle{font-size:12px}.header-actions{gap:6px}.action-btn{padding:6px 8px}.view-mode-toggle{display:none}.dashboard-tabs{gap:8px;padding:12px 16px}.tabs-list{gap:6px}.tab-button{font-size:13px;padding:6px 12px}.dashboard-tabs{flex-wrap:wrap;gap:12px}.tabs-left-group{flex:1 1 100%;gap:8px}.dashboard-selector{flex:1 1;min-width:120px}.btn-delete-dashboard,.btn-new-dashboard,.dashboard-selector{font-size:13px;padding:8px 12px}.btn-icon{height:36px;width:36px}.dashboard-content{padding:0}.dashboard-footer{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.footer-info{align-items:flex-start;flex-direction:column;gap:8px}.footer-actions{justify-content:flex-end}.settings-panel{width:100%}.empty-content h2{font-size:22px}.empty-content p{font-size:14px}}@media (max-height:600px) and (orientation:landscape){.dashboard-header{padding:12px 16px}.dashboard-tabs{padding:8px 16px}.dashboard-content{padding:12px 16px}.dashboard-footer{padding:8px 16px}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.custom-dashboard{padding-bottom:env(safe-area-inset-bottom)}}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.custom-dashboard-overlay{padding-top:env(safe-area-inset-top)}}}.user-menu-container{align-items:center;display:flex;position:relative}.user-menu-trigger{align-items:center;background:#0000;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s ease}.user-menu-trigger:hover{border-color:var(--border-primary);transform:scale(1.05)}.user-menu-trigger:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633;outline:none}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-initials{border-radius:50%;height:36px;width:36px}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,#3b82f6,#007aff);color:var(--text-primary);display:flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.5px}.user-avatar-initials.large{font-size:18px;height:48px;width:48px}.user-menu-dropdown{animation:slideDown .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:1000}[data-theme=dark] .user-menu-dropdown{box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d}@media (prefers-color-scheme:dark){[data-theme=auto] .user-menu-dropdown{box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d}}[data-theme=light] .user-menu-dropdown{box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000f}@media (prefers-color-scheme:light){[data-theme=auto] .user-menu-dropdown{box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000f}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;background:var(--bg-tertiary);display:flex;gap:12px;padding:16px}.user-menu-avatar-large img{border-radius:50%;height:48px;object-fit:cover;width:48px}.user-menu-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.user-menu-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-menu-email,.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{color:var(--text-secondary);font-size:12px}.user-menu-company{color:var(--text-tertiary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-tier{padding:8px 16px}.tier-badge{background:var(--bg-tertiary);border:1px solid;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.user-menu-divider{background:var(--border-primary);height:1px;margin:0}.user-menu-hint{align-items:flex-start;background:#3b82f614;display:flex;gap:10px;padding:12px 16px}.hint-icon{flex-shrink:0;font-size:14px}.hint-text{color:var(--text-secondary);font-size:12px;line-height:1.4}.user-menu-actions{padding:8px}.user-menu-action{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.user-menu-action:hover{background:var(--bg-hover)}.user-menu-action.logout:hover{background:#ef44441a;color:var(--accent-danger)}.action-icon{font-size:14px}@media (max-width:768px){.user-menu-container{display:none!important}.user-menu-dropdown{right:-8px;width:260px}}.onboarding-overlay{align-items:center;animation:onboarding-fade-in .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.onboarding-overlay.exiting{animation:onboarding-fade-out .3s ease-out forwards}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-fade-out{0%{opacity:1}to{opacity:0}}.onboarding-modal{animation:onboarding-slide-up .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(165deg,#1e2332fa,#141923fa);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 40px 100px #00000080,0 0 80px #00d4ff1a,inset 0 1px 0 #ffffff0d;max-width:560px;overflow:hidden;padding:40px;position:relative;width:100%}.onboarding-modal.forward .onboarding-content{animation:slide-in-right .4s cubic-bezier(.16,1,.3,1)}.onboarding-modal.backward .onboarding-content{animation:slide-in-left .4s cubic-bezier(.16,1,.3,1)}@keyframes onboarding-slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.onboarding-skip{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;position:absolute;right:16px;top:16px;transition:all .2s ease}.onboarding-skip:hover{background:#ffffff1a;border-color:#fff3;color:#fffc}.onboarding-progress{background:#ffffff1a;border-radius:24px 24px 0 0;height:3px;left:0;overflow:hidden;position:absolute;right:0;top:0}.progress-bar{background:linear-gradient(90deg,#00d4ff,#7c3aed);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.onboarding-steps-indicator{display:flex;gap:10px;justify-content:center;margin-bottom:32px}.step-dot{align-items:center;background:#ffffff26;border-radius:50%;cursor:pointer;display:flex;height:10px;justify-content:center;transition:all .3s ease;width:10px}.step-dot:hover{background:#ffffff40;transform:scale(1.2)}.step-dot.active{background:#00d4ff;box-shadow:0 0 12px #00d4ff80;transform:scale(1.3)}.step-dot.completed{background:#0f8}.step-dot.completed svg{color:#0a0f1a}.onboarding-icon-wrapper{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 24px;position:relative;width:100px}.onboarding-icon-bg{animation:icon-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border-radius:28px;height:100%;position:absolute;width:100%}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.onboarding-icon{color:#00d4ff;filter:drop-shadow(0 0 20px rgba(0,212,255,.4));position:relative;z-index:1}.step-ollie .onboarding-icon{color:#00d4ff}.step-automations .onboarding-icon{color:gold}.step-roi .onboarding-icon{color:#0f8}.step-affiliate .onboarding-icon{color:#ff6b6b}.onboarding-content{text-align:center}.onboarding-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.onboarding-subtitle{color:#fff9;font-size:16px;margin:0 0 28px}.onboarding-body{margin-bottom:32px;text-align:left}.onboarding-lead{color:#ffffffd9;font-size:16px;line-height:1.7;margin:0 0 20px}.onboarding-lead em{color:#00d4ff;font-style:normal;font-weight:600}.onboarding-highlight-box{align-items:flex-start;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border:1px solid #00d4ff33;border-radius:16px;display:flex;gap:16px;padding:20px}.highlight-icon{flex-shrink:0;font-size:32px}.onboarding-highlight-box strong{color:#fff;display:block;font-size:16px;margin-bottom:4px}.onboarding-highlight-box p{color:#ffffffb3;font-size:14px;margin:0}.onboarding-feature-list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0 0 20px;padding:0}.onboarding-feature-list li{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:all .2s ease}.onboarding-feature-list li:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateX(4px)}.feature-emoji{flex-shrink:0;font-size:20px}.onboarding-feature-list span:last-child{color:#fffc;font-size:14px;line-height:1.5}.onboarding-tip{background:#00d4ff14;border-left:3px solid #00d4ff;border-radius:0 8px 8px 0;color:#fff9;font-size:14px;margin:0;padding:12px 16px}.onboarding-tip strong{color:#00d4ff}.onboarding-automation-examples{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.automation-card{align-items:flex-start;background:linear-gradient(135deg,#ffd70014,#ffa5000d);border:1px solid #ffd70026;border-radius:12px;display:flex;gap:14px;padding:16px}.automation-icon{flex-shrink:0;font-size:24px}.automation-card strong{color:gold;display:block;font-size:14px;margin-bottom:4px}.automation-card p{color:#ffffffb3;font-size:13px;line-height:1.4;margin:0}.onboarding-subtle{color:#ffffff80;font-size:13px;margin:0;text-align:center}.onboarding-roi-preview{display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.roi-stat{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex:1 1;padding:20px 16px;text-align:center;transition:all .3s ease}.roi-stat:hover{background:#ffffff0f;transform:translateY(-4px)}.roi-stat.featured{background:linear-gradient(135deg,#00ff881a,#00c8640d);border-color:#0f83}.roi-value{color:#fff;display:block;font-size:28px;font-weight:700;margin-bottom:4px}.roi-stat.featured .roi-value{color:#0f8}.roi-label{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.onboarding-highlight-box.free-hook{background:linear-gradient(135deg,#00ff8826,#00c86414);border-color:#00ff884d}.onboarding-highlight-box.free-hook strong{color:#0f8}.onboarding-highlight-box.final{margin-top:20px}.harry-examples .automation-card{background:linear-gradient(135deg,#7c3aed1f,#6432c80f);border-color:#7c3aed40}.harry-examples .automation-card strong{color:#a78bfa}.onboarding-integrations{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.integration-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fffc;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease}.integration-pill:hover{background:#ffffff1a;border-color:#00d4ff4d;transform:translateY(-2px)}.integration-pill span:first-child{font-size:16px}.onboarding-roi-preview.compact{margin-bottom:16px}.onboarding-roi-preview.compact .roi-stat{padding:16px 12px}.onboarding-roi-preview.compact .roi-value{font-size:24px;margin-bottom:6px}.onboarding-roi-preview.compact .roi-label{font-size:11px}.onboarding-affiliate-box{background:linear-gradient(135deg,#ff6b6b1a,#ff96960d);border:1px solid #ff6b6b33;border-radius:16px;padding:24px;text-align:center}.affiliate-math{align-items:center;color:#fffc;display:flex;font-size:16px;gap:16px;justify-content:center;margin-bottom:16px}.math-arrow{color:#fff6;font-size:20px}.math-result{color:#0f8;font-size:20px;font-weight:700}.onboarding-affiliate-box p{color:#fff9;font-size:14px;margin:0}.onboarding-nav{display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.onboarding-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease}.onboarding-btn.primary{background:linear-gradient(135deg,#00d4ff,#0095ff);border:none;box-shadow:0 4px 20px #00d4ff4d;color:#fff}.onboarding-btn.primary:hover{box-shadow:0 8px 30px #00d4ff66;transform:translateY(-2px)}.onboarding-btn.secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3}.onboarding-btn.secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.onboarding-btn.secondary:disabled{cursor:not-allowed;opacity:.3}.onboarding-keyboard-hints{color:#ffffff4d;display:flex;font-size:11px;gap:20px;justify-content:center}.onboarding-keyboard-hints span{align-items:center;display:flex;gap:6px}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:200000}.confetti{animation:confetti-fall linear forwards;height:10px;position:absolute;top:-20px;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(0)}}@media (max-width:600px){.onboarding-overlay{align-items:flex-end;padding:12px}.onboarding-modal{border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;padding:28px 20px}.onboarding-skip{padding:6px 10px;right:12px;top:12px}.onboarding-skip span{display:none}.onboarding-title{font-size:24px}.onboarding-subtitle{font-size:14px}.onboarding-icon-wrapper{height:80px;width:80px}.onboarding-icon{height:36px;width:36px}.affiliate-math,.onboarding-roi-preview{flex-direction:column}.affiliate-math{gap:8px}.math-arrow{transform:rotate(90deg)}.onboarding-keyboard-hints{display:none}.onboarding-nav{flex-direction:column-reverse}.onboarding-btn{padding:14px 20px}}@media (prefers-reduced-motion:reduce){.confetti,.onboarding-btn,.onboarding-content,.onboarding-icon-bg,.onboarding-modal,.onboarding-overlay,.roi-stat,.step-dot{animation:none!important;transition:none!important}}.app{background:var(--bg-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;width:100%}.app,body,html{height:100%;overflow:hidden}body,html{margin:0;padding:0}#root{height:100%;overflow:hidden}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=light] .theme-logo{filter:invert(1) brightness(.1)}@media (prefers-color-scheme:light){[data-theme=auto] .theme-logo{filter:invert(1) brightness(.1)}}.conversation-sidebar-container{transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:300px}.conversation-sidebar-container.collapsed{margin-left:-300px}.main-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header-controls{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);box-sizing:border-box;display:flex;gap:16px;height:57px;justify-content:space-between;padding:12px 16px;position:relative;z-index:1001}.header-controls>:first-child{align-items:center;display:flex;flex:1 1;gap:16px}.sidebar-toggle-btn{align-items:center;background:#0000;border:1px solid var(--accent-primary);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .2s;width:32px}.app-branding{align-items:center;display:flex;gap:12px}.app-branding img{flex-shrink:0;height:32px}.app-title{font-size:22px;font-weight:700;letter-spacing:-.5px}.app-subtitle{color:var(--text-secondary);font-size:13px;font-weight:500}.status-badges{align-items:center;display:flex;gap:8px;margin-left:auto}.roi-dashboard-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.roi-dashboard-btn:hover{box-shadow:0 4px 12px #4facfe4d;transform:translateY(-1px)}.status-badge{background:#22c55e1a;border:1px solid var(--accent-success);border-radius:16px;color:var(--accent-success);font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.status-badge[style*="cursor: pointer"]:hover{background:#ef444426;border:1px solid var(--accent-danger);color:var(--accent-danger);transform:scale(1.05)}.status-badge[style*="cursor: pointer"]:active{transform:scale(.98)}.status-badge.success{background:#22c55e1a;border:1px solid var(--accent-success);color:var(--accent-success)}.status-badge.warning{background:#facc151a;border:1px solid var(--accent-warning);color:var(--accent-warning)}.status-badge.error{background:#ef44441a;border:1px solid var(--accent-danger);color:var(--accent-danger)}.sidebar:not(.conversation-sidebar){display:none!important}.header-controls{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}.sidebar-toggle-btn,.sidebar-toggle-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sidebar-toggle-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.app-title{color:var(--accent-primary)}.app-subtitle{color:var(--text-tertiary)}.mobile-new-chat-btn{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:none;font-size:24px;height:32px;justify-content:center;transition:transform .2s;width:32px}.mobile-new-chat-btn:hover{transform:scale(1.1)}.mobile-sidebar-overlay{background:#00000080;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}.mobile-sidebar-overlay.visible{opacity:1;pointer-events:auto}@media (max-width:768px){.mobile-new-chat-btn{color:var(--accent-primary);display:flex}.mobile-sidebar-overlay{display:block}.header-controls{height:50px;justify-content:space-between;padding:0 12px}.header-controls>:first-child{justify-content:space-between;width:100%}.app-branding{gap:0;left:50%;position:absolute;transform:translateX(-50%)}.app-branding .theme-logo,.app-subtitle,.status-badges{display:none!important}.sidebar-toggle-btn{border:none;font-size:18px;height:40px;width:40px}.conversation-sidebar-container{bottom:0;box-shadow:5px 0 15px #0000001a;left:0;max-width:300px;position:fixed;top:0;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:80%;z-index:1001}.conversation-sidebar-container.collapsed{box-shadow:none;margin-left:0;transform:translateX(-100%)}.main-container{margin-left:0!important;width:100%}input,select,textarea{font-size:16px!important}button{min-height:44px;min-width:44px}}.status-badge.warning{animation:pulse 1.5s infinite}.honey-badger-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 8px #ffc1074d;color:#000;display:inline-flex;font-size:12px;gap:8px;margin-right:10px;padding:6px 12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hb-icon{font-size:16px}.hb-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-progress{font-weight:700}.hb-stop-btn{background:var(--accent-danger);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:2px 6px;transition:all .3s}.hb-stop-btn:hover{animation:zap .3s;background:var(--accent-danger);box-shadow:0 0 10px #ef444480;filter:brightness(1.2)}@keyframes zap{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.honey-badger-badge.sleeping{animation:fade-out 3s forwards}@keyframes fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}.mobile-menu-container{display:none}@media (max-width:768px){.mobile-menu-container{align-items:center;display:flex;margin-left:8px;position:relative}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.mobile-menu-btn:active{background:var(--bg-hover)}.mobile-menu-backdrop{animation:fade-in .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.mobile-menu-dropdown{animation:scale-in .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-secondary);background:color-mix(in srgb,var(--bg-secondary),#0000 10%);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 10px 30px -5px #0000004d,0 4px 10px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:8px;position:absolute;right:0;top:120%;transform-origin:top right;width:240px;z-index:2001}.mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.mobile-menu-item span{flex:1 1}.mobile-menu-item:active{background:var(--bg-hover);transform:scale(.98)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}}[data-liquid-glass=true][data-theme=dark]{--lg-bg-glass:#ffffff0f;--lg-bg-glass-elevated:#ffffff14;--lg-bg-primary:#0a0a0f;--lg-bg-secondary:#12121a;--lg-border-glass:#ffffff1a;--lg-border-glass-hover:#ffffff2e;--lg-text-primary:#fffffff2;--lg-text-secondary:#ffffffa6;--lg-accent-primary:#007aff;--lg-accent-glow:#007aff59;--lg-accent-gradient:linear-gradient(135deg,#007aff,#0055d4);--lg-shadow-sm:0 2px 8px #00000040;--lg-shadow-md:0 8px 24px #00000059;--lg-shadow-lg:0 16px 48px #00000073;--lg-shadow-glow:0 0 30px var(--lg-accent-glow);--lg-ease-out:cubic-bezier(0.4,0,0.2,1);--lg-ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}[data-liquid-glass=true][data-theme=light]{--lg-bg-glass:#ffffffb3;--lg-bg-glass-elevated:#ffffffd9;--lg-bg-primary:#f8f9fa;--lg-bg-secondary:#fff;--lg-border-glass:#00000014;--lg-border-glass-hover:#00000026;--lg-text-primary:#000000e6;--lg-text-secondary:#0009;--lg-accent-primary:#007aff;--lg-accent-glow:#007aff33;--lg-accent-gradient:linear-gradient(135deg,#007aff,#0055d4);--lg-shadow-sm:0 2px 8px #00000014;--lg-shadow-md:0 8px 24px #0000001f;--lg-shadow-lg:0 16px 48px #00000026;--lg-shadow-glow:0 0 30px var(--lg-accent-glow);--lg-ease-out:cubic-bezier(0.4,0,0.2,1);--lg-ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto]{--lg-bg-glass:#ffffff0f;--lg-bg-glass-elevated:#ffffff14;--lg-bg-primary:#0a0a0f;--lg-bg-secondary:#12121a;--lg-border-glass:#ffffff1a;--lg-border-glass-hover:#ffffff2e;--lg-text-primary:#fffffff2;--lg-text-secondary:#ffffffa6;--lg-accent-primary:#007aff;--lg-accent-glow:#007aff59;--lg-accent-gradient:linear-gradient(135deg,#007aff,#0055d4);--lg-shadow-sm:0 2px 8px #00000040;--lg-shadow-md:0 8px 24px #00000059;--lg-shadow-lg:0 16px 48px #00000073;--lg-shadow-glow:0 0 30px var(--lg-accent-glow);--lg-ease-out:cubic-bezier(0.4,0,0.2,1)}}@media (prefers-color-scheme:light){[data-liquid-glass=true][data-theme=auto]{--lg-bg-glass:#ffffffb3;--lg-bg-glass-elevated:#ffffffd9;--lg-bg-primary:#f8f9fa;--lg-bg-secondary:#fff;--lg-border-glass:#00000014;--lg-border-glass-hover:#00000026;--lg-text-primary:#000000e6;--lg-text-secondary:#0009;--lg-accent-primary:#007aff;--lg-accent-glow:#007aff33;--lg-accent-gradient:linear-gradient(135deg,#007aff,#0055d4);--lg-shadow-sm:0 2px 8px #00000014;--lg-shadow-md:0 8px 24px #0000001f;--lg-shadow-lg:0 16px 48px #00000026;--lg-shadow-glow:0 0 30px var(--lg-accent-glow);--lg-ease-out:cubic-bezier(0.4,0,0.2,1)}}[data-liquid-glass=true][data-theme=dark] .message.user .message-content{background:var(--lg-accent-gradient)!important;box-shadow:var(--lg-shadow-sm),0 0 20px var(--lg-accent-glow)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .message.user .message-content{background:var(--lg-accent-gradient)!important;box-shadow:var(--lg-shadow-sm),0 0 20px var(--lg-accent-glow)}}[data-liquid-glass=true][data-theme=dark] .message.assistant .message-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--lg-bg-glass)!important;border:none!important;color:var(--lg-text-primary)!important}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .message.assistant .message-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--lg-bg-glass)!important;border:none!important;color:var(--lg-text-primary)!important}}[data-liquid-glass=true][data-theme=dark] .input-form{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--lg-bg-glass-elevated)!important;border-top:1px solid var(--lg-border-glass)!important}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .input-form{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--lg-bg-glass-elevated)!important;border-top:1px solid var(--lg-border-glass)!important}}[data-liquid-glass=true][data-theme=dark] .send-button{background:var(--lg-accent-gradient)!important;box-shadow:var(--lg-shadow-sm),0 0 16px var(--lg-accent-glow);transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=dark] .send-button:hover:not(:disabled){box-shadow:var(--lg-shadow-md),0 0 24px var(--lg-accent-glow);transform:translateY(-2px) scale(1.05)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .send-button{background:var(--lg-accent-gradient)!important;box-shadow:var(--lg-shadow-sm),0 0 16px var(--lg-accent-glow);transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=auto] .send-button:hover:not(:disabled){box-shadow:var(--lg-shadow-md),0 0 24px var(--lg-accent-glow);transform:translateY(-2px) scale(1.05)}}[data-liquid-glass=true][data-theme=dark] .conversation-sidebar{background:var(--lg-bg-secondary)!important;border-right:1px solid var(--lg-border-glass)!important}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .conversation-sidebar{background:var(--lg-bg-secondary)!important;border-right:1px solid var(--lg-border-glass)!important}}[data-liquid-glass=true][data-theme=dark] .new-chat-btn{background:var(--lg-accent-gradient)!important;border:none!important;border-radius:10px!important;box-shadow:var(--lg-shadow-sm),0 0 12px var(--lg-accent-glow);transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=dark] .new-chat-btn:hover{box-shadow:var(--lg-shadow-md),0 0 20px var(--lg-accent-glow);transform:translateY(-1px)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .new-chat-btn{background:var(--lg-accent-gradient)!important;border:none!important;border-radius:10px!important;box-shadow:var(--lg-shadow-sm),0 0 12px var(--lg-accent-glow);transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=auto] .new-chat-btn:hover{box-shadow:var(--lg-shadow-md),0 0 20px var(--lg-accent-glow);transform:translateY(-1px)}}[data-liquid-glass=true][data-theme=dark] .conversation-item{border-radius:10px!important;transition:all .15s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=dark] .conversation-item:hover{background:var(--lg-bg-glass)!important;transform:translateX(2px)}[data-liquid-glass=true][data-theme=dark] .conversation-item.active{background:var(--lg-accent-gradient)!important;box-shadow:0 0 12px var(--lg-accent-glow)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .conversation-item{border-radius:10px!important;transition:all .15s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=auto] .conversation-item:hover{background:var(--lg-bg-glass)!important;transform:translateX(2px)}[data-liquid-glass=true][data-theme=auto] .conversation-item.active{background:var(--lg-accent-gradient)!important;box-shadow:0 0 12px var(--lg-accent-glow)}}[data-liquid-glass=true][data-theme=dark] .folder-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--lg-bg-glass-elevated)!important;border:1px solid var(--lg-border-glass)!important;border-radius:16px!important;box-shadow:var(--lg-shadow-lg)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .folder-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--lg-bg-glass-elevated)!important;border:1px solid var(--lg-border-glass)!important;border-radius:16px!important;box-shadow:var(--lg-shadow-lg)}}[data-liquid-glass=true][data-theme=dark] .header-controls{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--lg-bg-glass)!important;border-bottom:1px solid var(--lg-border-glass)!important}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .header-controls{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--lg-bg-glass)!important;border-bottom:1px solid var(--lg-border-glass)!important}}[data-liquid-glass=true][data-theme=dark] .sidebar-toggle-btn{background:var(--lg-bg-glass)!important;border:1px solid var(--lg-border-glass)!important;border-radius:10px!important;color:var(--lg-accent-primary)!important;transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=dark] .sidebar-toggle-btn:hover{background:var(--lg-bg-glass-elevated)!important;border-color:var(--lg-accent-primary)!important;box-shadow:0 0 12px var(--lg-accent-glow);transform:scale(1.05)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .sidebar-toggle-btn{background:var(--lg-bg-glass)!important;border:1px solid var(--lg-border-glass)!important;border-radius:10px!important;color:var(--lg-accent-primary)!important;transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=auto] .sidebar-toggle-btn:hover{background:var(--lg-bg-glass-elevated)!important;border-color:var(--lg-accent-primary)!important;box-shadow:0 0 12px var(--lg-accent-glow);transform:scale(1.05)}}[data-liquid-glass=true][data-theme=dark] .status-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--lg-bg-glass)!important;border-radius:12px!important}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .status-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--lg-bg-glass)!important;border-radius:12px!important}}[data-liquid-glass=true][data-theme=dark] .welcome-message{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--lg-bg-glass)!important;border:1px solid var(--lg-border-glass)!important;border-radius:20px!important;box-shadow:var(--lg-shadow-md)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .welcome-message{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--lg-bg-glass)!important;border:1px solid var(--lg-border-glass)!important;border-radius:20px!important;box-shadow:var(--lg-shadow-md)}}[data-liquid-glass=true][data-theme=dark] .content-block-tool{background:var(--lg-bg-glass)!important;border:1px solid var(--lg-border-glass)!important;border-radius:12px!important}[data-liquid-glass=true][data-theme=dark] .content-block-tool.success{border-color:#34c7594d!important;box-shadow:0 0 8px #34c75926}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .content-block-tool{background:var(--lg-bg-glass)!important;border:1px solid var(--lg-border-glass)!important;border-radius:12px!important}[data-liquid-glass=true][data-theme=auto] .content-block-tool.success{border-color:#34c7594d!important;box-shadow:0 0 8px #34c75926}}[data-liquid-glass=true][data-theme=dark] .file-browser{background:var(--lg-bg-secondary)!important}[data-liquid-glass=true][data-theme=dark] .file-upload-btn{background:var(--lg-accent-gradient)!important;border-radius:10px!important;box-shadow:var(--lg-shadow-sm),0 0 10px var(--lg-accent-glow);transition:all .2s var(--lg-ease-out)}[data-liquid-glass=true][data-theme=dark] .file-upload-btn:hover:not(:disabled){box-shadow:var(--lg-shadow-md),0 0 16px var(--lg-accent-glow);transform:translateY(-1px)}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] .file-browser{background:var(--lg-bg-secondary)!important}[data-liquid-glass=true][data-theme=auto] .file-upload-btn{background:var(--lg-accent-gradient)!important;border-radius:10px!important;box-shadow:var(--lg-shadow-sm),0 0 10px var(--lg-accent-glow);transition:all .2s var(--lg-ease-out)}}@media (max-width:768px){[data-liquid-glass=true] .folder-modal,[data-liquid-glass=true] .header-controls,[data-liquid-glass=true] .input-form,[data-liquid-glass=true] .message.assistant .message-content,[data-liquid-glass=true] .welcome-message{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}[data-liquid-glass=true] .conversation-item.active,[data-liquid-glass=true] .file-upload-btn,[data-liquid-glass=true] .new-chat-btn,[data-liquid-glass=true] .send-button{box-shadow:var(--lg-shadow-sm)!important}}[data-liquid-glass=true][data-theme=dark] ::-webkit-scrollbar{height:8px;width:8px}[data-liquid-glass=true][data-theme=dark] ::-webkit-scrollbar-track{background:#0000}[data-liquid-glass=true][data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}[data-liquid-glass=true][data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (prefers-color-scheme:dark){[data-liquid-glass=true][data-theme=auto] ::-webkit-scrollbar{height:8px;width:8px}[data-liquid-glass=true][data-theme=auto] ::-webkit-scrollbar-track{background:#0000}[data-liquid-glass=true][data-theme=auto] ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}[data-liquid-glass=true][data-theme=auto] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}}:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-modal:#fff;--bg-sidebar:#f5f6f8;--bg-overlay:#00000080;--bg-input:#fff;--bg-hover:#007bff14;--text-primary:#1a1d21;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-on-accent:#fff;--text-link:#007bff;--border-primary:#dee2e6;--border-secondary:#e9ecef;--accent-primary:#007bff;--accent-hover:#0056b3;--accent-success:#28a745;--accent-warning:#f59e0b;--accent-danger:#dc3545;--bg-message-user:#e3f2fd;--bg-message-assistant:#f5f5f5;--input-placeholder:#6c757d;--button-primary-bg:#007bff;--button-primary-hover:#0056b3;--bg-accent-subtle:#007bff1a;--bg-accent-hover:#007bff33;--bg-danger-subtle:#dc35451a;--bg-danger-hover:#dc354533;--bg-success-subtle:#28a7451a;--bg-warning-subtle:#f59e0b1a;--border-accent:#007bff4d;--border-danger:#dc35454d;--border-success:#28a7454d;--border-warning:#f59e0b4d;--shadow-accent:#007bff4d;--shadow-accent-strong:#007bff66}[data-theme=dark]{--bg-primary:#1a1d21;--bg-secondary:#22252b;--bg-tertiary:#2d3139;--bg-modal:#22252b;--bg-sidebar:#1e2126;--bg-overlay:#000c;--bg-input:#2d3139;--bg-hover:#00bfff14;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-tertiary:#8a8d91;--text-muted:#65676b;--text-on-accent:#fff;--text-link:#00bfff;--border-primary:#3e4249;--border-secondary:#2d3139;--accent-primary:#00bfff;--accent-hover:#09c;--accent-success:#0f8;--accent-warning:#fbbf24;--accent-danger:#ff4458;--bg-message-user:#1e3a5f;--bg-message-assistant:#2d3139;--input-placeholder:#8a8d91;--button-primary-bg:#00bfff;--button-primary-hover:#09c;--bg-accent-subtle:#00bfff26;--bg-accent-hover:#00bfff40;--bg-danger-subtle:#ff44581a;--bg-danger-hover:#ff445833;--bg-success-subtle:#00ff881a;--bg-warning-subtle:#fbbf241a;--border-accent:#00bfff4d;--border-danger:#ff44584d;--border-success:#00ff884d;--border-warning:#fbbf244d;--shadow-accent:#00bfff4d;--shadow-accent-strong:#00bfff66}@media (prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#1a1d21;--bg-secondary:#22252b;--bg-tertiary:#2d3139;--bg-modal:#22252b;--bg-sidebar:#1e2126;--bg-overlay:#000c;--bg-input:#2d3139;--bg-hover:#00bfff14;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-tertiary:#8a8d91;--text-muted:#65676b;--text-on-accent:#fff;--text-link:#00bfff;--border-primary:#3e4249;--border-secondary:#2d3139;--accent-primary:#00bfff;--accent-hover:#09c;--accent-success:#0f8;--accent-warning:#fbbf24;--accent-danger:#ff4458;--bg-message-user:#06c;--bg-message-assistant:#2d3139;--input-placeholder:#8a8d91;--button-primary-bg:#00bfff;--button-primary-hover:#09c;--bg-accent-subtle:#00bfff26;--bg-accent-hover:#00bfff40;--bg-danger-subtle:#ff44581a;--bg-danger-hover:#ff445833;--bg-success-subtle:#00ff881a;--bg-warning-subtle:#fbbf241a;--border-accent:#00bfff4d;--border-danger:#ff44584d;--border-success:#00ff884d;--border-warning:#fbbf244d;--shadow-accent:#00bfff4d;--shadow-accent-strong:#00bfff66}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background:#f8f9fb;background:var(--bg-primary);color:#1a1d21;color:var(--text-primary)}.app{background:#f8f9fb!important;background:var(--bg-primary)!important}.settings-overlay{background:#00000080!important;background:var(--bg-overlay)!important}.settings-modal{background:#fff!important;background:var(--bg-modal)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important;color:#1a1d21!important;color:var(--text-primary)!important}.settings-header{background:#fff!important;background:var(--bg-secondary)!important;border-bottom:1px solid #dee2e6!important;border-bottom:1px solid var(--border-primary)!important}.settings-header h2{color:#1a1d21!important;color:var(--text-primary)!important}.close-button{background:#0000!important;color:#4b5563!important;color:var(--text-secondary)!important}.close-button:hover{background:#dc35451a!important;color:#dc3545!important;color:var(--accent-danger)!important}.settings-content{background:#fff!important;background:var(--bg-modal)!important}.settings-tabs{background:#fff!important;background:var(--bg-secondary)!important;border-bottom:1px solid #dee2e6!important;border-bottom:1px solid var(--border-primary)!important}.tab{background:#0000!important;color:#4b5563!important;color:var(--text-secondary)!important}.tab:hover{background:#007bff14!important;background:var(--bg-hover)!important;color:#1a1d21!important;color:var(--text-primary)!important}.tab.active{border-bottom:3px solid #007bff!important;border-bottom:3px solid var(--accent-primary)!important;color:#007bff!important;color:var(--accent-primary)!important}.settings-body,.tab.active{background:#f8f9fb!important;background:var(--bg-primary)!important}.settings-body{color:#1a1d21!important;color:var(--text-primary)!important}.settings-section{background:#0000!important}.settings-section h3{color:#1a1d21!important;color:var(--text-primary)!important;font-weight:600!important}.settings-footer{background:#fff!important;background:var(--bg-secondary)!important;border-top:1px solid #dee2e6!important;border-top:1px solid var(--border-primary)!important;padding:16px 24px!important}.setting-group{border-bottom:1px solid #e9ecef!important;border-bottom:1px solid var(--border-secondary)!important}.setting-group label{color:#1a1d21!important;color:var(--text-primary)!important}.setting-group small{color:#6b7280!important;color:var(--text-tertiary)!important}.setting-input{background:#fff!important;background:var(--bg-input)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important;color:#1a1d21!important;color:var(--text-primary)!important}.setting-input:focus{border-color:#007bff!important;border-color:var(--accent-primary)!important;outline:none!important}.action-button,.checkbox-label{color:#1a1d21!important;color:var(--text-primary)!important}.action-button{background:#f0f2f5!important;background:var(--bg-tertiary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important}.action-button.primary{background:#007bff!important;background:var(--button-primary-bg)!important;border:none!important;color:#fff!important;color:var(--text-on-accent)!important}.action-button.primary:hover{background:#0056b3!important;background:var(--button-primary-hover)!important}.action-button.secondary{background:#f0f2f5!important;background:var(--bg-tertiary)!important;color:#1a1d21!important;color:var(--text-primary)!important}.action-button.secondary:hover{background:#007bff14!important;background:var(--bg-hover)!important}.action-button.danger{background:#dc35451a!important;border:1px solid #dc3545!important;border:1px solid var(--accent-danger)!important;color:#dc3545!important;color:var(--accent-danger)!important}.sidebar{background:#f5f6f8!important;background:var(--bg-sidebar)!important;border-right:1px solid #dee2e6!important;border-right:1px solid var(--border-primary)!important}.logo,.sidebar{color:#1a1d21!important;color:var(--text-primary)!important}.logo{padding:8px 0!important;text-align:center!important}.logo-text{align-items:center!important;display:flex!important;flex-direction:column!important;gap:4px!important}.logo-title{color:#007bff!important;color:var(--accent-primary)!important;font-size:22px!important;font-weight:700!important;letter-spacing:1px!important}.logo-subtitle{color:#4b5563!important;color:var(--text-secondary)!important;font-size:12px!important}.sidebar-section{padding:16px!important}.sidebar-section:first-of-type{padding-top:8px!important}.sidebar-section h3{color:#1a1d21!important;color:var(--text-primary)!important;font-size:12px!important;font-weight:700!important;letter-spacing:1px!important;margin-bottom:12px!important;opacity:1!important}.tool-list{display:flex;flex-direction:column;gap:4px}.tool-item{background:#0000!important;border-radius:6px!important;color:#1a1d21!important;color:var(--text-primary)!important;padding:8px 12px!important}.tool-item.active{background:#007bff14!important;background:var(--bg-hover)!important;border:1px solid #007bff!important;border:1px solid var(--accent-primary)!important;color:#007bff!important;color:var(--accent-primary)!important}.tool-item.inactive{color:#9ca3af!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.5!important}.tool-item.inactive .tool-icon{filter:grayscale(100%)!important;opacity:.4!important}.tool-icon{font-size:16px!important}.tool-badge{background:#007bff!important;background:var(--accent-primary)!important;border-radius:10px!important;color:#fff!important;color:var(--text-on-accent)!important;font-size:10px!important;margin-left:auto!important;padding:2px 6px!important}.settings-icon{font-size:16px!important}.footer-info{border-top:1px solid #e9ecef!important;border-top:1px solid var(--border-secondary)!important;margin-top:12px!important;padding-top:12px!important}.footer-title{color:#1a1d21!important;color:var(--text-primary)!important;font-size:12px!important;font-weight:600!important}.footer-subtitle{color:#6b7280!important;color:var(--text-tertiary)!important;font-size:11px!important}.chat-interface{background:#f8f9fb!important;background:var(--bg-primary)!important;color:#1a1d21!important;color:var(--text-primary)!important}.chat-header{background:#fff!important;background:var(--bg-secondary)!important;border-bottom:1px solid #dee2e6!important;border-bottom:1px solid var(--border-primary)!important}.chat-header h2{color:#1a1d21!important;color:var(--text-primary)!important}.status-badges .status-badge{background:#28a7451a!important;border:1px solid #28a745!important;border:1px solid var(--accent-success)!important;color:#28a745!important;color:var(--accent-success)!important}.messages-container{background:#f8f9fb!important;background:var(--bg-primary)!important}.welcome-message{color:#1a1d21!important;color:var(--text-primary)!important}.welcome-message h3{color:#007bff!important;color:var(--accent-primary)!important}.welcome-message li,.welcome-message p{color:#4b5563!important;color:var(--text-secondary)!important}.message{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:18px!important;box-shadow:none!important;margin-bottom:8px!important;max-width:70%!important;padding:10px 14px!important}.message.user{background:#0000!important;color:#fff!important;margin-left:auto!important;margin-right:0!important}.message.assistant{background:#0000!important;color:#000!important;margin-left:0!important;margin-right:auto!important}[data-theme=dark] .message.assistant,[data-theme=dark] .message.user{background:#0000!important;color:#fff!important}.message-content{color:inherit!important}.tools-used{border-top:1px solid #e9ecef!important;border-top:1px solid var(--border-secondary)!important;color:#6b7280!important;color:var(--text-tertiary)!important}.input-form{background:#fff!important;background:var(--bg-secondary)!important;border-top:1px solid #dee2e6!important;border-top:1px solid var(--border-primary)!important}.message-input{background:#fff!important;background:var(--bg-input)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important;color:#1a1d21!important;color:var(--text-primary)!important}.message-input::placeholder{color:#6c757d!important;color:var(--input-placeholder)!important;opacity:.7!important}.message-input:focus{border-color:#007bff!important;border-color:var(--accent-primary)!important;outline:none!important}.send-button{background:#007bff!important;background:var(--button-primary-bg)!important;border:none!important;color:#fff!important;color:var(--text-on-accent)!important}.send-button:hover:not(:disabled){background:#0056b3!important;background:var(--button-primary-hover)!important}.send-button:disabled{opacity:.5!important}.status-indicator{background:#f0f2f5!important;background:var(--bg-tertiary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important;color:#1a1d21!important;color:var(--text-primary)!important}.status-indicator.connected{background:#00ff881a!important;border-color:#28a745!important;border-color:var(--accent-success)!important}.status-indicator.disconnected{background:#dc35451a!important;border-color:#dc3545!important;border-color:var(--accent-danger)!important}.status-label{color:#1a1d21!important;color:var(--text-primary)!important}.status-text{color:#4b5563!important;color:var(--text-secondary)!important}.tool-status-grid{grid-gap:16px;background:#0000!important;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px;padding:0}.tool-status-grid .status-indicator{align-items:center!important;background:#fff!important;background:var(--bg-modal)!important;border:2px solid #dee2e6!important;border:2px solid var(--border-primary)!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:120px!important;overflow:hidden!important;padding:24px 16px!important;position:relative!important;transition:all .2s ease!important}.tool-status-grid .status-indicator:hover{border-color:#007bff!important;border-color:var(--accent-primary)!important;box-shadow:none!important;transform:translateY(-1px)!important}.tool-status-grid .status-indicator.connected{background:#fff!important;background:var(--bg-modal)!important;border-color:#28a745!important;border-color:var(--accent-success)!important}.tool-status-grid .status-indicator.disconnected{background:#fff!important;background:var(--bg-modal)!important;border-color:#dee2e6!important;border-color:var(--border-primary)!important;opacity:.7!important}.tool-status-grid .status-indicator .status-dot{border:2px solid #0000!important;border-radius:50%!important;height:12px!important;margin-bottom:16px!important;position:relative!important;width:12px!important}.tool-status-grid .status-indicator.connected .status-dot{background:#28a745!important;background:var(--accent-success)!important;border-color:#28a745!important;border-color:var(--accent-success)!important;box-shadow:none!important}.tool-status-grid .status-indicator.connected .status-dot:after{background:#fff!important;border-radius:50%!important;content:""!important;height:4px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:4px!important}.tool-status-grid .status-indicator.disconnected .status-dot{background:#9ca3af!important;background:var(--text-muted)!important;border-color:#9ca3af!important;border-color:var(--text-muted)!important;box-shadow:none!important}.tool-status-grid .status-indicator .status-label{color:#1a1d21!important;color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;margin-bottom:8px!important;text-align:center!important}.tool-status-grid .status-indicator .status-text{color:#6b7280!important;color:var(--text-tertiary)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.8px!important;opacity:.8!important;text-transform:uppercase!important}.tool-status-grid .status-indicator.connected .status-text{color:#28a745!important;color:var(--accent-success)!important;opacity:1!important}.tool-status-grid .status-indicator.disconnected .status-text{color:#9ca3af!important;color:var(--text-muted)!important}[data-theme=dark] .tool-status-grid .status-indicator{background:#f0f2f5!important;background:var(--bg-tertiary)!important;border-color:#dee2e6!important;border-color:var(--border-primary)!important}[data-theme=dark] .tool-status-grid .status-indicator.connected{border-color:#28a745!important;border-color:var(--accent-success)!important}[data-theme=dark] .tool-status-grid .status-indicator.disconnected{opacity:.6!important}.theme-toggle-group{background:#f0f2f5!important;background:var(--bg-tertiary)!important;border-radius:8px;display:flex;gap:8px;margin:10px 0;padding:8px}.theme-option{background:#fff!important;background:var(--bg-secondary)!important;border:2px solid #dee2e6!important;border:2px solid var(--border-primary)!important;border-radius:6px;color:#1a1d21!important;color:var(--text-primary)!important;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;text-align:center}.theme-option:hover{background:#007bff14!important;background:var(--bg-hover)!important}.theme-option.active,.theme-option:hover{border-color:#007bff!important;border-color:var(--accent-primary)!important}.theme-option.active{background:#007bff!important;background:var(--accent-primary)!important;color:#fff!important;color:var(--text-on-accent)!important}@media (prefers-color-scheme:light){[data-theme=auto] .modal,[data-theme=auto] [class*=Modal]:not([class*=dashboard]):not([class*=Dashboard]),[data-theme=auto] [role=dialog]{background:#fff;background:var(--bg-modal);color:#1a1d21;color:var(--text-primary)}}@media (prefers-color-scheme:dark){[data-theme=auto] .modal,[data-theme=auto] [class*=Modal]:not([class*=dashboard]):not([class*=Dashboard]),[data-theme=auto] [role=dialog]{background:#fff;background:var(--bg-modal);color:#1a1d21;color:var(--text-primary)}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-muted)}.usage-section{background:#f0f2f5!important;background:var(--bg-tertiary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important}.usage-section,.usage-section h3{color:#1a1d21!important;color:var(--text-primary)!important}.usage-bar{background:#fff!important;background:var(--bg-secondary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important}.usage-fill{background:linear-gradient(90deg,#007bff,#0056b3)!important;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover))!important}.usage-stats{color:#4b5563!important;color:var(--text-secondary)!important}
/*# sourceMappingURL=main.72b0c522.css.map*/