body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--success-text-color:#4ade80}body{background-color:#000;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:center;background-color:#000;background-color:var(--bg-color);display:flex;justify-content:space-between;padding:1rem 2rem}iframe{display:none}@media (max-width:768px){.App-header{flex-wrap:wrap;padding:.75rem 1rem}.App-header h1{font-size:.9rem}.deploy-button{display:none}.App-header nav ul{margin-top:.5rem}.App-header nav li{margin-right:1rem}}.App-header h1{color:#fff;color:var(--text-color);font-size:1rem;font-weight:500;margin:0}.App-header nav ul{display:flex;list-style:none;margin:0;padding:0}.App-header nav li{margin-left:1.5rem}.App-header nav a{color:#888;color:var(--secondary-text);font-size:.9rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s}.App-header nav a:hover{color:#fff;color:var(--text-color)}.model-selector{align-items:center;display:flex}.model-selector select{background-color:initial;margin-left:.5rem}.deploy-button,.model-selector select{border:1px solid #333;border:1px solid var(--border-color);border-radius:5px;color:#fff;color:var(--text-color);font-size:.9rem;padding:.5rem 1rem}.deploy-button{align-items:center;background-color:#000;background-color:var(--bg-color);cursor:pointer;display:inline}.deploy-button svg{margin-right:.5rem}.App-main{align-items:center;box-sizing:border-box;flex:1 1;justify-content:flex-start;max-width:100%;padding:0}.App-main,.chat-container{display:flex;flex-direction:column;margin:0 auto;width:100%}.chat-container{height:calc(100vh - 140px);max-width:800px;position:relative}.message-container{overflow:hidden;padding:0}.message-container,.messages{display:flex;flex:1 1;flex-direction:column}.messages{align-items:center;max-height:calc(100vh - 140px);overflow-y:auto;padding:1rem;scrollbar-color:#333 #000;scrollbar-color:var(--border-color) var(--bg-color);scrollbar-width:thin}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#000;background:var(--bg-color)}.messages::-webkit-scrollbar-thumb{background-color:#333;background-color:var(--border-color);border-radius:3px}@media (max-width:768px){.chat-container{margin:0;width:100%}.messages{padding:.5rem}}.welcome-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.welcome-logo{margin:120px auto 30px;text-align:center}.welcome-logo svg{height:40px;width:40px}.welcome-message{max-width:600px;padding:0 1rem;text-align:center}.welcome-message h3{color:#fff;color:var(--primary-color);font-size:1.5rem;font-weight:500;margin-bottom:1rem}.welcome-message p{color:#888;color:var(--secondary-text);line-height:1.6;margin-bottom:.5rem}.welcome-message a{color:#0070f3;color:var(--accent-color);text-decoration:none}.message{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);font-size:.8em;line-height:1.6;max-width:800px;padding:1.5rem 0;width:100%}.assistant-message,.user-message{background-color:initial;color:#fff;color:var(--text-color)}.source-citation{color:#888;color:var(--secondary-text);font-size:.8rem}.source-citation ul{margin:.5rem 0 0;padding-left:1.5rem}.source-citation li p{margin:0}.input-area{background-color:#000;background-color:var(--bg-color);bottom:0;box-sizing:border-box;display:flex;margin-top:auto;padding:8px 1rem 1rem;position:sticky;width:100%;z-index:10}.input-area input{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-color);flex:1 1;font-size:.9rem;padding:.75rem}.input-area button{background:none;border:none;color:#888;color:var(--secondary-text);cursor:pointer;position:absolute;right:1.75rem;top:43%;transform:translateY(-50%)}.logout-button-icon{align-items:center;background-color:initial;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;display:inline;height:36px;justify-content:center;padding-bottom:3px;transition:background-color .2s;width:36px}.logout-button-icon:hover{background-color:#333;background-color:var(--border-color)}@media (max-width:600px){.input-area{padding:.75rem}.input-area input{font-size:.85rem;padding:.6rem}.input-area button{right:1.25rem}}.typing-effect-container{min-height:20px;position:relative;width:100%}.typing-effect{width:100%}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.loading-indicator{align-items:center;color:#888;color:var(--secondary-text);display:flex;justify-content:center;padding:1rem}.dot{animation:dot-pulse 1.5s ease-in-out infinite;background-color:var(--secondary-text)}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,60%,to{opacity:.6;transform:scale(1)}20%{opacity:1;transform:scale(1.2)}}.examples-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:20px auto;max-width:800px;padding:0 1rem;width:100%}@media (max-width:600px){.examples-container{gap:8px;grid-template-columns:1fr}}.example-card{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.example-card:hover{background-color:#2a2a2a}.example-card h4{color:#fff;color:var(--text-color);font-size:.9rem;font-weight:500;margin:0}.example-card p{color:#888;color:var(--secondary-text);font-size:.8rem;margin:.5rem 0 0}.upload-container{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--primary-color);margin:2rem;max-width:800px;padding:2rem;width:100%}.dropzone{border:2px dashed #333;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.dropzone.active,.dropzone:hover{border-color:#0070f3;border-color:var(--accent-color)}.file-list{margin-top:1.5rem}.file-item{align-items:center;background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;display:flex;margin-bottom:.75rem;padding:.75rem}.file-icon{color:#888;color:var(--secondary-text);margin-right:.75rem}.file-name{color:#fff;color:var(--text-color);flex:1 1}.file-status{color:#0070f3;color:var(--accent-color);margin-right:.75rem}.button{background-color:#000;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:5px;color:#fff;color:var(--text-color);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:400;padding:.6rem 1rem;text-decoration:none;transition:all .2s}.button:hover{border-color:#fff;border-color:var(--text-color)}.button.primary{background-color:#fff;background-color:var(--text-color);border:none;color:#000;color:var(--bg-color)}.button.primary:hover{opacity:.9}.auth-container{margin:40px auto;max-width:400px;width:100%}.auth-card{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;padding:2rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#fff;color:var(--primary-color);font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.auth-header p{color:#888;color:var(--secondary-text)}.auth-form .form-group{margin-bottom:1.5rem}.auth-form label{color:#888;color:var(--secondary-text);display:block;font-size:.9rem;margin-bottom:.5rem}.auth-form input{background-color:#000;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-color);font-size:.9rem;padding:.75rem;width:100%}.auth-form input:focus{border-color:#0070f3;border-color:var(--accent-color);outline:none}.auth-form select{background-color:#000;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.75rem;width:100%}.auth-form select:focus{border-color:#0070f3;border-color:var(--accent-color);outline:none}.auth-form option{background-color:#000;background-color:var(--bg-color);color:#fff;color:var(--text-color)}.auth-button{background-color:#fff;background-color:var(--text-color);border:none;border-radius:8px;color:#000;color:var(--bg-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:opacity .2s;width:100%}.auth-button:hover{opacity:.9}.auth-divider{align-items:center;color:#888;color:var(--secondary-text);display:flex;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider span{font-size:.9rem;padding:0 1rem}.social-button{align-items:center;background-color:#000;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;margin-bottom:1rem;padding:.75rem;transition:border-color .2s;width:100%}.social-button:hover{border-color:#fff;border-color:var(--text-color)}.social-button svg{margin-right:.75rem}.auth-footer{color:#888;color:var(--secondary-text);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:#0070f3;color:var(--accent-color);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{background-color:#ff00001a;color:#ff6b6b}.error-message,.success-message{border-radius:8px;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.success-message{background-color:#00ff001a;color:#4ade80}.verification-pending-content{text-align:center}.verification-pending-content .success-message{background-color:#4caf501a;border:1px solid #4caf504d;margin-bottom:2rem;padding:1.5rem}.success-icon{display:flex;justify-content:center;margin:0 auto 1rem}.verification-pending-content h3{color:#fff;color:var(--primary-color);font-size:1.25rem;margin-bottom:1rem}.verification-instructions{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin:1.5rem 0;padding:1.5rem;text-align:left}.verification-instructions h4{color:#fff;color:var(--primary-color);font-size:1rem;margin-bottom:1rem}.verification-instructions ol{color:#fff;color:var(--text-color);padding-left:1.5rem}.verification-instructions li{margin-bottom:.5rem}.verification-help{background-color:#000;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin:1.5rem 0;padding:1.5rem;text-align:left}.verification-help p{color:#fff;color:var(--primary-color);margin-bottom:1rem}.verification-help ul{color:#888;color:var(--secondary-text);padding-left:1.5rem}.verification-help li{margin-bottom:.5rem}.verification-actions{margin-top:2rem}.verification-actions .auth-button{display:inline-block;margin-bottom:1.5rem;max-width:200px;text-decoration:none}.contact-support{border-top:1px solid #333;border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.contact-support p{color:#888;color:var(--secondary-text);font-size:.9rem}.contact-support a{color:#0070f3;color:var(--accent-color);margin-left:.5rem;text-decoration:none}.contact-support a:hover{text-decoration:underline}.admin-dashboard{display:flex;height:calc(100vh - 70px);margin:0 auto;max-width:1200px}.admin-sidebar{background-color:#1a1a1a;background-color:var(--input-bg);border-right:1px solid #333;border-right:1px solid var(--border-color);padding:1.5rem 1rem;width:200px}.admin-sidebar h3{font-size:1rem;font-weight:500;margin-bottom:1.5rem;padding-left:.5rem}.admin-sidebar nav ul{list-style:none;margin:0;padding:0}.admin-sidebar nav li{margin-bottom:.5rem}.admin-sidebar nav a{border-radius:4px;color:#888;color:var(--secondary-text);display:block;font-size:.9rem;padding:.75rem .5rem;text-decoration:none;transition:all .2s}.admin-sidebar nav a:hover{background-color:#000;background-color:var(--bg-color);color:#fff;color:var(--text-color)}.admin-content{flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:1.5rem}.admin-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 2rem}.admin-header h2{color:#fff;color:var(--primary-color);font-size:1.5rem;font-weight:500;margin-bottom:.5rem;margin-top:2rem}.admin-header p{color:#888;color:var(--secondary-text);font-size:.9rem}.admin-search{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 2rem}.admin-search form{display:flex;gap:.5rem}.admin-search input{background-color:#000;background-color:var(--bg-color);color:#fff;color:var(--text-color);flex:1 1;font-size:.9rem;padding:.75rem}.admin-search input,.users-table{border:1px solid #333;border:1px solid var(--border-color);border-radius:8px}.users-table{background-color:#1a1a1a;background-color:var(--input-bg);margin:0 auto 2rem;max-width:1200px;overflow:hidden}.user-management-container{margin:0 auto;max-width:1200px;padding:0 2rem}.user-management-container .admin-header,.user-management-container .admin-search{padding:0}.user-management-container .users-table{margin:0}.user-management-container .error-message{margin:0 auto 1.5rem;max-width:1200px}.user-management-container .loading-indicator{margin:3rem auto;max-width:1200px}.user-management-container .pagination{margin:1.5rem auto 0;max-width:1200px}.table-header{color:#888;color:var(--secondary-text)}.table-header,.table-row{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:grid;font-size:.9rem;grid-template-columns:2fr 2fr 1.5fr 1fr 1fr 1fr 1fr;padding:1rem}.table-row{align-items:center}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#0070f3;background-color:var(--accent-color);border-radius:50%;color:#000;color:var(--bg-color);font-size:.8rem;font-weight:500;height:32px;justify-content:center;margin-right:.75rem;width:32px}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.status-badge.active{background-color:#00ff001a;color:#4ade80}.status-badge.inactive{background-color:#ffffff1a;color:#888;color:var(--secondary-text)}.role-badge{border-radius:4px;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.role-badge.admin{background-color:#0070f31a;color:#0070f3;color:var(--accent-color)}.action-button{background-color:initial;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s}.action-button:hover{border-color:#fff;border-color:var(--text-color)}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.page-info{color:#888;color:var(--secondary-text);font-size:.9rem}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;max-width:450px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h3{color:#fff;color:var(--primary-color);font-size:1.1rem;font-weight:500;margin:0}.close-button{background:none;border:none;color:#888;color:var(--secondary-text);cursor:pointer;font-size:1.5rem}.modal-content{padding:1.5rem}.modal-footer{border-top:1px solid #333;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.input-hint{background-color:#000;background-color:var(--bg-color);color:#888;color:var(--secondary-text);font-size:.7rem;margin-top:auto;padding-top:8px;text-align:center}@media (max-width:600px){.input-hint{font-size:.65rem}}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--text-color);cursor:pointer;display:inline;justify-content:center;margin-left:10px;padding:8px;transition:all .2s}.theme-toggle:hover{background-color:#1a1a1a;background-color:var(--input-bg)}.theme-toggle svg{stroke:#fff;stroke:var(--text-color)}@media (max-width:768px){.user-actions{align-items:center;display:flex;margin-left:auto}}.conversations-sidebar{background-color:#000;background-color:var(--bg-color);border-right:1px solid #333;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.conversations-sidebar.active{box-shadow:2px 0 10px #0000001a;transform:translateX(0)}.sidebar-toggle{color:var(--primary-color);font-size:18px;height:32px;left:10px;padding:0;top:86px;width:32px}.sidebar-toggle.active{transform:translateX(280px)}.sidebar-header{justify-content:space-between;padding:21.7px}.sidebar-header h3{color:#fff;color:var(--primary-color);font-size:18px;margin:0}.new-conversation-button{background-color:#fff;background-color:var(--primary-color);border:none;border-radius:4px;color:#000;color:var(--bg-color);cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.new-conversation-button:hover{background-color:var(--primary-color-hover);color:#0070f3;color:var(--accent-color)}.conversations-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{border:1px solid #0000;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:background-color .2s}.conversation-item.active,.conversation-item:hover{background-color:#1a1a1a;background-color:var(--input-bg)}.conversation-item.active{border-color:#333;border-color:var(--border-color)}.conversation-title{color:#fff;color:var(--primary-color);font-size:14px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-details{align-items:center;color:#888;color:var(--secondary-text);display:flex;font-size:12px;justify-content:space-between}.delete-conversation{background:none;border:none;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s}.conversation-item:hover .delete-conversation{opacity:.7}.delete-conversation:hover{opacity:1}.no-conversations{color:#888;color:var(--secondary-text);padding:20px;text-align:center}@media (max-width:768px){.conversations-sidebar{max-width:300px;width:80%}.message-container{margin-left:0}}.subscription-status{border-radius:16px;box-shadow:0 2px 4px #0000001a;font-size:.8rem;font-weight:500;padding:.3rem .8rem;position:absolute;right:10px;top:10px;z-index:10}.subscription-status.free{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.subscription-status.start{background-color:#fff3cd;border:1px solid #ffecb5;color:#664d03}.subscription-status.pro{background-color:#e9ecef;border:1px solid #ced4da;color:#495057}.subscription-status.premium{background-color:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.subscription-status.admin{background-color:#cfe2ff;border:1px solid #b6d4fe;color:#084298}@media (max-width:768px){.subscription-status{font-size:.7rem;padding:.2rem .6rem;right:5px;top:5px}}.usage-info{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:.8rem 1rem}.usage-info p{margin:0}.usage-progress{background-color:#e9ecef;border-radius:3px;height:6px;margin:.5rem 0}.usage-progress-bar{border-radius:3px;transition:width .3s ease}.usage-progress-bar.standard{background-color:#495057}.usage-progress-bar.unlimited{background-color:#0f5132}.claude-sidebar{width:250px}.conversations-sidebar{display:none!important}.sidebar-toggle{left:12px!important;top:12px!important}.claude-sidebar{background-color:#1a1a1a;background-color:var(--input-bg);border-right:1px solid #333;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.claude-sidebar.open{box-shadow:2px 0 10px #0003;transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding:20px}.sidebar-logo{height:auto;max-width:100%}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px 0}.sidebar-nav{margin-bottom:10px}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav-item{align-items:center;border-radius:4px;color:#fff;color:var(--text-color);display:flex;margin:0 10px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.sidebar-nav-item:hover{background-color:#000;background-color:var(--bg-color)}.sidebar-nav-item svg{color:#888;color:var(--secondary-text);margin-right:12px}.sidebar-nav-item span{font-size:14px}.chat-history-section{border-top:1px solid #333;border-top:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;margin-top:10px;padding:5px 10px}.chat-history-header{align-items:center;display:flex;justify-content:space-between;padding:10px}.chat-history-header h3{color:#888;color:var(--secondary-text);font-size:14px;font-weight:500;margin:0}.new-chat-button{align-items:center;background-color:initial;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;padding:4px 10px;transition:background-color .2s}.new-chat-button:hover{background-color:#000;background-color:var(--bg-color)}.new-chat-button svg{margin-right:5px}.chat-history-list{flex:1 1;overflow-y:auto}.chat-history-item{border:1px solid #0000;border-radius:4px;cursor:pointer;margin:5px 0;padding:10px;transition:background-color .2s}.chat-history-item.active,.chat-history-item:hover{background-color:#000;background-color:var(--bg-color)}.chat-history-item.active{border-color:#333;border-color:var(--border-color)}.chat-history-title{color:#fff;color:var(--text-color);font-size:13px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-meta{align-items:center;display:flex;font-size:11px;justify-content:space-between}.chat-history-meta,.delete-chat{color:#888;color:var(--secondary-text)}.delete-chat{background:none;border:none;cursor:pointer;opacity:0;padding:2px;transition:opacity .2s}.chat-history-item:hover .delete-chat{opacity:.7}.delete-chat:hover{color:#ff6b6b;opacity:1}.no-chat-history{color:#888;color:var(--secondary-text);font-size:13px;padding:15px 10px;text-align:center}.sidebar-footer{border-top:1px solid #333;border-top:1px solid var(--border-color);padding:16px 24px}.sidebar-footer-actions{align-items:center;display:flex;justify-content:space-between}.sidebar-logout-button,.sidebar-settings-button{align-items:center;background:#0000;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.sidebar-logout-button:hover,.sidebar-settings-button:hover{background-color:#333;background-color:var(--border-color)}.sidebar-toggle{align-items:center;background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;left:12px;position:fixed;top:12px;transition:all .3s ease;width:36px;z-index:1001}.sidebar-toggle.active{left:292px}.sidebar-toggle:hover{background-color:#333;background-color:var(--border-color)}.App-header.with-sidebar{padding-left:60px}.App-main.with-sidebar{transition:margin-left .3s ease}@media (max-width:768px){.claude-sidebar{max-width:300px;width:85%}.App-main.with-sidebar.sidebar-open{margin-left:0}.sidebar-toggle.active{max-left:312px;left:calc(85vw + 12px)}.chat-history-header,.chat-history-item{padding:8px}.sidebar-nav-item{padding:8px 16px}.sidebar-footer{padding:12px 16px}}:root{--bg-color:#000;--text-color:#fff;--secondary-text:#888;--border-color:#333;--input-bg:#1a1a1a;--primary-color:#fff;--accent-color:#0070f3;--shadow:0 2px 8px #0000004d;--message-bg:#1a1a1a;--user-message-bg:#333}[data-theme=light]{--bg-color:#fff;--text-color:#000;--secondary-text:#555;--border-color:#e0e0e0;--input-bg:#f5f5f5;--primary-color:#000;--accent-color:#0070f3;--shadow:0 2px 8px #0000001a;--message-bg:#f5f5f5;--user-message-bg:#e9e9e9}.App-header,.App-header nav a,.chat-history-item,.claude-sidebar,.deploy-button,.example-card,.google-translate-widget,.input-area,.input-area input,.language-button,.language-dropdown,.message,.sidebar-logout-button,.sidebar-nav-item,.sidebar-settings-button,.sidebar-toggle,.translate-widget-container,.welcome-message,body{transition:background-color .3s,color .3s,border-color .3s;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}:root{--transition-speed:0.3s}.App-header,.App-header nav a,.deploy-button,.example-card,.input-area,.input-area input,.message,.theme-toggle,.welcome-message,body{transition:background-color .3s,color .3s,border-color .3s;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}@media (max-width:768px){.admin-dashboard{flex-direction:column;height:auto}.admin-sidebar{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);border-right:none;padding:1rem;width:100%}.admin-sidebar nav ul{display:flex;flex-wrap:wrap}.admin-sidebar nav li{margin-right:.5rem}.subscription-plans{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 2fr 1.5fr}.table-header div:nth-child(n+4),.table-row div:nth-child(n+4){display:none}}.settings-container{margin:20px auto;max-width:800px;padding:0 20px;width:100%}.settings-card{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:24px}.settings-title{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);color:#fff;color:var(--text-color);font-size:1.2rem;font-weight:500;margin-bottom:20px;margin-top:0;padding-bottom:12px}.account-details{display:flex;flex-direction:column;gap:16px}.account-detail-item{display:flex;flex-wrap:wrap;gap:8px}.account-detail-item label{color:#888;color:var(--secondary-text);font-size:.9rem;min-width:120px}.account-detail-item div{color:#fff;color:var(--text-color);flex:1 1;font-size:.9rem}.subscription-status-text{display:inline-block;font-weight:500}.password-form{gap:16px}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#888;color:var(--secondary-text);font-size:.9rem}.form-group input{background-color:#000;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--text-color);font-size:.9rem;padding:10px 12px;transition:border-color .2s}.form-group input:focus{border-color:#0070f3;border-color:var(--accent-color);outline:none}.input-color,.subscription-details{color:#fff;color:var(--text-color)}.subscription-plan{margin-bottom:16px}.plan-name{display:block;font-size:1.1rem;font-weight:500;margin-bottom:8px}.subscription-dates{color:#888;color:var(--secondary-text);font-size:.9rem;margin-bottom:16px}.subscription-dates div{margin-bottom:4px}.usage-progress-container{margin:16px 0}.usage-info{font-size:.9rem;margin-bottom:8px}.usage-progress{background-color:#333;background-color:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.usage-progress-bar{border-radius:4px;height:100%}.usage-progress-bar.standard{background-color:#0070f3;background-color:var(--accent-color)}.usage-progress-bar.free{background-color:#6c757d}.upgrade-button{margin-top:16px}.settings-actions{display:flex;justify-content:flex-end;margin-top:24px}.danger-button{background-color:#dc354533;border:1px solid #dc35454d;color:#dc3545}.danger-button:hover{background-color:#dc35454d;border-color:#dc354566}@media (max-width:768px){.settings-container{padding:0 16px}.settings-card{padding:16px}.account-detail-item{flex-direction:column;gap:4px}.account-detail-item label{min-width:auto}}.subscription-required-page{align-items:center;background-color:#000;background-color:var(--bg-color);box-sizing:border-box;color:#fff;color:var(--text-color);display:flex;flex-direction:column;min-height:calc(100vh - 70px);padding:2rem 1rem}.subscription-content{display:flex;flex-direction:column;gap:2rem;max-width:900px;width:100%}.header-section{text-align:center}.header-section h1{color:#fff;color:var(--primary-color);font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.header-section .subtitle{color:#888;color:var(--secondary-text);font-size:1.1rem;line-height:1.6;margin:0 auto 1rem;max-width:700px}.usage-overview-card{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center}.usage-overview-card h4{color:#fff;color:var(--primary-color);font-size:1.2rem;font-weight:500;margin-bottom:1rem;margin-top:0}.progress-bar-container{background-color:#333;background-color:var(--border-color);border-radius:4px;height:12px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{background-color:#0070f3;background-color:var(--accent-color);border-radius:4px;height:100%;transition:width .3s ease-in-out}.usage-overview-card p{color:#888;color:var(--secondary-text);font-size:.9rem;margin-bottom:.25rem}.usage-overview-card .renewal-info{color:#0070f3;color:var(--accent-color);font-size:.8rem;margin-top:.5rem}.manual-payment-info-banner,.payment-error-banner{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:center}.payment-error-banner{background-color:#ff00001a;border:1px solid #ff6b6b;color:#ff6b6b}.manual-payment-info-banner{background-color:#0070f31a;border:1px solid #0070f3;border:1px solid var(--accent-color);color:#0070f3;color:var(--accent-color)}.plans-section{text-align:center}.plans-section h2{color:#fff;color:var(--primary-color);font-size:1.8rem;font-weight:500;margin-bottom:2rem}.plans-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1200px}.plan-card{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;min-height:480px;padding:1.5rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.plan-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.plan-card.popular{border:2px solid #0070f3;border:2px solid var(--accent-color);box-shadow:0 0 15px #0070f3;box-shadow:0 0 15px var(--accent-color);position:relative}.popular-badge{background-color:#0070f3;background-color:var(--accent-color);border-radius:16px;color:#000;color:var(--bg-color);font-size:.8rem;font-weight:700;left:50%;padding:.3rem 1rem;position:absolute;text-transform:uppercase;top:-15px;transform:translateX(-50%)}.plan-card h3{color:#fff;color:var(--primary-color);font-size:1.3rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.price-section{margin-bottom:1.5rem}.price-section .price{color:#fff;color:var(--primary-color);font-size:1.8rem;font-weight:700}.price-section .billing-cycle{color:#888;color:var(--secondary-text);font-size:1rem;margin-left:.5rem}.features-list{flex-grow:1;list-style:none;margin-bottom:1.5rem;padding:0}.features-list li{align-items:center;color:#888;color:var(--secondary-text);display:flex;font-size:.9rem;margin-bottom:.6rem}.features-list li:before{color:#4ade80;color:var(--success-text-color);content:"✓";font-weight:700;margin-right:.75rem}.payment-options{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.select-plan-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.9rem 1.5rem;text-align:center;transition:all .2s ease;width:100%}.select-plan-button.online-payment{background-color:#0070f3;background-color:var(--accent-color);color:#000;color:var(--bg-color)}.select-plan-button.online-payment:hover:not(:disabled){background-color:#005fcc}.select-plan-button.manual-payment{background-color:initial;border:2px solid #0070f3;border:2px solid var(--accent-color);color:#0070f3;color:var(--accent-color)}.select-plan-button.manual-payment:hover:not(:disabled){background-color:#0070f31a;color:#fff;color:var(--primary-color)}.select-plan-button:disabled{cursor:not-allowed;opacity:.5}.auth-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.auth-button-primary,.auth-button-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:background-color .2s ease}.auth-button-primary{background-color:#0070f3;background-color:var(--accent-color);color:#000;color:var(--bg-color)}.auth-button-primary:hover{background-color:#005fcc}.auth-button-secondary{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);color:#fff;color:var(--primary-color)}.auth-button-secondary:hover{background-color:#333;background-color:var(--border-color)}.footer-note{color:#888;color:var(--secondary-text);font-size:.9rem;margin-top:2rem;text-align:center}.footer-note a{color:#0070f3;color:var(--accent-color);text-decoration:none}.footer-note a:hover{text-decoration:underline}.footer-note .back-link{color:#888;color:var(--secondary-text);display:block;margin-top:1rem}.page-loading-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);width:100%}.payment-success-icon{color:#4ade80;color:var(--success-text-color);font-size:3rem;margin-bottom:1rem;text-align:center}@media (max-width:1024px){.plans-grid{gap:1.5rem;grid-template-columns:1fr;max-width:400px}.plan-card{min-height:auto}}@media (min-width:768px) and (max-width:1024px){.plans-grid{grid-template-columns:1fr 1fr;max-width:800px}}.verification-content .success-message{background-color:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-bottom:2rem;padding:2rem;text-align:center}.verification-content .success-message h3{color:#fff;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.verification-content .success-message p{color:#fff;color:var(--text-color);font-size:1rem;margin:0}.verification-content .success-icon{margin-bottom:1.5rem}.translate-widget-container{background-color:#000;background-color:var(--bg-color);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);padding:8px 0;position:sticky;top:0;width:100%;z-index:999}.google-translate-widget{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin:0 auto;max-width:800px;padding:0 20px}.translate-header{align-items:center;color:#888;color:var(--secondary-text);display:flex;font-size:13px;font-weight:500}.translate-header svg{color:#888;color:var(--secondary-text);margin-right:6px}.language-selector{position:relative}.language-button{align-items:center;background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-width:120px;padding:6px 10px;transition:all .2s ease}.language-button:hover{background-color:#000;background-color:var(--bg-color);border-color:#0070f3;border-color:var(--accent-color)}.language-button .flag{font-size:14px;margin-right:6px}.language-button .language-name{flex:1 1;text-align:left}.dropdown-arrow{color:#888;color:var(--secondary-text);margin-left:6px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{background-color:#1a1a1a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:center;background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;padding:8px 10px;text-align:left;transition:background-color .2s ease;width:100%}.language-option:hover{background-color:#000;background-color:var(--bg-color)}.language-option.active{background-color:#0070f3;background-color:var(--accent-color);color:#fff}.language-option .flag{font-size:14px;margin-right:6px}.language-option .language-name{flex:1 1}.goog-logo-link,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-te-gadget{display:none!important}@media (max-width:768px){.google-translate-widget{justify-content:center;padding:0 16px}.translate-header{font-size:12px}.language-button{font-size:11px;min-width:100px;padding:5px 8px}.language-option{font-size:11px;padding:6px 8px}}.app-footer{border-top:.5px solid #e7e7e7;color:#333;font-size:.9rem;padding:20px 0;text-align:center;width:100%}.footer-content-wrapper{margin:0 auto;max-width:1200px;padding:0 15px}.footer-links a{color:#007bff;margin:0 10px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-payment-logos{margin-bottom:15px;margin-top:15px}.footer-payment-logos img{height:30px;margin:0 5px;vertical-align:middle}.footer-copyright{color:#6c757d;font-size:.8rem;margin-top:10px}.bank-instructions-container,.payment-options-container,.payment-result-container{background-color:#fff;background-color:var(--background-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 2px 10px #0000000d;color:#333;color:var(--text-color,#333);margin:2rem auto;max-width:700px;padding:2rem}.bank-instructions-container h2,.payment-options-container h2,.payment-result-container h2{color:#111;color:var(--header-color,#111);margin-bottom:1.5rem;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.75rem 1.25rem;text-align:center}.payment-option{background-color:#f9f9f9;background-color:var(--background-color-secondary,#f9f9f9);border:1px solid #eee;border:1px solid var(--border-color-light,#eee);border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.payment-option h3{color:#111;color:var(--header-color,#111);margin-bottom:.5rem;margin-top:0}.payment-option p{color:#555;color:var(--text-color-secondary,#555);line-height:1.6;margin-bottom:1rem}.payment-button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;text-align:center;transition:background-color .3s ease,transform .1s ease}.payment-button:disabled{cursor:not-allowed;opacity:.6}.payment-button:active{transform:scale(.98)}.monri-button{background-color:#007bff}.monri-button:hover:not(:disabled){background-color:#0056b3}.bank-button{background-color:#6c757d}.bank-button:hover:not(:disabled){background-color:#5a6268}.instructions-box{background-color:#fff;background-color:var(--background-color,#fff);border:1px dashed #ccc;border:1px dashed var(--border-color,#ccc);border-radius:4px;margin-bottom:1.5rem;margin-top:1.5rem;padding:1.5rem}.instructions-box p{line-height:1.5;margin-bottom:.8rem}.instructions-box strong{color:#333;color:var(--text-color,#333);display:inline-block;min-width:150px}.bank-instructions-inverted{background-color:var(--text-color)!important;border-color:var(--secondary-text)!important}.bank-instructions-inverted,.bank-instructions-inverted h2,.bank-instructions-inverted p{color:var(--bg-color)!important}.bank-instructions-inverted .instructions-box{background-color:var(--bg-color)!important;border-color:var(--secondary-text)!important;color:var(--text-color)!important}.bank-instructions-inverted .instructions-box strong{color:var(--text-color)!important}.bank-instructions-inverted .button-link{background-color:var(--bg-color)!important;border:1px solid var(--secondary-text)!important;color:var(--text-color)!important}.bank-instructions-inverted .button-link:hover{background-color:var(--secondary-text)!important;color:var(--bg-color)!important}.bank-instructions-container small{color:#777;color:var(--text-color-secondary,#777);font-size:.9em}.payment-result-container .error-content,.payment-result-container .success-content{text-align:center}.success-icon{color:#28a745;margin-bottom:1rem}.error-icon{color:#dc3545;margin-bottom:1rem}.payment-result-container h3{font-size:1.5rem;margin-bottom:.5rem}.payment-result-container p{color:#555;color:var(--text-color-secondary,#555);line-height:1.6;margin-bottom:1rem}.order-details-summary{background-color:#f9f9f9;background-color:var(--background-color-secondary,#f9f9f9);border:1px solid #eee;border:1px solid var(--border-color-light,#eee);border-radius:4px;display:inline-block;margin:1rem 0;padding:.5rem 1rem}.order-details-summary p{font-size:.95rem;margin:.3rem 0}.button-link{background-color:#007bff;border:1px solid #007bff;border-radius:5px;color:#fff;display:inline-block;font-size:.95rem;font-weight:500;margin:.5rem;padding:.7rem 1.2rem;text-align:center;text-decoration:none;transition:background-color .3s ease}.button-link:hover{background-color:#0056b3;border-color:#0056b3}.button-link.secondary{background-color:#6c757d;border-color:#6c757d}.button-link.secondary:hover{background-color:#5a6268;border-color:#5a6268}.button-group{margin-top:1.5rem}.loading-indicator{padding:2rem;text-align:center}.dots{align-items:center;display:flex;height:20px;justify-content:center}.dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#888;background-color:var(--text-color-secondary,#888);border-radius:50%;height:8px;margin:0 4px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=main.99f7183d.css.map*/