.auth-page{min-height:100vh;width:100vw;background:#1e1e1e;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.auth-input{width:100%;min-height:48px;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;transition:all .2s ease}.auth-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef733}.login-btn{background:#4f6ef7;color:#fff;min-height:48px;padding:14px 16px;border-radius:8px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.login-btn:hover{background:#4460e6;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.auth-link{color:#4f6ef7;text-decoration:none;padding:8px;margin:-8px;cursor:pointer;transition:color .2s ease}.auth-link:hover{color:#60a5fa}.google-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:14px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;cursor:pointer;transition:all .2s ease}.google-btn:hover{background:#ffffff0d;border-color:#fff3}.sidebar-container{width:256px;height:100vh;background:var(--background-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100}.mobile-menu-button.active{display:none}.sidebar-header{padding:16px;background:#10100e;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:12px}.logo-text{color:var(--text-primary);font-weight:600;font-size:16px}.sidebar-content{padding:16px;display:flex;background:#10100e;flex-direction:column;gap:24px;overflow-y:auto;height:calc(100vh - 70px)}.mode-section{display:flex;flex-direction:column;gap:16px}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mode-button{width:100%!important;padding:8px!important;font-size:14px!important;text-transform:none!important;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.mode-button:hover{background:var(--background-secondary)}.mode-button.active{background:var(--primary-color-transparent);border-color:var(--primary-color);color:var(--primary-color)}.mode-button svg{width:20px;height:20px}.bots-section{display:flex;flex-direction:column;gap:12px}.bots-heading{font-size:14px;color:var(--text-secondary);margin:0;padding:0 0 8px;border-bottom:1px solid var(--border-color)}.bot-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;border-radius:6px;transition:all .2s;position:relative}.bot-button:hover{background:var(--background-secondary)}.bot-button.active{background:var(--background-secondary);color:var(--primary-color)}.bot-button svg{width:20px;height:20px}.status-indicators{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:6px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.active{background:#4caf50}.status-dot.inactive{background:#f44}.status-dot.connecting{background:#ffc107;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.context-dot{width:6px;height:6px;border-radius:50%;background:#64b5f6;opacity:.5}.context-dot.enabled{opacity:1}.chats-section{display:flex;flex-direction:column;gap:12px}.chats-header{display:flex;align-items:center;justify-content:space-between}.chats-heading{font-size:14px;color:var(--text-secondary);margin:0;padding:0 0 8px;border-bottom:1px solid var(--border-color);flex:1}.new-chat-button{background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s ease;margin-left:8px}.new-chat-button:hover{opacity:1;transform:scale(1.1)}.chats-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.chats-list::-webkit-scrollbar{width:4px}.chats-list::-webkit-scrollbar-thumb{background:#3d4150;border-radius:2px}.chat-item-container{position:relative;display:flex;align-items:center;border-radius:6px;transition:all .2s}.chat-item-container:hover .delete-chat-button{opacity:1;visibility:visible}.chat-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:13px;border-radius:6px;transition:all .2s;overflow:hidden;text-align:left}.chat-item:hover{background:var(--background-secondary)}.chat-item.active{background:var(--primary-color-transparent);color:var(--primary-color)}.chat-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-date{font-size:10px;color:var(--text-secondary);opacity:.7}.delete-chat-button{background:none;border:none;color:var(--text-secondary);opacity:0;visibility:hidden;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;position:absolute;right:6px;transition:all .2s ease}.delete-chat-button:hover{background-color:#ff00001a;color:#ff4d4f}.chat-item-container:hover .chat-item{padding-right:36px}.chats-empty{padding:8px;text-align:center;color:var(--text-secondary);font-size:13px;opacity:.7}.view-all-chats{background:none;border:none;color:var(--primary-color);font-size:12px;padding:6px;text-align:center;cursor:pointer;opacity:.8;margin-top:4px}.view-all-chats:hover{opacity:1;text-decoration:underline}.mobile-menu-button{display:none;position:fixed;left:16px;top:16px;z-index:1001;width:44px;height:44px;border-radius:12px;background:var(--background-primary);border:1px solid var(--border-color);cursor:pointer;padding:10px;transition:all .2s ease}.mobile-menu-button:hover{background:var(--background-secondary);border-color:var(--accent-color)}.menu-icon{width:100%;height:2px;background:var(--text-primary);position:relative;transform:translateY(-50%);transition:all .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:100%;height:2px;background:var(--text-primary);left:0;transition:all .3s ease}.menu-icon:before{top:-8px}.menu-icon:after{bottom:-8px}.mobile-menu-button.active .menu-icon{background:transparent}.mobile-menu-button.active .menu-icon:before{top:0;transform:rotate(45deg)}.mobile-menu-button.active .menu-icon:after{bottom:0;transform:rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1}@media (max-width: 1368px){.sidebar-container{transform:translate(-100%);transition:transform .3s ease;width:100%;max-width:320px}.sidebar-container.mobile-open{transform:translate(0)}.mobile-menu-button{display:block}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-overlay.active{display:block;opacity:1;pointer-events:auto}.chat-main{margin-left:0}.mode-buttons{display:flex;flex-direction:column}.mode-button{width:100%!important;margin:0!important;padding:12px!important}.close-menu-button{color:var(--text-primary)!important;background:none;border:none;cursor:pointer}}.chat-container{display:flex;height:100vh;background:#262624;position:relative;color:#e8eaed}.chat-main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto 0 256px;transition:margin-left .3s ease}.messages-container{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:24px;scroll-behavior:smooth;margin:0 auto;width:100%;background:#262624}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#262624}.messages-container::-webkit-scrollbar-thumb{background:#3d4150;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#4d526a}.messages-list{display:flex;flex-direction:column;gap:16px;width:100%;max-width:900px;margin:0 auto;padding:0 20px}.message-ai{background:#1a1d29;color:#e8eaed;margin:0 auto 0 0;padding:10px 16px;border-radius:8px;max-width:100%;word-wrap:break-word;box-shadow:0 0 10px #0096ff33;transition:all .25s;animation:messageSlide .3s ease-out;border:1px solid #0096FF;position:relative;overflow:hidden;align-self:flex-start}.message-ai:hover{box-shadow:0 0 15px #0096ff4d}.message-ai:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#0096ff;box-shadow:0 0 10px #0096ffcc}.message-user{background:#2e3243;color:#fff;padding:20px 24px;border-radius:8px;max-width:92%;word-wrap:break-word;box-shadow:0 1px 6px #0000001a;transition:all .25s;animation:messageSlide .3s ease-out;position:relative;overflow:hidden;margin:0 0 0 auto;align-self:flex-end;border:1px solid #40465c}.message-user:hover{box-shadow:0 2px 10px #00000026}.message-error{border:none;background:#421f24;color:#fff;margin:0 auto 0 0;padding:20px 24px;border-radius:8px;max-width:92%;word-wrap:break-word;box-shadow:0 1px 6px #0000001a;transition:all .25s;animation:messageSlide .3s ease-out;position:relative;overflow:hidden;align-self:flex-start;border:1px solid #e53e3e33}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;color:#ffffffb3}.message-ai .message-header{color:#ffffffb3}.message-user .message-header{color:#ffffffe6}.message-actions{display:flex;gap:8px}.copy-button{background:#0096ff1a;border:1px solid rgba(0,150,255,.2);color:#ffffffb3;width:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;margin-left:8px;z-index:5}.copy-button:hover{background:#0096ff33;color:#0096ff;box-shadow:0 0 10px #0096ff33}.copy-button:active{transform:translateY(1px)}.copy-button.copied{color:#10a37f;background:#10a37f1a;border-color:#10a37f4d}.copy-button.copied:after{content:"Copied";position:absolute;bottom:-30px;right:-10px;background:#10a37f1a;color:#10a37f;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;border:1px solid rgba(16,163,127,.3);animation:fadeOut 2s forwards;z-index:10}.copy-tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#0096ff1a;color:#ffffffe6;padding:3px 6px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid rgba(0,150,255,.2);z-index:10}.copy-button:hover .copy-tooltip{opacity:1}.message-content{color:inherit;line-height:1.6;font-size:15px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;position:relative;margin-top:5px}.message-content pre{background:#001e3c4d;border-radius:8px;padding:16px;overflow-x:auto;margin:12px 0;border:1px solid rgba(0,150,255,.1)}.message-content code{font-family:JetBrains Mono,Fira Code,monospace;font-size:14px}.message-cost{position:absolute;top:3px;font-size:11px;color:#fffc;background:#0096ff33;padding:2px 8px;border-radius:20px;font-weight:500;letter-spacing:.3px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;border:1px solid rgba(0,150,255,.3);z-index:5}.message-cost:before{content:"$";margin-right:4px;font-size:10px;color:#0096ff}.input-container{border-top:1px solid rgba(0,150,255,.3);padding:20px 24px;background:#262624;width:100%;margin-top:auto;position:relative}.input-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,150,255,.6),transparent);z-index:1}.input-group{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px;position:relative}.model-selector{width:100%;display:flex;justify-content:flex-end;margin-bottom:12px;position:relative}.model-select{width:150px;padding:8px 10px;background:#001e3c33;border:1px solid rgba(0,150,255,.3);border-radius:6px;color:#e8eaed;font-size:13px;cursor:pointer;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230096FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;box-shadow:0 0 10px #0032641a;direction:rtl}.model-select:disabled{opacity:.6;cursor:not-allowed}.model-select:hover:not(:disabled){border-color:#0096ff;box-shadow:0 0 15px #0096ff33}.model-select:focus{outline:none;border-color:#0096ff;box-shadow:0 0 15px #0096ff4d}.model-select option{direction:ltr;background-color:#1f1f1f}.input-wrapper{position:relative;width:100%;display:flex;align-items:center}.chat-input{width:100%;min-height:52px;max-height:200px;padding:10px 100px 10px 18px;background:#001e3c33;border:1px solid rgba(0,150,255,.3);border-radius:8px;color:#e8eaed;font-size:15px;line-height:1.6;resize:none;transition:all .2s;box-shadow:0 0 10px #0032641a,inset 0 0 5px #001e3c33}.chat-input:focus{outline:none;border-color:#0096ff;box-shadow:0 0 15px #0096ff33}.send-button{position:absolute;right:8px;bottom:8px;padding:8px 16px;background:linear-gradient(135deg,#0096ff,#0057b8);color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 0 10px #0096ff4d}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#00a6ff,#0062cc);box-shadow:0 0 15px #0096ff66}.send-button:active:not(:disabled){transform:translateY(1px)}.send-button:disabled{opacity:.5;cursor:not-allowed;background:#4a4f5c;box-shadow:none}.welcome-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#e8eaed;text-align:center;padding:20px}.welcome-screen h2{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff}.welcome-screen p{color:#a0a8b8;font-size:16px}.logo-container{margin-bottom:10px;position:relative}.logo-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#0096ff1a;border-radius:50%;filter:blur(15px);z-index:-1}.code-artifact{margin:12px 0;border-radius:8px;overflow:hidden;background:#001e3c4d;border:1px solid rgba(0,150,255,.2);box-shadow:0 0 10px #0096ff1a;transition:all .25s}.code-artifact:hover{box-shadow:0 0 15px #0096ff33;border-color:#0096ff4d}.artifact-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#001e3c80;border-bottom:1px solid rgba(0,150,255,.2)}.artifact-title{font-weight:500;color:#ffffffe6;font-size:13px}.artifact-language{font-size:12px;color:#0096ff;padding:2px 8px;background:#0096ff1a;border-radius:4px;border:1px solid rgba(0,150,255,.2);font-weight:500}.copy-artifact-button{background:#0096ff1a;border:1px solid rgba(0,150,255,.2);color:#ffffffb3;width:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;z-index:5}.copy-artifact-button:hover{background:#0096ff33;color:#0096ff;box-shadow:0 0 10px #0096ff33}.copy-artifact-button:active{transform:translateY(1px)}.copy-artifact-button.copied{color:#10a37f;background:#10a37f1a;border-color:#10a37f4d}.copy-artifact-button.copied:after{content:"Copied";position:absolute;bottom:-30px;right:-10px;background:#10a37f1a;color:#10a37f;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;border:1px solid rgba(16,163,127,.3);animation:fadeOut 2s forwards;z-index:10}.artifact-content{margin:0;padding:16px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.5;color:#e8eaed;background:#0003}.artifact-content code{display:block;width:100%}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width: 1368px){.chat-main{margin-left:0}.chat-sidebar{position:absolute;z-index:10;width:260px;box-shadow:5px 0 20px #0000004d}.chat-sidebar.closed{transform:translate(-100%)}}@media (max-width: 768px){.messages-container{padding:16px;gap:16px}.message-ai,.message-user,.message-error{max-width:99%;padding:16px 20px}.message-content{font-size:14px}.input-container{padding:16px}.model-select{width:130px;font-size:12px}.chat-input{padding:12px 90px 12px 16px;font-size:14px;min-height:48px}.send-button{padding:6px 14px;font-size:13px}.welcome-screen h2{font-size:22px}.welcome-screen p{font-size:14px}.code-artifact{margin:10px 0}.artifact-header{padding:6px 10px}.artifact-content{padding:12px;font-size:13px}}@media (max-width: 480px){.messages-container{padding:12px;gap:12px}.message-ai,.message-user,.message-error{max-width:98%;padding:14px 16px}.message-header{font-size:12px}.message-content{font-size:13px}.model-select{width:120px;font-size:11px;padding:6px 8px}.chat-input{min-height:44px;padding:10px 80px 10px 14px;font-size:13px}.send-button{padding:5px 12px;font-size:12px;right:6px;bottom:6px}.code-artifact{margin:8px 0}.artifact-title{font-size:12px}.artifact-language{font-size:10px;padding:1px 6px}.artifact-content{padding:10px;font-size:12px}}.voice-container{display:flex;height:100vh;width:100%;background-color:#1c1c1c}.sidebar{width:260px;background-color:#242424;border-right:1px solid #323232;display:flex;flex-direction:column;padding:20px}.logo-container{display:flex;align-items:center;gap:10px;margin-bottom:30px;color:#0096ff;font-weight:600;font-size:18px}.mode-toggle{display:flex;margin-bottom:20px;border-radius:6px;overflow:hidden;border:1px solid #323232}.mode-button{flex:1;padding:8px;text-align:center;background-color:#2c2c2c;border:none;color:#9ca3af;cursor:pointer;transition:background-color .2s,color .2s}.mode-button.active{background-color:#0096ff;color:#fff}.mode-button:hover:not(.active){background-color:#383838}.balance-display{padding:15px;background-color:#1c1c1c;border-radius:6px;display:flex;flex-direction:column;gap:5px;color:#9ca3af;font-size:14px}.balance-display div:last-child{color:#fff;font-weight:600;font-size:16px}.voice-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px;overflow-y:auto}.voice-card{background-color:#242424;border-radius:8px;width:100%;max-width:800px;padding:24px;box-shadow:0 4px 6px #0000001a;border:1px solid #323232}.voice-title{font-size:24px;margin-bottom:24px;color:#0096ff;text-align:center}.voice-controls{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#2a2a2a;border-radius:8px;margin-bottom:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#9ca3af;font-size:14px}.control-group select,.control-group input{padding:8px;background-color:#383838;border:1px solid #4A4A4A;border-radius:4px;color:#fff}.control-group select{height:36px}.voice-input-area{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.voice-textarea{width:100%;padding:12px;background-color:#2c2c2c;border:1px solid #383838;border-radius:6px;color:#fff;font-size:16px;resize:vertical}.voice-textarea:focus{outline:none;border-color:#0096ff}.generate-button,.stop-button,.download-button{padding:12px 16px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:center;display:inline-block;text-decoration:none}.generate-button{background-color:#0096ff;color:#fff}.generate-button:hover:not(:disabled){background-color:#0085e5}.generate-button:disabled{background-color:#3a3a3a;cursor:not-allowed;opacity:.7}.stop-button{background-color:#e53e3e;color:#fff}.stop-button:hover{background-color:#c53030}.download-button{background-color:#4caf50;color:#fff}.download-button:hover{background-color:#43a047}.audio-player{margin-top:20px;margin-bottom:16px;padding:16px;background-color:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:16px}.audio-control{width:100%;border-radius:4px}.message{margin-top:16px;padding:10px;text-align:center;color:#9ca3af;font-size:14px}@media (max-width: 768px){.voice-container{flex-direction:column}.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:1000;transition:left .3s ease;width:260px;background-color:#242424;box-shadow:2px 0 8px #0003}.sidebar.open{left:0}.mobile-menu-toggle{display:flex;position:fixed;left:20px;top:20px;z-index:1001;background:#242424;border:1px solid #323232;color:#0096ff;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.mobile-menu-toggle:hover{background:#2a2a2a}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-overlay.open{display:block}.voice-content{padding-top:60px}.voice-controls,.audio-player{flex-direction:column}}.settings-container{max-width:800px;margin:0 auto;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.settings-header{display:flex;align-items:center;justify-content:center;padding:16px 24px;border-bottom:1px solid var(--border-color);position:relative;margin-bottom:24px;min-height:60px}.header-left{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:1}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;white-space:nowrap}.back-icon{font-size:18px}.settings-header h2{margin:0;font-size:20px;color:var(--text-primary);text-align:center;width:100%;padding:0 40px}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--bg-primary);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.settings-section h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.2rem}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-item label{color:var(--text-secondary);font-size:1rem}.theme-toggle{display:flex;align-items:center}.theme-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease}.theme-button:hover{background-color:var(--bg-hover)}select{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer}select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-transparent)}.save-button{background:var(--accent-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;align-self:flex-end}.save-button:hover{background:var(--accent-color-hover)}.message{padding:1rem;border-radius:6px;margin:1rem 0;text-align:center}.info-grid{display:grid;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-item span:first-child{color:var(--text-secondary)}.info-value{color:var(--text-primary);font-weight:500}.promo-form{display:flex;gap:1rem}.promo-input{flex:1;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.promo-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-transparent)}.promo-button{padding:.8rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.promo-button:hover{background:var(--accent-color-hover)}.danger-section{border:1px solid var(--error-color);background:#ef44440d}.danger-title{color:var(--error-color);margin-bottom:1rem}.danger-form{display:flex;gap:1rem;margin-bottom:1rem}.danger-input{flex:1;padding:.8rem 1rem;border:1px solid var(--error-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.danger-input:focus{outline:none;box-shadow:0 0 0 2px #ef444433}.danger-button{padding:.8rem 1.5rem;background:var(--error-color);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.danger-button:hover:not(:disabled){background:#dc2626}.danger-button:disabled{opacity:.7;cursor:not-allowed}.warning{color:var(--error-color);font-size:.9rem;padding:.8rem;background:#ef44441a;border-radius:6px}@media (max-width: 768px){.settings-container{margin:1rem;padding:1rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.save-button{width:100%}.promo-form,.danger-form{flex-direction:column}.promo-button,.danger-button{width:100%}.settings-header{padding:12px 16px}.header-left{left:16px}.settings-header h2{font-size:18px;padding:0 32px}.back-button{font-size:13px;padding:6px}.back-icon{font-size:16px}}.telegram-section{background:#1a1a1a;border-radius:8px;padding:20px;margin-bottom:24px}.telegram-form{display:flex;flex-direction:column;gap:12px}.settings-input{width:100%;padding:12px;background:#2a2a2a;border:1px solid #323232;border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.settings-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef733;outline:none}.settings-textarea{width:100%;min-height:120px;padding:12px;background:#2a2a2a;border:1px solid #323232;border-radius:8px;color:#fff;font-size:14px;line-height:1.5;resize:vertical;transition:all .2s}.settings-textarea:focus{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef733;outline:none}.settings-button{padding:12px;background:linear-gradient(to right,#4f6ef7,#60a5fa);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.settings-button:hover{background:linear-gradient(to right,#4460e6,#4f6ef7);transform:translateY(-1px)}.context-toggle{margin-top:16px;padding:16px;background:#1a1a1a;border:1px solid #323232;border-radius:8px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a2a2a;transition:.3s;border-radius:24px;border:1px solid #323232}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#4f6ef7}.toggle-label{color:#fff;font-size:14px}.context-warning{width:100%;margin-top:8px;padding:8px 12px;background:#ff44441a;border:1px solid rgba(255,68,68,.2);color:#f44;border-radius:6px;font-size:13px}.admin-container{min-height:100vh;background:#1e1e1e;padding:24px}.admin-content{max-width:1200px;margin:0 auto}.admin-card{background:#252525;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a}.admin-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:24px}.tab-container{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.tab-button{padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s;cursor:pointer;border:none;outline:none}.tab-button.active{background:linear-gradient(to right,#4f6ef7,#60a5fa);color:#fff}.tab-button:not(.active){background:#1a1a1a;color:#9ca3af}.tab-button:not(.active):hover{background:#2a2a2a}.message{margin-bottom:24px;padding:16px;background:#1a1a1a;border-radius:8px;color:#fff;animation:fadeIn .3s ease-out}.grid-container{display:grid;gap:16px}.user-card,.promo-card{background:#1a1a1a;padding:16px;border-radius:8px;border:1px solid #323232;transition:all .2s}.user-card:hover,.promo-card:hover{background:#252525}.user-card.selected{border-color:#4f6ef7;background:#1e2a4a}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.user-info{color:#fff;font-weight:500}.user-email{font-size:16px;margin-bottom:4px}.user-name{font-size:14px;color:#9ca3af;margin-bottom:8px}.user-details{color:#9ca3af;font-size:14px;margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.badge{padding:4px 12px;border-radius:9999px;font-size:14px}.badge-admin{background:#4f6ef733;color:#60a5fa}.badge-active{background:#22c55e33;color:#4ade80}.badge-inactive{background:#ef444433;color:#f87171}.form-container{background:#1a1a1a;padding:24px;border-radius:8px;margin-bottom:24px}.input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.input-field{width:100%;padding:12px;background:#2a2a2a;border:1px solid #323232;border-radius:8px;color:#fff;transition:all .2s}.input-field:focus{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef733;outline:none}.submit-button,.save-button,.edit-button,.update-button{padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.submit-button{width:100%;padding:12px;background:linear-gradient(to right,#4f6ef7,#60a5fa);color:#fff}.submit-button:hover{background:linear-gradient(to right,#4460e6,#4f6ef7)}.save-button{background:#4ade80;color:#fff}.save-button:hover{background:#22c55e}.edit-button{background:#60a5fa;color:#fff}.edit-button:hover{background:#3b82f6}.update-button{background:#4f6ef7;color:#fff}.update-button:hover{background:#4338ca}.cancel-button{padding:8px 16px;border-radius:8px;background:transparent;border:1px solid #4B5563;color:#9ca3af;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#4b55631a}.delete-button{padding:8px;background:transparent;border:none;color:#f87171;cursor:pointer;border-radius:8px;transition:all .2s}.delete-button:hover{background:#ef44441a}.edit-balance-form{display:flex;gap:8px;align-items:center;margin-top:8px}.edit-balance-form input{width:100px;padding:6px;background:#2a2a2a;border:1px solid #323232;border-radius:4px;color:#fff}.user-edit-form{background:#252525;border-radius:8px;padding:16px;margin-top:16px;border:1px solid #323232}.user-edit-form h3{color:#fff;font-size:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;color:#e5e7eb;margin-bottom:8px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group textarea{width:100%;padding:10px;background:#1a1a1a;border:1px solid #323232;border-radius:6px;color:#fff}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox label{display:flex;align-items:center;gap:8px;margin-bottom:0;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-group small{display:block;color:#9ca3af;font-size:12px;margin-top:4px}.form-actions{display:flex;gap:8px;justify-content:flex-end}.bot-controls-section{margin-top:16px;border-top:1px solid #323232;padding-top:16px}.bot-controls-section h3{color:#fff;font-size:16px;margin-bottom:16px}.bot-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.bot-tab{padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;background:#1a1a1a;color:#9ca3af;border:none}.bot-tab.active{background:#2563eb;color:#fff}.bot-tab:not(.active):hover{background:#2a2a2a}.bot-settings{background:#1a1a1a;border-radius:8px;padding:16px}.bot-actions{display:flex;gap:8px;margin-top:16px}.toggle-button{padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.toggle-button.active{background:#ef4444;color:#fff}.toggle-button.inactive{background:#22c55e;color:#fff}.toggle-button.active:hover{background:#dc2626}.toggle-button.inactive:hover{background:#16a34a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.admin-container{padding:16px}.tab-container{gap:8px}.tab-button{width:100%}.card-header{flex-direction:column;gap:8px}.card-actions{display:flex;gap:8px}.bot-actions{flex-direction:column}}.back-to-chat{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#4f6ef7;font-size:14px;cursor:pointer;margin-bottom:16px;transition:all .2s}.back-to-chat:hover{color:#60a5fa}.user-menu{position:relative}.menu-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-primary)}.user-avatar{width:32px;height:32px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500}.user-name{font-size:.9rem;font-weight:500}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;margin-top:.5rem}.menu-section{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.menu-section:last-child{border-bottom:none}.menu-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.menu-item:hover{background:var(--bg-hover)}.menu-item.active{background:var(--accent-color-transparent);color:var(--accent-color)}.menu-item.logout{color:var(--error-color)}.menu-item.logout:hover{background:var(--error-color-transparent)}@media (max-width: 768px){.user-name{display:none}.menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;margin:0;max-height:80vh;overflow-y:auto}}.bots-container{padding:20px;max-width:1200px;margin:0 auto}.bots-header{display:flex;align-items:center;margin-bottom:30px;position:relative}.bots-header h2{margin:0;flex-grow:1;text-align:center;color:var(--text-primary)}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;transition:color .2s}.back-button:hover{color:var(--primary-color)}.back-icon{font-size:18px;line-height:1}.bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.bot-card{background:var(--background-secondary);border-radius:12px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;gap:16px;align-items:flex-start}.bot-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.bot-icon{width:40px;height:40px;border-radius:8px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff}.bot-info{flex-grow:1}.bot-info h3{margin:0 0 8px;color:var(--text-primary)}.bot-info p{margin:0 0 12px;color:var(--text-secondary);font-size:14px}.bot-status{display:flex;gap:8px;font-size:14px;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.active{background-color:#4caf50}.status-indicator.inactive{background-color:#ff5252}.bots-loading,.bots-error{text-align:center;padding:40px;color:var(--text-primary)}.bots-error{color:#ff5252}@media (max-width: 768px){.bots-container{padding:16px}.bots-header{margin-bottom:20px}.bots-grid{grid-template-columns:1fr}.bot-card{padding:16px}}.telegram-settings-page{padding:2rem;max-width:800px;margin:0 auto}.telegram-settings-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.telegram-settings-header{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);position:relative}.telegram-settings-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);flex:1;text-align:center}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.back-button:hover{background-color:var(--hover-color)}.back-icon{font-size:1.2rem}.telegram-settings-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.form-group textarea{min-height:100px;resize:vertical}.form-group input.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.85rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.connect-button{background:var(--accent-color);color:#fff}.connect-button:hover{background:var(--accent-color-hover)}.connect-button:disabled{opacity:.7;cursor:not-allowed}.message{padding:1rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.message.success{background:var(--success-color);color:#fff}.message.error{background:var(--error-color);color:#fff}@media (max-width: 768px){.telegram-settings-page{padding:1rem}.telegram-settings-header{padding:.75rem 1rem}.telegram-settings-header h2{font-size:1.2rem}.telegram-settings-form{padding:1rem}.form-actions{flex-direction:column}}.bot-settings-container{padding:24px;max-width:800px;margin:0 auto;color:var(--text-primary)}.settings-header{margin-bottom:32px}.settings-header h2{font-size:24px;font-weight:600;margin-bottom:8px}.settings-header p{color:var(--text-secondary);font-size:15px}.settings-section{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.settings-section h3{font-size:18px;font-weight:600;margin-bottom:16px}.token-input{width:100%;padding:12px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:16px;transition:all .2s}.token-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0096ff33}.button-group{display:flex;gap:12px;margin-top:24px}.control-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.save-button{background:var(--accent-color);color:#fff}.save-button:hover:not(:disabled){background:var(--accent-color-hover);transform:translateY(-1px)}.save-button:disabled{opacity:.5;cursor:not-allowed}.pause-button{background:#f44;color:#fff}.pause-button:hover{background:#e03434;transform:translateY(-1px)}.unpause-button{background:#4caf50;color:#fff}.unpause-button:hover{background:#3d9a40;transform:translateY(-1px)}.context-toggle{margin-top:24px;display:flex;align-items:center;gap:12px}.context-toggle label{font-size:14px;color:var(--text-primary)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(20px)}@media (max-width: 768px){.bot-settings-container,.settings-section{padding:16px}.button-group{flex-direction:column}.control-button{width:100%;justify-content:center}}.whatsapp-settings-page{padding:2rem;max-width:800px;margin:0 auto}.whatsapp-settings-content{background:var(--bg-secondary);border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.whatsapp-settings-header{display:flex;align-items:center;margin-bottom:2rem}.back-button{display:flex;align-items:center;background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:.5rem;margin-right:1rem}.back-icon{margin-right:.5rem}.bot-type-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #ddd}.tab-button{padding:.75rem 1.5rem;border:none;background:none;color:#666;cursor:pointer;font-size:1rem;position:relative;transition:color .2s}.tab-button:hover{color:#2196f3}.tab-button.active{font-weight:500}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#2196f3}.whatsapp-settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:100%}.form-group textarea{resize:vertical;min-height:100px}.form-group.checkbox{flex-direction:row;align-items:center;gap:.5rem}.form-group.checkbox input{width:auto}.status-section{margin:1rem 0;padding:1rem;background:#001e3c1a;border-radius:8px;border:1px solid rgba(0,150,255,.1)}.status-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.2rem;border-radius:4px}.status-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc}.status-dot.inactive{background-color:#f44336}.qr-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0}.qr-code{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.qr-instructions{text-align:center;color:#666;line-height:1.6}.button-group{display:flex;gap:1rem;margin-top:2rem}button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.setup-button{background-color:#4caf50;color:#fff}.setup-button:hover{background-color:#45a049}.update-button{background-color:#2196f3;color:#fff}.update-button:hover{background-color:#1e88e5}.pause-button{background-color:#f44336;color:#fff}.pause-button:hover{background-color:#e53935}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-dismiss{background:none;border:none;color:#c62828;cursor:pointer;font-size:1.2rem;padding:.25rem}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.message-dismiss{background:none;border:none;color:#2e7d32;cursor:pointer;font-size:1.2rem;padding:.25rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#666}button:disabled{opacity:.7;cursor:not-allowed}.status-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:12px;background:#001e3c33;padding:10px 16px;border-radius:8px;border:1px solid rgba(0,150,255,.2)}.status-toggle span{font-weight:500;color:#e8eaed}.toggle-button{padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s;cursor:pointer;border:none}.toggle-button.active{background:linear-gradient(135deg,#e53935,#d32f2f);color:#fff}.toggle-button.inactive{background:linear-gradient(135deg,#0096ff,#0057b8);color:#fff}.toggle-button:hover{box-shadow:0 0 15px #0000004d}.toggle-button:active{transform:translateY(1px)}.toggle-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.whatsapp-settings-page,.whatsapp-settings-content{padding:1rem}.whatsapp-settings-header{flex-direction:column;align-items:flex-start}.button-group{flex-direction:column}.qr-code{max-width:100%;overflow:hidden}.qr-code canvas{max-width:100%;height:auto}}.instagram-settings-page{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 60px);padding:20px;background-color:var(--bg-secondary)}.instagram-settings-content{width:100%;max-width:700px;background-color:var(--bg-primary);border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.instagram-settings-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.instagram-settings-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.back-button{background:none;border:none;color:var(--accent-color);font-size:.9rem;display:flex;align-items:center;cursor:pointer;padding:5px 10px;margin-right:20px;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:var(--hover-bg)}.back-icon{margin-right:5px}.instagram-settings-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-size:.9rem;color:var(--text-secondary)}.form-group input,.form-group textarea,.test-message-form input{padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:1rem}.form-group textarea{resize:vertical;min-height:80px}.form-group.checkbox{flex-direction:row;align-items:center}.form-group.checkbox input{margin-right:10px;width:auto}.password-group{position:relative}.password-input-container{display:flex}.toggle-password{position:absolute;right:10px;top:33px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.toggle-password:hover{color:var(--accent-color)}.status-section{margin:15px 0;padding:10px;background-color:var(--bg-secondary);border-radius:4px}.status-indicator{display:flex;align-items:center}.status-dot{width:10px;height:10px;border-radius:50%;margin-right:10px;background-color:#ff4d4d}.status-dot.active{background-color:#4caf50}.button-group{display:flex;gap:10px;margin-top:15px}.setup-button,.update-button,.pause-button,.test-message-form button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.setup-button{background-color:var(--accent-color);color:#fff}.update-button{background-color:#4caf50;color:#fff}.pause-button{background-color:#ff9800;color:#fff}.setup-button:hover,.update-button:hover,.pause-button:hover{opacity:.9}.setup-button:disabled,.update-button:disabled,.pause-button:disabled,.test-message-form button:disabled{background-color:#ccc;cursor:not-allowed}.error-message,.success-message{padding:10px 15px;margin-bottom:15px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-message{background-color:#ffebee;color:#c62828;border-left:4px solid #c62828}.success-message{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.error-dismiss,.message-dismiss{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;padding:0;margin-left:10px}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1rem;color:var(--text-secondary)}.test-message-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.test-message-section h3{margin-top:0;font-size:1.2rem;color:var(--text-primary)}.test-message-form{display:flex;gap:10px}.test-message-form input{flex:1}.test-message-form button{background-color:var(--accent-color);color:#fff}@media (max-width: 768px){.instagram-settings-page{padding:10px}.button-group,.test-message-form{flex-direction:column}.test-message-form button{margin-top:10px}}*{margin:0;padding:0;box-sizing:border-box;overscroll-behavior:none}html,body{width:100%;height:100%;overflow-x:hidden}.app-container{height:100vh;background:#262624;color:#e8eaed;overflow:auto}.loading-screen{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:#262624;position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(0,150,255,.1) 0%,transparent 70%);animation:pulse 2s infinite ease-in-out}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,150,255,.1);border-radius:50%;border-top-color:#0096ff;border-left-color:#0096ff;animation:spin 1.2s linear infinite;box-shadow:0 0 20px #0096ff33;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.header{position:fixed;top:0;right:0;padding:20px;z-index:1000;background:transparent}:root{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--accent-color: #4F6EF7;--accent-color-hover: #4460E6;--accent-color-transparent: rgba(79, 110, 247, .2);--border-color: #e5e7eb;--success-color: #10b981;--error-color: #ef4444;--error-color-transparent: rgba(239, 68, 68, .1);--bg-hover: #f9fafb;--primary-color: #4F6EF7;--primary-color-transparent: rgba(79, 110, 247, .2);--background-primary: #ffffff;--background-secondary: #f3f4f6;--hover-color: #f3f4f6;--input-bg: rgba(0, 30, 60, .05)}[data-theme=dark],:root{--bg-primary: #262624;--bg-secondary: #1b1b1c;--text-primary: #e8eaed;--text-secondary: #a0a8b8;--accent-color: #0096FF;--accent-color-hover: #0085e5;--accent-color-transparent: rgba(0, 150, 255, .2);--border-color: rgba(0, 150, 255, .1);--success-color: #00c853;--error-color: #ff3d71;--error-color-transparent: rgba(255, 61, 113, .1);--bg-hover: #2a3048;--primary-color: #0096FF;--primary-color-transparent: rgba(0, 150, 255, .2);--background-primary: #262624;--background-secondary: hsl(200, 5%, 12%);--hover-color: #2a3048;--input-bg: rgba(0, 30, 60, .2)}[data-theme=light]{--bg-primary: #f5f8fc;--bg-secondary: #edf1f7;--text-primary: #2e3b52;--text-secondary: #5f738c;--accent-color: #0096FF;--accent-color-hover: #0085e5;--accent-color-transparent: rgba(0, 150, 255, .1);--border-color: rgba(0, 150, 255, .2);--success-color: #00c853;--error-color: #ff3d71;--error-color-transparent: rgba(255, 61, 113, .05);--bg-hover: #e3e9f2;--primary-color: #0096FF;--primary-color-transparent: rgba(0, 150, 255, .1);--background-primary: #f5f8fc;--background-secondary: #edf1f7;--hover-color: #e3e9f2;--input-bg: rgba(0, 30, 60, .05)}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--accent-color);text-decoration:none;transition:all .2s}a:hover{color:var(--accent-color-hover);text-decoration:none}button{cursor:pointer;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#0096ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0096ff66}.auth-page{min-height:100vh;width:100vw;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;padding:40px 20px;overflow:auto}.auth-logo{width:min(400px,90vw);height:auto;margin-bottom:40px;object-fit:contain}.auth-form{width:min(400px,90vw);display:flex;flex-direction:column;gap:16px;transition:all .3s ease;animation:fadeIn .3s ease}.auth-input{width:100%;min-height:48px;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px}.auth-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-transparent)}.auth-input::placeholder{color:#ffffff80}.auth-checkbox{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px;padding:8px 0}.auth-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.login-btn{background:#4f6ef7;color:#fff;min-height:48px;padding:14px 16px;border-radius:8px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.login-btn:hover{background:#4460e6}.auth-links{display:flex;justify-content:space-between;font-size:14px;margin-top:16px}.auth-link{color:#4f6ef7;text-decoration:none;padding:8px;margin:-8px;cursor:pointer}.divider{display:flex;align-items:center;margin:24px 0;color:#ffffff80}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a;margin:0 16px}.google-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:14px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;cursor:pointer;transition:background .2s}.google-btn:hover{background:#ffffff0d}.admin-container,.settings-container,.bots-container,.telegram-settings-page,.whatsapp-settings-page,.instagram-settings-page{overflow-y:auto;height:auto;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.auth-page{padding-top:40px}.auth-form{gap:12px}.divider{margin:16px 0}}