.chat-interface{background:var(--bg-primary);height:calc(100vh - 57px)}.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);padding:24px;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{margin:16px 0;text-align:left}.welcome-message li{color:var(--text-secondary)}.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%}[data-theme=dark] .message-content pre{background:#ffffff0d}.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:#007aff!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:#3a3a3c!important;color:#fff!important}[data-theme=dark] .message.user .message-content{background:#0a84ff!important;color:#fff!important}@media (prefers-color-scheme:dark){[data-theme=auto] .message.assistant .message-content{background:#3a3a3c!important;color:#fff!important}[data-theme=auto] .message.user .message-content{background:#0a84ff!important;color:#fff!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:#007aff!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:#6c757d1a;border:1px solid #6c757d4d;border-radius:12px;color:#6c757d;cursor:pointer;font-size:11px;font-weight:500;padding:2px 8px;transition:all .2s ease}.copy-button:hover{background:#6c757d33;border-color:#6c757d80;transform:translateY(-1px)}.copy-button:active{transform:translateY(0) scale(.95)}[data-theme=dark] .copy-button{background:#ffffff1a;border-color:#fff3;color:#ffffffb3}[data-theme=dark] .copy-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}@media (prefers-color-scheme:dark){[data-theme=auto] .copy-button{background:#ffffff1a;border-color:#fff3;color:#ffffffb3}[data-theme=auto] .copy-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}}.copyable-block-wrapper{margin:12px 0;position:relative;width:100%}.block-copy-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;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:#000c;transform:scale(1.05)}.block-copy-btn:active{transform:scale(.95)}.block-copy-btn.copied{background:#28a745e6!important;border-color:#28a745!important;color:#fff!important}[data-theme=dark] .block-copy-btn{background:#ffffff26;color:#fff}[data-theme=dark] .block-copy-btn:hover{background:#ffffff40}[data-theme=dark] .block-copy-btn.copied{background:#28a745e6!important;border-color:#28a745!important;color:#fff!important}@media (prefers-color-scheme:dark){[data-theme=auto] .block-copy-btn{background:#ffffff26;color:#fff}[data-theme=auto] .block-copy-btn:hover{background:#ffffff40}[data-theme=auto] .block-copy-btn.copied{background:#28a745e6!important;border-color:#28a745!important;color:#fff!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 #0003}[data-theme=dark] .message-content thead{border-bottom:2px solid #fff3}.message-content td,.message-content th{border-bottom:1px solid #0000001a;padding:8px 12px;text-align:left}[data-theme=dark] .message-content td,[data-theme=dark] .message-content th{border-bottom:1px solid #ffffff1a}.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 #0000001a;margin:16px 0}[data-theme=dark] .message-content hr{border-top:1px solid #ffffff1a}.agent-status-message{animation:statusPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 4px 12px #667eea4d;color:#fff;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{background:var(--bg-secondary);border-top:1px solid var(--border-primary);box-sizing:border-box;display:flex;gap:12px;padding:20px}.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;padding:12px 16px}.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}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.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}.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}.cost-badge{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;color:#ffc107;padding:2px 8px}.latency-badge{background:#6c757d1a;border:1px solid #6c757d4d;border-radius:12px;color:#6c757d;padding:2px 8px}.stop-button{align-items:center;background-color:#dc3545;border:none;border-radius:8px;color:#fff;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{background-color:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.stop-button:active{box-shadow:0 2px 6px #dc354533;transform:translateY(0)}.message.assistant .streaming-update{animation:pulse 1.5s ease-in-out infinite}.streaming-progress{color:#6c757d;font-size:14px;font-weight:500;margin-top:8px}.atoms-status{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;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:#fff}.progress-messages-container{background:#ffffff0d;border-left:3px solid #4caf50;border-radius:12px;margin:12px 0;max-width:600px;padding:12px}.progress-message{align-items:center;animation:slideIn .3s ease-out;color:#ffffffe6;display:flex;font-size:14px;gap:8px;padding:6px 0}.progress-message:not(:last-child){border-bottom:1px solid #ffffff1a;margin-bottom:6px;padding-bottom:6px}.progress-text{flex:1 1}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.conversation-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;order:0;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px}.conversation-sidebar.collapsed{width:0}.sidebar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);gap:8px;padding:11px 12px}.new-chat-btn,.sidebar-header{align-items:center;display:flex}.new-chat-btn{background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.new-chat-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.new-chat-btn:active{transform:scale(.98)}.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 12px;position:relative}.sidebar-search svg{color:var(--text-tertiary);left:20px;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 12px;-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 8px;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:#fff}.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:#fff;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;color:var(--text-secondary);height:24px;transition:all .15s ease;width:24px}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:#fff;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:#fff;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:#1c1c1e;border-right-color:#38383a}[data-theme=dark] .sidebar-header,[data-theme=dark] .sidebar-search{background:#1c1c1e;border-bottom-color:#38383a}[data-theme=dark] .search-input{background:#2c2c2e;border-color:#38383a}[data-theme=dark] .search-input:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff33}[data-theme=dark] .conversation-item:hover{background:#ffffff0d}[data-theme=dark] .conversation-item.active{background:#0a84ff}[data-theme=dark] .collapse-btn{border-color:#38383a}[data-theme=dark] .collapse-btn:hover{background:#ffffff0d}[data-theme=light] .conversation-sidebar{background:#f5f5f7;border-right-color:#d1d1d6}[data-theme=light] .sidebar-header,[data-theme=light] .sidebar-search{background:#f5f5f7;border-bottom-color:#d1d1d6}[data-theme=light] .search-input{background:#fff;border-color:#d1d1d6}[data-theme=light] .conversation-item:hover{background:#0000000a}[data-theme=light] .conversation-item.active{background:#007aff}[data-theme=light] .collapse-btn{border-color:#d1d1d6}[data-theme=light] .collapse-btn:hover{background:#0000000a}@media (prefers-color-scheme:dark){[data-theme=auto] .conversation-sidebar{background:#1c1c1e;border-right-color:#38383a}[data-theme=auto] .sidebar-header,[data-theme=auto] .sidebar-search{background:#1c1c1e;border-bottom-color:#38383a}[data-theme=auto] .search-input{background:#2c2c2e;border-color:#38383a}[data-theme=auto] .conversation-item:hover{background:#ffffff0d}[data-theme=auto] .conversation-item.active{background:#0a84ff}}.sidebar-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);box-sizing:border-box;margin-top:auto;padding:20.75px 12px}.settings-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 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:#1c1c1e;border-top-color:#38383a}[data-theme=dark] .settings-btn{border-color:#38383a}[data-theme=dark] .settings-btn:hover{background:#ffffff0d;border-color:#0a84ff;color:#0a84ff}[data-theme=light] .sidebar-footer{background:#f5f5f7;border-top-color:#d1d1d6}[data-theme=light] .settings-btn{border-color:#d1d1d6}[data-theme=light] .settings-btn:hover{background:#0000000a;border-color:#007aff;color:#007aff}[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-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.settings-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:24px 32px 16px}.settings-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-button:hover{background:#fee;color:#dc3545}.settings-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.settings-tabs{background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;padding:0}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s ease}.tab:hover{background:#fff;color:#2c3e50}.tab.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.settings-body{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.settings-section h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.setting-group{margin-bottom:24px}.setting-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;color:#2c3e50;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.setting-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.setting-input:disabled{background:#f8f9fa;color:#9ca3af;cursor:not-allowed}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:400!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{accent-color:#007bff;height:18px;margin-right:12px;width:18px}.setting-group small{color:#9ca3af;display:block;font-size:12px;font-style:italic;margin-top:4px}.tool-status-grid{background:#f8f9fa;border:1px solid #f0f0f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;padding:20px}.status-indicator{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;padding:12px;transition:all .2s ease}.status-indicator:hover{box-shadow:0 2px 8px #0000001a}.status-dot{flex-shrink:0;height:8px;margin-right:12px;width:8px}.status-indicator.connected .status-dot{background:#22c55e;box-shadow:0 0 0 2px #22c55e40,0 0 8px #22c55e66}.status-indicator.disconnected .status-dot{background:#9ca3af;box-shadow:0 0 0 2px #9ca3af33}.status-label{color:#2c3e50;font-weight:500;margin-right:auto}.status-text{border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.status-indicator.connected .status-text{background:#28a7451a;color:#28a745}.status-indicator.disconnected .status-text{background:#dc35451a;color:#dc3545}.action-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-right:12px;padding:12px 24px;text-transform:none;transition:all .2s ease}.action-button.primary{background:#007bff;color:#fff}.action-button.primary:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.action-button.secondary{background:#f8f9fa;border:1px solid #e1e5e9;color:#2c3e50}.action-button.secondary:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.action-button.danger{background:#dc3545;color:#fff}.action-button.danger:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.settings-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;justify-content:flex-end;padding:24px 32px}@media (max-width:768px){.settings-modal{max-height:95vh;width:95%}.settings-body,.settings-footer,.settings-header{padding:16px 20px}.tool-status-grid{grid-template-columns:1fr}.settings-footer{flex-direction:column;gap:12px}.action-button{margin-right:0;width:100%}}.ai-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:16px;text-align:center}.stat-card h4{color:var(--text-primary);font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-value{color:var(--accent-primary);font-size:24px;font-weight:600;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.stat-cost{color:#ffc107;font-size:16px;font-weight:500}.usage-summary{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:16px}.summary-item{border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item.savings{color:#22c55e;font-weight:600}.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:linear-gradient(135deg,#1a1a2e,#0f0f1e);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 #ffffff1a;display:flex;justify-content:space-between;padding:32px}.roi-title-section{flex:1 1}.roi-title{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.roi-subtitle{color:#fff9;font-size:16px;margin:0}.roi-controls{align-items:center;display:flex;gap:24px}.roi-period-selector{background:#ffffff0d;border-radius:12px;display:flex;gap:8px;padding:4px}.roi-period-selector button{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.roi-period-selector button:hover{background:#ffffff1a;color:#fff}.roi-period-selector button.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.roi-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff9;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:#ffffff08;border:1px solid #ffffff1a;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:#ffffff0d;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:#fff;font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:8px}.roi-metric-label{color:#fffc;font-size:14px;font-weight:600;margin-bottom:4px}.roi-metric-sublabel{color:#ffffff80;font-size:12px}.roi-chart-section{padding:0 32px 32px}.roi-chart-section h3{color:#fff;font-size:18px;margin-bottom:16px}.roi-chart{background:#ffffff08;border:1px solid #ffffff1a;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:#fff;font-size:10px;font-weight:600;padding:2px 6px}.roi-chart-label{color:#ffffff80;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:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.roi-breakdown-card h3{color:#fff;font-size:16px;margin:0 0 16px}.roi-category-list{display:flex;flex-direction:column;gap:12px}.roi-category-item{align-items:center;background:#ffffff05;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.roi-category-item:hover{background:#ffffff0d}.roi-category-info{display:flex;flex-direction:column;gap:4px}.roi-category-name{color:#fff;font-size:14px;font-weight:500;text-transform:capitalize}.roi-category-count{color:#ffffff80;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;background:#ffffff05;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.roi-provider-item:hover{background:#ffffff0d}.roi-provider-info{display:flex;flex-direction:column;gap:4px}.roi-provider-name{color:#fff;font-size:14px;font-weight:500}.roi-provider-stats{color:#ffffff80;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:#ffffff80;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:#fff;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 #ffffff1a;padding:24px 32px}.roi-footer-text{color:#fff9;font-size:14px;margin:0;text-align:center}.roi-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:100px}.roi-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4facfe;height:50px;width:50px}.roi-loading p{color:#fff9;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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffffb3;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:#ffffff80;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:#1a1a2e;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:#ffffff0d}.roi-dashboard::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.roi-dashboard::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.automation-dashboard-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;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:linear-gradient(135deg,#0f0f1e,#1a1a2e);border:1px solid #ffffff1a;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:#1a1a2ecc;padding:.875rem 1.5rem}.header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard-header h1{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.dashboard-header h1 svg{color:#00d9ff}.timezone-indicator{color:#a0a0a0;font-size:.813rem;gap:.5rem;padding:.5rem 1rem}.timezone-indicator svg{color:#00d9ff}.stats-overview{grid-gap:1rem;background:#0003;border-bottom:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:1rem 1.5rem}.stat-icon{align-items:center;border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.active{background:linear-gradient(135deg,#00d9ff,#09f)}.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:#14142399;border-right:1px solid #ffffff1a}.details-panel{background:#0f0f1999;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.panel-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;min-height:48px;padding:.625rem 1rem}.panel-header h2{color:#fff;font-size:1rem;font-weight:600;margin:0}.run-count{background:#ffffff0d;border-radius:12px;color:#a0a0a0;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:linear-gradient(135deg,#1e1e32cc,#28283ccc);border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:.875rem;transition:all .3s ease}.automation-card:hover{border-color:#00d9ff66;transform:translateX(4px)}.automation-card.selected{background:linear-gradient(135deg,#00d9ff26,#0099ff26);border-color:#00d9ff}.automation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.automation-header h3{color:#fff;flex:1 1;font-size:1.0625rem;font-weight:600;margin:0}.automation-description{color:#a0a0a0;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:#888;display:flex;font-size:.75rem;gap:.5rem}.meta-item svg{color:#00d9ff;flex-shrink:0}.automation-stats{border-top:1px solid #ffffff1a;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:#a0a0a0;margin-left:auto}.automation-actions{border-top:1px solid #ffffff1a;display:flex;gap:.5rem;padding-top:.75rem}.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:#1e1e3299;border:1px solid #ffffff1a;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:#ffffff05}.run-header-left{align-items:center;display:flex;gap:.75rem}.run-header-right{align-items:center;display:flex;gap:1rem}.run-date{color:#a0a0a0;font-size:.813rem}.run-duration{color:#00d9ff;font-size:.813rem;font-weight:500}.run-steps{color:#888;font-size:.75rem}.steps-failed{color:#ef4444;margin-left:.25rem}.run-details{background:#0003;border-top:1px solid #ffffff1a;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:#00d9ff;font-size:.813rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.btn-toggle{background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:6px;color:#00d9ff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.btn-toggle:hover{background:#00d9ff33;border-color:#00d9ff}.results-summary{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.result-item{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:.875rem}.result-step{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.step-number{color:#888;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 #00d9ff;border-radius:4px;color:#a0a0a0;font-size:.75rem;padding:.75rem}.people-found strong{color:#00d9ff;display:block;margin-bottom:.5rem}.people-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.person-preview{color:#e8e8e8;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:#666;padding:2rem;text-align:center}.no-results p{font-size:.875rem;margin:0}.code-block{background:#00000080;border:1px solid #ffffff1a;border-radius:6px;color:#a0a0a0;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:#0000004d;border-radius:6px;display:grid;font-size:.75rem;gap:.75rem;grid-template-columns:140px 90px 1fr;padding:.75rem}.log-timestamp{color:#666;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:#e8e8e8;line-height:1.5}.btn-icon,.btn-icon-small{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e8e8e8;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.active,.btn-icon:hover{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.btn-icon-small.danger:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.btn-primary{background:linear-gradient(135deg,#00d9ff,#09f);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:#666;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:#888;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:#666;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:#a0a0a0;font-size:1rem}.error-container svg{color:#ef4444}.error-container h2{color:#fff;margin:0 0 .5rem}.error-container p{margin:0 0 2rem}.loading-small{align-items:center;color:#a0a0a0;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:#0003;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 #ffffff1a;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}}.generator-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;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:linear-gradient(135deg,#1a1d29,#252935);border:1px solid #6366f133;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:#6366f10d;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;padding:24px}.generator-header h2{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:600;gap:8px;margin:0}.generator-subtitle{color:#94a3b8;font-size:14px;margin:8px 0 0}.btn-close{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close:hover{background:#ef444433;border-color:#ef4444}.generator-body{max-height:calc(85vh - 100px);overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#e2e8f0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group select{background:#0f172a99;border:1px solid #6366f14d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group select:hover{border-color:#6366f180}.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group select:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;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;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;gap:8px;padding:12px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 8px 20px #6366f166;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;color:#e2e8f0;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 #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.generated-content{background:#0f172a99;border:1px solid #6366f133;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:#e2e8f0;font-size:14px;line-height:1.8}.generated-content p{margin:0 0 12px}.generated-content strong{color:#fff;font-weight:600}.generated-content a{color:#60a5fa;text-decoration:underline}.generated-content code{background:#6366f133;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;color:#93c5fd;font-size:13px;line-height:1.5;padding:12px 16px}.generator-tip strong{color:#60a5fa}.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:#6366f14d;border-radius:4px}.generated-content::-webkit-scrollbar-thumb:hover,.generator-body::-webkit-scrollbar-thumb:hover{background:#6366f180}@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:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.affiliate-dashboard{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#14141efa,#1e1e2dfa);border:1px solid #ffffff1a;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{color:#a0a0a0;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.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:#00d4ff;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:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.affiliate-code-badge{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;color:#ffffffb3;display:flex;font-size:12px;gap:8px;padding:8px 12px;white-space:nowrap}.code-value{color:#00d4ff;font-family:Courier New,monospace;font-weight:600}.dashboard-content{padding:24px}.dashboard-content::-webkit-scrollbar-track{background:#ffffff05}.dashboard-content::-webkit-scrollbar-thumb{background:#ffffff1a}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.stats-grid{grid-gap:1rem;background:#0003;border-bottom:1px solid #ffffff1a;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:linear-gradient(135deg,#1a1a2ee6,#1e1e32e6);border:1px solid #ffffff1a;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:#a0a0a0;font-size:.813rem;font-weight:500}.stat-value{color:#fff;font-size:1.625rem;font-weight:700;line-height:1}.stat-value.accent-green{color:#10b981}.stat-value.accent-yellow{color:#f59e0b}.stat-value.accent-red{color:#ef4444}.stat-meta{color:#a0a0a0;font-size:.75rem;margin-top:0}.affiliate-section{background:#0000004d;border:1px solid #ffffff14;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:#fff;background:#0000;color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;text-shadow:none}.section-subtitle{-webkit-text-fill-color:#a0a0a0;background:#0000;color:#a0a0a0;font-size:14px;margin:0 0 20px;text-shadow:none}.affiliate-link-container{display:flex;gap:12px;margin-bottom:20px}.link-display{background:#0006;border:1px solid #ffffff1a;border-radius:8px;color:#00d4ff;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:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:16px;transition:all .2s ease}.action-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.action-icon{flex-shrink:0;font-size:20px}.next-payout-card{background:linear-gradient(135deg,#00ff881a,#00d4ff1a);border:1px solid #0f83;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:#fff;font-size:18px;font-weight:600;margin:0}.payout-card-content{display:flex;flex-direction:column;gap:8px}.payout-amount{color:#0f8;font-size:32px;font-weight:700}.payout-date{color:#fff9;font-size:14px}.stripe-connect-cta{align-items:center;background:linear-gradient(135deg,#a78bfa1a,#8b5cf61a);border:1px solid #a78bfa4d;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:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.cta-content p{color:#ffffffb3;font-size:14px;margin:0 0 16px}.recent-section{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:24px}.recent-section h3{color:#fff;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:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.conversion-item:hover{background:#ffffff0d;border-color:#ffffff26}.conversion-info{display:flex;flex-direction:column;gap:4px}.conversion-product{color:#fff;font-size:14px;font-weight:600}.conversion-date{color:#ffffff80;font-size:12px}.conversion-amounts{display:flex;flex-direction:column;gap:4px;text-align:right}.conversion-sale{color:#fff9;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:#00d4ff}.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:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.tab-header p{background:none!important;color:#fff9;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:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.empty-state p{background:none;color:#fff9;font-size:14px;margin:0 0 24px}.conversions-table,.payouts-table{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.table-header{grid-gap:16px;background:#0006;border-bottom:1px solid #ffffff1a;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:16px 20px}.th{color:#ffffff80;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 #ffffff0d;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:#ffffff08}.td{align-items:center;color:#ffffffb3;display:flex;font-size:14px}.td-highlight{color:#00d4ff;font-weight:700}.dashboard-footer{background:#0003;border-top:1px solid #ffffff1a;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:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#00d4ff;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:#00d4ff}.loading-state p{color:#ffffffb3;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:#fff9;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 #6366f14d;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:#6366f180}.time-range-selector:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.affiliate-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;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:#fff}.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)}}.auth-page{align-items:center;background:linear-gradient(135deg,#0a0a15,#1a1a2e 50%,#16213e);display:flex;height:100vh;justify-content:center;overflow:auto;padding:20px;width:100vw}.auth-container{background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 30px 80px #0009;display:grid;grid-template-columns:1fr 1fr;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.auth-branding{border-right:1px solid #ffffff1a;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:60px}.auth-logo{height:60px;margin-bottom:32px}.auth-title{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px}.auth-subtitle{color:#fff9;font-size:16px;margin-bottom:48px}.feature-list{display:flex;flex-direction:column;gap:24px}.feature-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:16px}.feature-icon{font-size:32px}.feature-content h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.feature-content p{color:#fff9;font-size:14px;margin:0}.auth-form-container{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;padding:40px}.clerk-auth-wrapper{margin:0 auto;max-width:480px;width:100%}.auth-toggle{border-bottom:2px solid #ffffff1a;display:flex;gap:0;margin-bottom:2rem}.toggle-btn{background:none;border:none;border-bottom:3px solid #0000;color:#fff9;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.875rem;transition:all .2s}.toggle-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.cl-rootBox{width:100%!important}.cl-card{background:#0000!important;box-shadow:none!important;padding:0!important}.cl-main{gap:1.25rem!important}.auth-footer{border-top:1px solid #ffffff1a;margin-top:2rem;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:#fff9;text-decoration:none;transition:all .2s}.footer-link:hover{color:#3b82f6;text-decoration:underline}.footer-separator{color:#ffffff4d}.cl-footer,.cl-footerAction,.cl-footerActionLink,.cl-footerActionText,.cl-identityPreviewText{display:none!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{display:flex!important;gap:.75rem!important;justify-content:space-between!important}.cl-otpCodeFieldInput,.cl-otpCodeFieldInput input{font-size:1.25rem!important;height:3rem!important;letter-spacing:0!important;min-width:3rem!important;padding:0!important;text-align:center!important;width:3rem!important}.cl-formFieldInput:not(.cl-otpCodeFieldInput){letter-spacing:normal!important}[class*=otpCode] input,[class*=verificationCode] input{margin:0 .25rem!important;min-width:3rem!important;width:3rem!important}.legal-page-container{align-items:flex-start;background:linear-gradient(135deg,#0a0a15,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:60px 20px;width:100vw}.legal-page-content{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 24px 48px #00000080;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:#fff;font-size:36px;font-weight:700;margin:0 0 12px}.legal-effective-date{color:#a0a0a0;font-size:14px;margin:0}.legal-tabs{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:8px;margin:32px 0;padding:4px}.legal-tab{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.legal-tab:hover{background:#ffffff0d;color:#fffc}.legal-tab.active{background:linear-gradient(135deg,#00d4ff,#09f);box-shadow:0 4px 12px #00d4ff4d;color:#000}.legal-body{color:#ffffffe6;line-height:1.8}.legal-intro{background:#00d4ff0d;border-left:3px solid #00d4ff;border-radius:8px;color:#fffc;font-size:16px;margin-bottom:24px;padding:20px}.legal-toc{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin:32px 0;padding:24px}.legal-toc h3{color:#00d4ff;font-size:18px;font-weight:600;margin:0 0 16px}.legal-toc ol{color:#fffc;margin:0;padding-left:24px}.legal-toc li{font-size:15px;margin-bottom:8px}.legal-section{border-bottom:1px solid #ffffff14;margin-bottom:40px;padding-bottom:32px}.legal-section:last-child{border-bottom:none}.legal-section h2{align-items:center;color:#fff;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:#00d4ff;font-size:20px;font-weight:600;margin:32px 0 16px}.legal-section h4{color:#ffffffe6;font-size:16px;font-weight:600;margin:24px 0 12px}.legal-section p{color:#fffc;font-size:15px;line-height:1.8;margin-bottom:16px}.legal-section ol,.legal-section ul{color:#fffc;margin:16px 0;padding-left:28px}.legal-section li{font-size:15px;line-height:1.7;margin-bottom:12px}.legal-section strong{color:#fff;font-weight:600}.legal-warning{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:gold;margin:20px 0;padding:16px}.legal-warning strong{color:gold}.legal-contact{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:8px;margin:20px 0;padding:20px}.legal-contact p{color:#ffffffe6;margin:4px 0}.legal-contact a{color:#00d4ff;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:#ffffffb3;font-size:14px;margin:8px 0}.legal-update-note{color:#a0a0a0;font-size:13px;font-style:italic}a{color:#00d4ff;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:#ffffff0d}.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:#0003;border-bottom:1px solid #ffffff1a;padding:24px 32px}.wizard-title{align-items:center;display:flex;gap:16px;margin-bottom:20px}.wizard-title svg{color:#00d4ff;flex-shrink:0}.wizard-title h2{color:#fff;font-size:24px;font-weight:600;margin:0}.wizard-title p{color:#fff9;font-size:14px;margin:4px 0 0}.wizard-progress{align-items:center;display:flex;gap:12px}.progress-text{color:#fffc;font-size:13px;font-weight:500;min-width:100px;white-space:nowrap}.progress-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00d4ff,#0095ff);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:#0003}.wizard-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.wizard-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.step-icon{align-items:center;background:#00d4ff1a;border:2px solid #00d4ff4d;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.step-icon svg{color:#00d4ff}.step-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 12px}.step-subtitle{color:#ffffffb3;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:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:15px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.wizard-input:focus,.wizard-textarea:focus{background:#ffffff14;border-color:#00d4ff80;box-shadow:0 0 0 4px #00d4ff1a;outline:none}.wizard-input::placeholder,.wizard-textarea::placeholder{color:#fff6}.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:#00d4ff33;border:1px solid #00d4ff66;border-radius:10px;color:#00d4ff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.add-btn:hover:not(:disabled){background:#00d4ff4d;border-color:#00d4ff99;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:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease}.list-item:hover{background:#ffffff14;border-color:#fff3}.list-item span{color:#fff;font-size:15px}.list-item button{align-items:center;background:#ff46461a;border:1px solid #ff46464d;border-radius:6px;color:#ff4646;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:#ff464633;border-color:#ff464680;transform:scale(1.1)}.optional-hint{color:#ffffff80;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:#ffffff0d;border:2px solid #ffffff1a;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:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.option-card.selected,.select-card.selected{background:#00d4ff26;border-color:#00d4ff80;box-shadow:0 4px 16px #00d4ff33}.option-emoji{font-size:32px;margin-bottom:4px}.option-label{color:#ffffffe6;font-size:14px;font-weight:500}.check-icon{color:#00d4ff;position:absolute;right:8px;top:8px}.wizard-footer{align-items:center;background:#0003;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 32px}.wizard-nav{display:flex;gap:12px}.wizard-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;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:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.wizard-btn.primary{background:linear-gradient(135deg,#00d4ff,#0095ff);border:none;box-shadow:0 4px 16px #00d4ff4d;color:#fff}.wizard-btn.primary:hover{box-shadow:0 6px 24px #00d4ff66;transform:translateY(-2px)}.wizard-btn.secondary{background:#0000;border-color:#fff3}.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:#00d4ff}.pulse{animation:pulse 2s ease-in-out infinite}.wizard-generating h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 12px}.wizard-generating>p{color:#ffffffb3;font-size:16px;margin:0 0 24px}.generation-progress-bar{background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;height:12px;margin-bottom:12px;max-width:500px;overflow:hidden;width:100%}.generation-progress-fill{background:linear-gradient(90deg,#00d4ff,#0095ff);border-radius:6px;box-shadow:0 0 10px #00d4ff80;height:100%;transition:width .5s ease}.generation-progress-text{color:#fffc;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:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff9;display:flex;font-size:15px;gap:12px;padding:16px 20px;transition:all .3s ease}.gen-step svg{color:#fff6;flex-shrink:0}.gen-step.active{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.gen-step.active svg{color:#00d4ff}.gen-step.complete{background:#00ff881a;border-color:#00ff884d;color:#0f8}.gen-step.complete svg{color:#0f8}@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:#0a0a0f;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.dashboard-content-direct{box-sizing:border-box;color:#fff;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:#ffffff0d!important;border:1px solid #ffffff1a!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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.dashboard-content-direct .stat-number{color:#00d4ff;font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.dashboard-content-direct .stat-label{color:#ffffffb3;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:#00ff881a;color:#0f8}.dashboard-content-direct .trend-down{background:#ff46461a;color:#ff4646}.renderer-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.renderer-loading p{color:#ffffffb3;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:#ff4646}.renderer-error h3{color:#fff;font-size:24px;margin:0}.renderer-error p{color:#ffffffb3;font-size:16px;margin:0 0 20px}.retry-btn{align-items:center;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#00d4ff40;border-color:#00d4ff;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:#0003;border-radius:5px}.dashboard-renderer::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:5px}.dashboard-renderer::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.custom-dashboard-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.custom-dashboard{background:linear-gradient(135deg,#14141efa,#1e1e2dfa);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;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:#0003;border-bottom:1px solid #ffffff1a;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:#00d4ff;flex-shrink:0}.header-title h1{color:#fff;font-size:22px;font-weight:600;margin:0}.header-subtitle,.header-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-subtitle{color:#fff9;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:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;display:flex;font-size:14px;gap:8px;padding:8px 12px;white-space:nowrap}.timezone-indicator svg{color:#00d4ff;flex-shrink:0}.btn-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon.active{background:#00d4ff26;border-color:#00d4ff4d;color:#00d4ff}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.active{background:#00d4ff33;border-color:#00d4ff66;color:#00d4ff}.close-btn{align-items:center;background:#ff46461a;border:1px solid #ff46464d;border-radius:8px;color:#ff4646;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-btn:hover{background:#ff464633;border-color:#ff464680;transform:scale(1.05)}.btn-delete-dashboard{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;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:#ef444433;border-color:#ef4444;color:#ff6b6b;transform:translateY(-1px)}.view-mode-toggle button{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;padding:6px 10px;transition:all .2s ease}.view-mode-toggle button.active{background:#00d4ff33;color:#00d4ff}.view-mode-toggle button:hover:not(.active){color:#ffffffe6}.dashboard-tabs{background:#00000026;border-bottom:1px solid #ffffff1a;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:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;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:#ffffff1a;color:#fff}.tab-button.active{background:linear-gradient(135deg,#00d4ff,#0095ff);border-color:#0000;box-shadow:0 4px 12px #00d4ff4d;color:#fff}.tab-button.add-tab{align-items:center;display:flex;justify-content:center;padding:8px;width:36px}.dashboard-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;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:#ffffff1a;border-color:#fff3}.btn-new-dashboard{align-items:center;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;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:#00d4ff33;border-color:#00d4ff80;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:#0003}.dashboard-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.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:#ff4646}.dashboard-error-boundary h3{color:#fff;font-size:20px;font-weight:600;margin:0}.dashboard-error-boundary p{color:#ffffffb3;font-size:14px;margin:0;max-width:500px}.dashboard-error-boundary button{background:#ff46461a;border:1px solid #ff46464d;border-radius:8px;color:#ff4646;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.dashboard-error-boundary button:hover{background:#ff464633;border-color:#ff464680;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:#ff46461a;border:1px solid #ff46464d;border-radius:8px;color:#ff4646;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-btn-empty:hover{background:#ff464633;border-color:#ff464680;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:#ffffff4d;margin-bottom:10px}.empty-content h2{color:#fff;font-size:28px;font-weight:600;margin:0}.empty-content p{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0}.empty-subtext{color:#ffffff80!important;font-size:14px!important}.btn-create-dashboard{align-items:center;background:linear-gradient(135deg,#00d4ff,#0095ff);border:none;border-radius:10px;box-shadow:0 4px 20px #00d4ff4d;color:#fff;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{box-shadow:0 6px 30px #00d4ff66;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:#00d4ff}.dashboard-loading p{color:#ffffffb3;font-size:16px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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}}.app{background:var(--bg-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;height:100vh;overflow:hidden;width:100vw}[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:260px}.conversation-sidebar-container.collapsed{margin-left:-260px}.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);display:flex;gap:16px;justify-content:space-between;padding:12px 20px;position:relative}.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 #007aff;border-radius:6px;color:#007aff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .2s;width:32px}.sidebar-toggle-btn:hover{background:#007aff1a;border-color:#007aff;color:#007aff;transform:scale(1.05)}.app-branding{align-items:center;display:flex;gap:12px}.app-branding img{flex-shrink:0;height:32px}.app-title{color:#007aff;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:#fff;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 #22c55e;border-radius:16px;color:#22c55e;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.status-badge[style*="cursor: pointer"]:hover{background:#ef444426;border:1px solid #ef4444;color:#ef4444;transform:scale(1.05)}.status-badge[style*="cursor: pointer"]:active{transform:scale(.98)}.status-badge.success{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.status-badge.warning{background:#facc151a;border:1px solid #eab308;color:#eab308}.status-badge.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.sidebar:not(.conversation-sidebar){display:none!important}[data-theme=dark] .header-controls{background:#1c1c1e;border-bottom-color:#38383a}[data-theme=dark] .sidebar-toggle-btn{border-color:#0a84ff;color:#0a84ff}[data-theme=dark] .sidebar-toggle-btn:hover{background:#0a84ff1a;border-color:#0a84ff;color:#0a84ff;transform:scale(1.05)}[data-theme=dark] .app-title{color:#0a84ff}[data-theme=dark] .app-subtitle{color:#8e8e93}[data-theme=light] .header-controls{background:#fff;border-bottom-color:#d1d1d6}[data-theme=light] .sidebar-toggle-btn{border-color:#007aff;color:#007aff}[data-theme=light] .sidebar-toggle-btn:hover{background:#007aff1a;border-color:#007aff;color:#007aff;transform:scale(1.05)}[data-theme=light] .app-title{color:#007aff}[data-theme=light] .app-subtitle{color:#8e8e93}@media (prefers-color-scheme:dark){[data-theme=auto] .header-controls{background:#1c1c1e;border-bottom-color:#38383a}[data-theme=auto] .sidebar-toggle-btn{border-color:#0a84ff;color:#0a84ff}[data-theme=auto] .sidebar-toggle-btn:hover{background:#0a84ff1a;border-color:#0a84ff;color:#0a84ff;transform:scale(1.05)}[data-theme=auto] .app-title{color:#0a84ff}[data-theme=auto] .app-subtitle{color:#8e8e93}}@media (max-width:768px){.conversation-sidebar-container{position:absolute;z-index:100}.main-container{flex:1 1}.app-branding{gap:8px}.app-branding img{height:28px}.app-subtitle{font-size:10px}}.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:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:2px 6px;transition:all .3s}.hb-stop-btn:hover{animation:zap .3s;background:red;box-shadow:0 0 10px #ff000080}@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}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-modal:#fff;--bg-sidebar:#f8f9fa;--bg-overlay:#00000080;--bg-input:#fff;--bg-hover:#007bff14;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--text-muted:#868e96;--text-on-accent:#fff;--text-link:#007bff;--border-primary:#dee2e6;--border-secondary:#e9ecef;--accent-primary:#007bff;--accent-hover:#0056b3;--accent-success:#28a745;--accent-danger:#dc3545;--bg-message-user:#e3f2fd;--bg-message-assistant:#f5f5f5;--input-placeholder:#6c757d;--button-primary-bg:#007bff;--button-primary-hover:#0056b3}[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-danger:#ff4458;--bg-message-user:#1e3a5f;--bg-message-assistant:#2d3139;--input-placeholder:#8a8d91;--button-primary-bg:#00bfff;--button-primary-hover:#09c}@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-danger:#ff4458;--bg-message-user:#06c;--bg-message-assistant:#2d3139;--input-placeholder:#8a8d91;--button-primary-bg:#00bfff;--button-primary-hover:#09c}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background:#fff;background:var(--bg-primary);color:#212529;color:var(--text-primary)}.app{background:#fff!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:#212529!important;color:var(--text-primary)!important}.settings-header{background:#f8f9fa!important;background:var(--bg-secondary)!important;border-bottom:1px solid #dee2e6!important;border-bottom:1px solid var(--border-primary)!important}.settings-header h2{color:#212529!important;color:var(--text-primary)!important}.close-button{background:#0000!important;color:#495057!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:#f8f9fa!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:#495057!important;color:var(--text-secondary)!important}.tab:hover{background:#007bff14!important;background:var(--bg-hover)!important;color:#212529!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:#fff!important;background:var(--bg-primary)!important}.settings-body{color:#212529!important;color:var(--text-primary)!important}.settings-section{background:#0000!important}.settings-section h3{color:#212529!important;color:var(--text-primary)!important;font-weight:600!important}.settings-footer{background:#f8f9fa!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:#212529!important;color:var(--text-primary)!important}.setting-group small{color:#6c757d!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:#212529!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:#212529!important;color:var(--text-primary)!important}.action-button{background:#e9ecef!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:#e9ecef!important;background:var(--bg-tertiary)!important;color:#212529!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:#f8f9fa!important;background:var(--bg-sidebar)!important;border-right:1px solid #dee2e6!important;border-right:1px solid var(--border-primary)!important}.logo,.sidebar{color:#212529!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:#495057!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:#212529!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:#212529!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:#868e96!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:#212529!important;color:var(--text-primary)!important;font-size:12px!important;font-weight:600!important}.footer-subtitle{color:#6c757d!important;color:var(--text-tertiary)!important;font-size:11px!important}.chat-interface{background:#fff!important;background:var(--bg-primary)!important;color:#212529!important;color:var(--text-primary)!important}.chat-header{background:#f8f9fa!important;background:var(--bg-secondary)!important;border-bottom:1px solid #dee2e6!important;border-bottom:1px solid var(--border-primary)!important}.chat-header h2{color:#212529!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:#fff!important;background:var(--bg-primary)!important}.welcome-message{color:#212529!important;color:var(--text-primary)!important}.welcome-message h3{color:#007bff!important;color:var(--accent-primary)!important}.welcome-message li,.welcome-message p{color:#495057!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:#007aff!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{background:#0000!important;color:#fff!important}[data-theme=dark] .message.user{background:#0a84ff!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:#6c757d!important;color:var(--text-tertiary)!important}.input-form{background:#f8f9fa!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:#212529!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:#e9ecef!important;background:var(--bg-tertiary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important;color:#212529!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:#212529!important;color:var(--text-primary)!important}.status-text{color:#495057!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:#868e96!important;background:var(--text-muted)!important;border-color:#868e96!important;border-color:var(--text-muted)!important;box-shadow:none!important}.tool-status-grid .status-indicator .status-label{color:#212529!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:#6c757d!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:#868e96!important;color:var(--text-muted)!important}[data-theme=dark] .tool-status-grid .status-indicator{background:#e9ecef!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:#e9ecef!important;background:var(--bg-tertiary)!important;border-radius:8px;display:flex;gap:8px;margin:10px 0;padding:8px}.theme-option{background:#f8f9fa!important;background:var(--bg-secondary)!important;border:2px solid #dee2e6!important;border:2px solid var(--border-primary)!important;border-radius:6px;color:#212529!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}[data-theme=dark] .modal,[data-theme=dark] [class*=Modal],[data-theme=dark] [class*=dialog],[data-theme=dark] [class*=overlay],[data-theme=dark] [role=dialog]{background:#fff!important;background:var(--bg-modal)!important;color:#212529!important;color:var(--text-primary)!important}[data-theme=dark] [class*=header]{background:#f8f9fa!important;background:var(--bg-secondary)!important;color:#212529!important;color:var(--text-primary)!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#fff!important;background:var(--bg-input)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important;color:#212529!important;color:var(--text-primary)!important}[data-theme=dark] button,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#212529!important;color:var(--text-primary)!important}[data-theme=dark] p{color:#495057!important;color:var(--text-secondary)!important}[data-theme=dark] label{color:#212529!important;color:var(--text-primary)!important}[data-theme=dark] small{color:#6c757d!important;color:var(--text-tertiary)!important}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#868e96;background:var(--text-muted)}.usage-section{background:#e9ecef!important;background:var(--bg-tertiary)!important;border:1px solid #dee2e6!important;border:1px solid var(--border-primary)!important}.usage-section,.usage-section h3{color:#212529!important;color:var(--text-primary)!important}.usage-bar{background:#f8f9fa!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:#495057!important;color:var(--text-secondary)!important}
/*# sourceMappingURL=main.757f7778.css.map*/