code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-page{display:flex;min-height:100vh;width:100%}.auth-page .login-side{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:#fff}.auth-page .login-container{width:100%;max-width:440px;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;background-color:#fff}.auth-page .blue-side{flex:1;background-color:#2563eb;display:flex;justify-content:center;align-items:center}.login-container .login-title{font-size:1.75rem;font-weight:600;color:#111827;margin-bottom:1.5rem;text-align:center}.login-container .error-message{background-color:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.login-container .success-message{background-color:#dcfce7;color:#166534;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.login-container .invitation-notice{background-color:#dbeafe;color:#1e40af;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center}.login-container .form-field{margin-bottom:1rem}.login-container .form-field .form-control{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.login-container .form-field .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.login-container .form-field .form-control::placeholder{color:#9ca3af}.login-container .form-field .form-control:disabled{background-color:#f3f4f6;cursor:not-allowed}.login-container .button{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:1rem;border:none}.login-container .button.primary{background-color:#2563eb;color:#fff}.login-container .button.primary:hover:not(:disabled){background-color:#1d4ed8}.login-container .button.primary:disabled{background-color:#93c5fd;cursor:not-allowed}.login-container .button.google{background-color:#fff;color:#4b5563;border:1px solid #d1d5db;display:flex;justify-content:center;align-items:center}.login-container .button.google:hover{background-color:#f9fafb}.login-container .button.google .google-button-content{display:flex;align-items:center;gap:.5rem}.login-container .button.google .google-icon{width:18px;height:18px}.login-container .forgot-password{text-align:center;margin-bottom:1rem;font-size:.875rem}.login-container .forgot-password .forgot-password-link{color:#2563eb;cursor:pointer}.login-container .forgot-password .forgot-password-link:hover{text-decoration:underline}.login-container .signup-prompt{text-align:center;margin-bottom:1.5rem;font-size:.875rem;color:#4b5563}.login-container .signup-prompt .signup-link{color:#2563eb;cursor:pointer;font-weight:500}.login-container .signup-prompt .signup-link:hover{text-decoration:underline}.login-container .divider{display:flex;align-items:center;margin:1.5rem 0}.login-container .divider hr{flex:1;border:none;height:1px;background-color:#e5e7eb}.login-container .divider span{padding:0 1rem;color:#6b7280;font-size:.875rem}.login-container .terms-links{text-align:center;font-size:.75rem;color:#6b7280;margin-top:1.5rem}.login-container .terms-links a{color:#6b7280;text-decoration:none}.login-container .terms-links a:hover{text-decoration:underline}.login-container .verification-message{text-align:center;margin-bottom:1.5rem}.login-container .verification-message p{margin-bottom:1rem;color:#4b5563}.gsi-material-button{width:100%;height:40px;background-color:#fff;border-radius:8px;border:1px solid #d1d5db;cursor:pointer;position:relative;transition:background-color .2s}.gsi-material-button:hover{background-color:#f9fafb}.gsi-material-button .gsi-material-button-state{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;z-index:0}.gsi-material-button .gsi-material-button-content-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative;z-index:1}.gsi-material-button .gsi-material-button-icon{margin-right:10px;height:18px;width:18px}.gsi-material-button .gsi-material-button-contents{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#4b5563}.sidebar{width:250px;height:100vh;background-color:#f8f9fa;color:#343a40;padding:1rem;display:flex;flex-direction:column;gap:2rem}.sidebar .sidebar-dropdown{position:relative}.sidebar .sidebar-dropdown .dropdown-button{width:100%;padding:.75rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;color:#343a40;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.sidebar .sidebar-dropdown .dropdown-button:hover{background-color:#e9ecef}.sidebar .sidebar-dropdown .dropdown-button .dropdown-icon{width:1.25rem;height:1.25rem}.sidebar .sidebar-dropdown .dropdown-content{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;z-index:1000;max-height:300px;overflow-y:auto}.sidebar .sidebar-dropdown .dropdown-content .dropdown-divider{height:1px;background-color:#dee2e6;margin:.5rem 0}.sidebar .sidebar-dropdown .dropdown-content .dropdown-item{width:100%;padding:.75rem;text-align:left;background:none;border:none;color:#343a40;cursor:pointer;transition:background-color .2s}.sidebar .sidebar-dropdown .dropdown-content .dropdown-item:hover{background-color:#e9ecef}.sidebar .sidebar-dropdown .dropdown-content .dropdown-item.selected{background-color:#e9ecef;font-weight:500}.sidebar .sidebar-dropdown .dropdown-content .dropdown-item.add-project{display:flex;align-items:center;gap:.5rem;color:#0d6efd}.sidebar .sidebar-dropdown .dropdown-content .dropdown-item.add-project:hover{background-color:#e7f1ff}.sidebar .sidebar-dropdown .dropdown-content .dropdown-item.add-project .icon{width:1.25rem;height:1.25rem}.sidebar .nav-section{display:flex;flex-direction:column;gap:.5rem}.sidebar .nav-section .section-header{font-size:.875rem;color:#6c757d;margin-bottom:.5rem;padding-left:.5rem;text-align:left}.sidebar .nav-section .nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#343a40;text-decoration:none;border-radius:.5rem;transition:background-color .2s}.sidebar .nav-section .nav-item:hover,.sidebar .nav-section .nav-item.active{background-color:#e9ecef}.sidebar .nav-section .nav-item .icon{width:1.25rem;height:1.25rem}.dashboard{display:flex;flex-direction:row;height:100vh;width:100%;overflow:hidden}.dashboard .main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard .main-content .dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef}.dashboard .main-content .dashboard-header .user-info{font-size:.9rem;color:#6c757d}.dashboard .main-content .dashboard-header .logout-button{padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer}.dashboard .main-content .dashboard-header .logout-button:hover{background-color:#e9ecef}.dashboard .main-content .dashboard-content{padding:2rem;flex:1;overflow-y:auto}.dashboard-content{padding:2rem;height:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.dashboard-content h1{font-size:2rem;color:#343a40;margin-bottom:1rem}.dashboard-content p{color:#6c757d;font-size:1.1rem}.files-container{padding:2rem;height:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.files-container .files-header{margin-bottom:2rem;flex-shrink:0}.files-container .files-header h2{font-size:1.5rem;color:#343a40;margin:0}.files-container .no-project-message,.files-container .loading,.files-container .error-message{display:flex;align-items:center;justify-content:center;height:200px;color:#6c757d;font-size:1.1rem}.files-container .no-files-message{color:#6c757d;font-size:1.1rem;padding:1rem 0}.files-container .error-message{color:#dc3545}.files-container .files-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;padding-right:.5rem;min-height:0}.files-container .files-list::-webkit-scrollbar{width:8px}.files-container .files-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.files-container .files-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.files-container .files-list::-webkit-scrollbar-thumb:hover{background:#555}.files-container .files-list .file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;transition:background-color .2s}.files-container .files-list .file-item:hover{background-color:#e9ecef}.files-container .files-list .file-item .file-name{font-weight:500;color:#343a40}.files-container .files-list .file-item .file-info{display:flex;gap:1rem;color:#6c757d;font-size:.9rem}.files-container .files-list .file-item .file-info .file-size,.files-container .files-list .file-item .file-info .file-date{white-space:nowrap}.files-container .pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6;flex-shrink:0}.files-container .pagination-controls .pagination-button{padding:.5rem;background-color:#007bff;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;min-width:2.5rem;display:flex;align-items:center;justify-content:center}.files-container .pagination-controls .pagination-button:hover{background-color:#0056b3}.files-container .pagination-controls .pagination-button:disabled{background-color:#6c757d;cursor:not-allowed}.files-container .pagination-controls .pagination-button.page-number{background-color:#f8f9fa;color:#343a40;border:1px solid #dee2e6}.files-container .pagination-controls .pagination-button.page-number:hover{background-color:#e9ecef}.files-container .pagination-controls .pagination-button.page-number.active{background-color:#007bff;color:#fff;border-color:#007bff}.fine-tuning-jobs-container{padding:2rem;height:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.fine-tuning-jobs-container .fine-tuning-jobs-header{margin-bottom:2rem;flex-shrink:0}.fine-tuning-jobs-container .fine-tuning-jobs-header h2{font-size:1.5rem;color:#343a40;margin:0}.fine-tuning-jobs-container .no-project-message,.fine-tuning-jobs-container .loading,.fine-tuning-jobs-container .error-message{display:flex;align-items:center;justify-content:center;height:200px;color:#6c757d;font-size:1.1rem}.fine-tuning-jobs-container .no-fine-tuning-jobs-message{color:#6c757d;font-size:1.1rem;padding:1rem 0}.fine-tuning-jobs-container .error-message{color:#dc3545}.fine-tuning-jobs-container .fine-tuning-jobs-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;padding-right:.5rem;min-height:0}.fine-tuning-jobs-container .fine-tuning-jobs-list::-webkit-scrollbar{width:8px}.fine-tuning-jobs-container .fine-tuning-jobs-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.fine-tuning-jobs-container .fine-tuning-jobs-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.fine-tuning-jobs-container .fine-tuning-jobs-list::-webkit-scrollbar-thumb:hover{background:#555}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;transition:background-color .2s}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item:hover{background-color:#e9ecef}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-row{display:flex;align-items:center;width:100%;gap:16px}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-row .job-name{flex:1;font-weight:500}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-row .job-model,.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-row .job-style-model{flex:1}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-row .job-status{flex:1;display:flex;justify-content:center}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-row .job-date{flex:1;text-align:right;color:#666}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info{display:flex;align-items:center;gap:1rem;color:#6c757d;font-size:.9rem}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info .status-badge.status-pending{background-color:#ffc107;color:#212529}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info .status-badge.status-running{background-color:#007bff;color:#fff}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info .status-badge.status-succeeded{background-color:#28a745;color:#fff}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info .status-badge.status-failed{background-color:#dc3545;color:#fff}.fine-tuning-jobs-container .fine-tuning-jobs-list .fine-tuning-job-item .job-info .status-badge.status-cancelled{background-color:#6c757d;color:#fff}.fine-tuning-jobs-container .pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6;flex-shrink:0}.fine-tuning-jobs-container .pagination-controls .pagination-button{padding:.5rem;background-color:#007bff;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;min-width:2.5rem;display:flex;align-items:center;justify-content:center}.fine-tuning-jobs-container .pagination-controls .pagination-button:hover{background-color:#0056b3}.fine-tuning-jobs-container .pagination-controls .pagination-button:disabled{background-color:#6c757d;cursor:not-allowed}.fine-tuning-jobs-container .pagination-controls .pagination-button.page-number{background-color:#f8f9fa;color:#343a40;border:1px solid #dee2e6}.fine-tuning-jobs-container .pagination-controls .pagination-button.page-number:hover{background-color:#e9ecef}.fine-tuning-jobs-container .pagination-controls .pagination-button.page-number.active{background-color:#007bff;color:#fff;border-color:#007bff}.billing-container{padding:2rem;max-width:800px;margin:0 auto}.billing-container .success-notification{background-color:#dcfce7;color:#166534;padding:1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:500;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.billing-container .settings-header{margin-bottom:2rem}.billing-container .settings-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a}.billing-container .settings-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.billing-container .settings-section h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.billing-container .balance-info,.billing-container .spend-limit-info{display:flex;gap:2rem}.billing-container .balance-info .balance-item,.billing-container .spend-limit-info .balance-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.billing-container .balance-info .balance-item h4,.billing-container .spend-limit-info .balance-item h4{font-size:.9rem;color:#666;margin-bottom:.5rem}.billing-container .balance-info .balance-item .value,.billing-container .spend-limit-info .balance-item .value{font-weight:500;color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.billing-container .balance-info .balance-item .credit-input,.billing-container .spend-limit-info .balance-item .credit-input{width:100%;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.billing-container .balance-info .balance-item .credit-input label,.billing-container .spend-limit-info .balance-item .credit-input label{font-size:.9rem;color:#666}.billing-container .balance-info .balance-item .credit-input input,.billing-container .spend-limit-info .balance-item .credit-input input{width:100px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;text-align:center}.billing-container .balance-info .balance-item .credit-input input:disabled,.billing-container .spend-limit-info .balance-item .credit-input input:disabled{background-color:#f5f5f5;cursor:not-allowed}.billing-container .balance-info .balance-item .credit-input input:focus,.billing-container .spend-limit-info .balance-item .credit-input input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.billing-container .balance-info .balance-item .sub-info,.billing-container .spend-limit-info .balance-item .sub-info{font-size:.8rem;color:#666;text-align:left;width:100%}.billing-container .balance-info .balance-item .sub-info .spend-limit,.billing-container .spend-limit-info .balance-item .sub-info .spend-limit{margin-bottom:.25rem}.billing-container .balance-info .balance-item .sub-info .remaining,.billing-container .spend-limit-info .balance-item .sub-info .remaining{font-weight:500}.billing-container .payment-method-info .payment-method-status{display:flex;align-items:center;gap:.75rem}.billing-container .payment-method-info .payment-method-status .status-indicator{width:8px;height:8px;border-radius:50%}.billing-container .payment-method-info .payment-method-status .status-indicator.active{background-color:#22c55e}.billing-container .payment-method-info .payment-method-status .status-indicator.inactive{background-color:#ef4444}.billing-container .payment-method-info .add-payment-button{margin-left:10px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.billing-container .payment-method-info .add-payment-button:hover{background-color:#0056b3}.billing-container .payment-method-info .add-payment-button:disabled{background-color:#ccc;cursor:not-allowed}.billing-container .buy-credits-button{margin-top:10px;padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;width:100%}.billing-container .buy-credits-button:hover{background-color:#218838}.billing-container .buy-credits-button:disabled{background-color:#ccc;cursor:not-allowed}.billing-container .loading,.billing-container .error-message,.billing-container .no-data-message,.billing-container .no-project-message{text-align:center;padding:2rem;color:#666}.billing-container .error-message{color:#ef4444}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-overlay .modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto;width:100%;max-width:90vw}.modal-overlay .modal-content.modal-small{max-width:400px}.modal-overlay .modal-content.modal-medium{max-width:600px}.modal-overlay .modal-content.modal-large{max-width:800px}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #dee2e6;margin-bottom:1rem}.modal-overlay .modal-content .modal-header .modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#343a40}.modal-overlay .modal-content .modal-header .modal-close-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:#6c757d;transition:background-color .2s,color .2s}.modal-overlay .modal-content .modal-header .modal-close-button:hover{background-color:#f8f9fa;color:#343a40}.modal-overlay .modal-content .modal-header .modal-close-button .icon{width:1.25rem;height:1.25rem}.modal-overlay .modal-content .modal-body{padding:0 1.5rem 1.5rem}.modal-overlay{animation:modalFadeIn .2s ease-out}.modal-content{animation:modalSlideIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-modal-content .confirmation-message{margin-bottom:1.5rem;font-size:1rem;color:#343a40;line-height:1.5}.confirmation-modal-content .confirmation-buttons{display:flex;gap:.75rem;justify-content:flex-end}.confirmation-modal-content .confirmation-buttons .confirmation-button{padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s;min-width:80px}.confirmation-modal-content .confirmation-buttons .confirmation-button:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-primary{background-color:#0d6efd;color:#fff}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-primary:hover:not(:disabled){background-color:#0b5ed7}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-primary:active:not(:disabled){background-color:#0a58ca}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-secondary{background-color:#6c757d;color:#fff}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-secondary:hover:not(:disabled){background-color:#5c636a}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-secondary:active:not(:disabled){background-color:#565e64}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-danger{background-color:#dc3545;color:#fff}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-danger:hover:not(:disabled){background-color:#c82333}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-danger:active:not(:disabled){background-color:#bd2130}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-success{background-color:#198754;color:#fff}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-success:hover:not(:disabled){background-color:#157347}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-success:active:not(:disabled){background-color:#146c43}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-outline-primary{background-color:transparent;color:#0d6efd;border:1px solid #0d6efd}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-outline-primary:hover:not(:disabled){background-color:#0d6efd;color:#fff}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-outline-secondary{background-color:transparent;color:#6c757d;border:1px solid #6c757d}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-outline-secondary:hover:not(:disabled){background-color:#6c757d;color:#fff}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-outline-danger{background-color:transparent;color:#dc3545;border:1px solid #dc3545}.confirmation-modal-content .confirmation-buttons .confirmation-button.confirmation-button-outline-danger:hover:not(:disabled){background-color:#dc3545;color:#fff}.super-confirmation-modal-content{display:flex;flex-direction:column;gap:24px;padding:8px 0}.super-confirmation-modal-content .warning-section .warning-text{color:#374151;font-size:16px;line-height:1.5;margin:0;font-weight:500}.super-confirmation-modal-content .confirmation-input{display:flex;flex-direction:column;gap:8px}.super-confirmation-modal-content .confirmation-input label{font-size:14px;font-weight:500;color:#374151}.super-confirmation-modal-content .confirmation-input label strong{color:#dc2626;font-weight:600}.super-confirmation-modal-content .confirmation-input .confirmation-input-field{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s ease}.super-confirmation-modal-content .confirmation-input .confirmation-input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.super-confirmation-modal-content .confirmation-input .confirmation-input-field:disabled{background-color:#f9fafb;cursor:not-allowed}.super-confirmation-modal-content .modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.super-confirmation-modal-content .modal-buttons .modal-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.super-confirmation-modal-content .modal-buttons .modal-button:disabled{opacity:.6;cursor:not-allowed}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-secondary{background-color:#f3f4f6;color:#374151}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-secondary:hover:not(:disabled){background-color:#e5e7eb}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-secondary:disabled{background-color:#f9fafb!important;color:#9ca3af!important}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-primary{background-color:#3b82f6;color:#fff}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-primary:hover:not(:disabled){background-color:#2563eb}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-primary:disabled{background-color:#cbd5e1!important;color:#94a3b8!important}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-danger{background-color:#dc2626;color:#fff}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-danger:hover:not(:disabled){background-color:#b91c1c}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-danger:disabled{background-color:#fca5a5!important;color:#dc2626!important}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-success{background-color:#16a34a;color:#fff}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-success:hover:not(:disabled){background-color:#15803d}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-success:disabled{background-color:#bbf7d0!important;color:#16a34a!important}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-warning{background-color:#d97706;color:#fff}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-warning:hover:not(:disabled){background-color:#b45309}.super-confirmation-modal-content .modal-buttons .modal-button.modal-button-warning:disabled{background-color:#fed7aa!important;color:#d97706!important}.project-settings-container{padding:2rem;height:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-y:auto}.project-settings-container .settings-header{margin-bottom:2rem}.project-settings-container .settings-header h2{font-size:1.5rem;color:#343a40;margin:0}.project-settings-container .settings-section{margin-bottom:2rem}.project-settings-container .settings-section h3{font-size:1.2rem;color:#343a40;margin-bottom:1rem;text-align:left;width:100%}.project-settings-container .settings-section .name-edit-section{display:flex;gap:1rem;align-items:center}.project-settings-container .settings-section .name-edit-section .name-input{flex:1;padding:.5rem;border:1px solid #dee2e6;border-radius:.25rem;font-size:1rem}.project-settings-container .settings-section .name-edit-section .name-input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.project-settings-container .settings-section .name-edit-section .rename-button{padding:.5rem 1rem;background-color:#0d6efd;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.project-settings-container .settings-section .name-edit-section .rename-button:hover:not(:disabled){background-color:#0b5ed7}.project-settings-container .settings-section .name-edit-section .rename-button:disabled{background-color:#6c757d;cursor:not-allowed}.project-settings-container .no-project-message,.project-settings-container .loading,.project-settings-container .error-message{display:flex;align-items:center;justify-content:center;height:200px;color:#6c757d;font-size:1.1rem}.project-settings-container .no-keys-message{color:#6c757d;font-size:1.1rem;padding:1rem 0}.project-settings-container .error-message{color:#dc3545}.project-settings-container .api-keys-list{display:flex;flex-direction:column;gap:1rem}.project-settings-container .api-keys-list .api-key-item{display:grid;grid-template-columns:120px 1fr;align-items:start;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;transition:background-color .2s;gap:1rem}.project-settings-container .api-keys-list .api-key-item:hover{background-color:#e9ecef}.project-settings-container .api-keys-list .api-key-item .key-name{font-weight:500;color:#343a40;padding-top:.5rem}.project-settings-container .api-keys-list .api-key-item .key-info{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#6c757d;font-size:.9rem}.project-settings-container .api-keys-list .api-key-item .key-info .key-id{flex:1;font-family:monospace}.project-settings-container .api-keys-list .api-key-item .key-info .key-created{white-space:nowrap;margin-left:.5rem}.project-settings-container .api-keys-list .api-key-item .key-info .toggle-key-button{padding:.25rem .75rem;background-color:#f0f0f0;border:1px solid #dee2e6;border-radius:.25rem;cursor:pointer;white-space:nowrap;font-size:.85rem}.project-settings-container .api-keys-list .api-key-item .key-info .toggle-key-button:hover{background-color:#e9ecef}.project-settings-container .api-keys-list .api-key-item .key-info .delete-key-button{padding:.25rem;background-color:#dc3545;color:#fff;border:none;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.project-settings-container .api-keys-list .api-key-item .key-info .delete-key-button:hover:not(:disabled){background-color:#c82333}.project-settings-container .api-keys-list .api-key-item .key-info .delete-key-button:disabled{background-color:#6c757d;cursor:not-allowed}.project-settings-container .api-keys-list .api-key-item .key-info .delete-key-button .icon{width:1rem;height:1rem}.project-settings-container .api-keys-list .api-key-item .key-info .input-group{display:flex;gap:.5rem;align-items:center;width:100%;flex:1}.project-settings-container .api-keys-list .api-key-item .key-info .key-input,.project-settings-container .api-keys-list .api-key-item .key-info .endpoint-field{flex:1;padding:.5rem;border:1px solid #dee2e6;border-radius:.25rem;font-family:monospace;font-size:.9rem;color:#495057}.project-settings-container .api-keys-list .api-key-item .key-info .key-input:focus,.project-settings-container .api-keys-list .api-key-item .key-info .endpoint-field:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.project-settings-container .api-keys-list .api-key-item .key-info .key-input::placeholder,.project-settings-container .api-keys-list .api-key-item .key-info .endpoint-field::placeholder{color:#495057}.project-settings-container .api-keys-list .api-key-item .key-info .endpoint-input{margin-top:0;margin-left:.5rem;display:flex;gap:.5rem;align-items:center;width:auto}.project-settings-container .api-keys-list .api-key-item .key-info .save-button{padding:.5rem 1rem;background-color:#0d6efd;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;font-size:.9rem;white-space:nowrap;height:fit-content;min-width:70px}.project-settings-container .api-keys-list .api-key-item .key-info .save-button:hover{background-color:#0b5ed7}.project-settings-container .api-keys-list .api-key-item .key-info .save-button:active{background-color:#0a58ca}.project-settings-container .api-keys-list .api-key-item .key-info.third-party-key-info{flex-wrap:wrap}.project-settings-container .api-keys-list .api-key-item .key-info.third-party-key-info .input-group{min-width:300px}.project-settings-container .api-keys-list .api-key-item .key-info.third-party-key-info .endpoint-input{margin-top:.5rem;margin-left:0;width:100%}.project-settings-container .api-keys-list .api-key-item .key-info.third-party-key-info .endpoint-input input{width:100%}.project-settings-container .create-api-key-button{margin-top:1rem;margin-left:auto;display:block;padding:.75rem 1.5rem;background-color:#0d6efd;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.project-settings-container .create-api-key-button:hover:not(:disabled){background-color:#0b5ed7}.project-settings-container .create-api-key-button:disabled{background-color:#6c757d;cursor:not-allowed}.project-settings-container .danger-zone{border-radius:.5rem;margin-top:3rem}.project-settings-container .danger-zone .danger-zone-title{color:#dc2626!important;font-weight:600;margin-bottom:1rem}.project-settings-container .danger-zone .danger-zone-content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.project-settings-container .danger-zone .danger-zone-content .danger-zone-description{width:100%}.project-settings-container .danger-zone .danger-zone-content .danger-zone-description p{margin:0;color:#374151;font-size:.95rem;text-align:left}.project-settings-container .danger-zone .danger-zone-content .delete-project-button{padding:.75rem 1.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s;white-space:nowrap;align-self:flex-start}.project-settings-container .danger-zone .danger-zone-content .delete-project-button:hover:not(:disabled){background-color:#b91c1c}.project-settings-container .danger-zone .danger-zone-content .delete-project-button:disabled{background-color:#9ca3af;cursor:not-allowed}.project-settings-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-settings-container .section-header .add-member-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s;flex-shrink:0;min-width:fit-content}.project-settings-container .section-header .add-member-button:hover{background-color:#2563eb}.project-settings-container .section-header .add-member-button .icon{width:1rem;height:1rem}.project-settings-container .no-members-message{padding:2rem;text-align:center;color:#6b7280;font-style:italic}.project-settings-container .members-list{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.project-settings-container .members-list .members-header{display:grid;grid-template-columns:1fr 1fr auto;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.project-settings-container .members-list .members-header .header-cell{padding:1rem;font-weight:600;color:#374151;text-align:left}.project-settings-container .members-list .member-row{display:grid;grid-template-columns:1fr 1fr auto;border-bottom:1px solid #e5e7eb;transition:background-color .1s}.project-settings-container .members-list .member-row:hover{background-color:#f9fafb}.project-settings-container .members-list .member-row:last-child{border-bottom:none}.project-settings-container .members-list .member-row .member-cell{padding:1rem;color:#374151;display:flex;align-items:center}.project-settings-container .members-list .member-row .member-cell .remove-member-button{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;color:#6c757d;transition:all .2s}.project-settings-container .members-list .member-row .member-cell .remove-member-button:hover:not(:disabled){background-color:#fee;color:#dc3545}.project-settings-container .members-list .member-row .member-cell .remove-member-button:disabled{opacity:.4;cursor:not-allowed}.project-settings-container .members-list .member-row .member-cell .remove-member-button .icon{width:1.25rem;height:1.25rem}.modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow:auto}.modal .modal-content{padding:1.5rem}.modal .modal-content .form-field .form-control{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.modal .modal-content .form-field .form-help-text{margin-top:.5rem;font-size:.875rem;color:#6b7280}.modal .modal-content .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal .modal-content .modal-actions .button{padding:.75rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.organization-container{padding:2rem;max-width:1200px;margin:0 auto}.organization-container .organization-header{margin-bottom:2rem}.organization-container .organization-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.organization-container .members-section .members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.organization-container .members-section .members-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#111827}.organization-container .members-section .members-header .invite-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.organization-container .members-section .members-header .invite-button:hover{background-color:#2563eb}.organization-container .members-section .members-header .invite-button .icon{width:1rem;height:1rem}.organization-container .error-message{background-color:#fef2f2;color:#dc2626;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #fecaca}.organization-container .success-message{background-color:#f0fdf4;color:#16a34a;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #bbf7d0}.organization-container .loading{text-align:center;padding:2rem;color:#6b7280}.organization-container .users-list{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.organization-container .users-list .users-header{display:grid;grid-template-columns:1fr 1fr auto auto;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0}.organization-container .users-list .users-header .header-cell{padding:1rem;font-weight:600;color:#374151;text-align:left}.organization-container .users-list .user-row{display:grid;grid-template-columns:1fr 1fr auto auto;border-bottom:1px solid #e5e7eb;transition:background-color .1s}.organization-container .users-list .user-row:hover{background-color:#f9fafb}.organization-container .users-list .user-row:last-child{border-bottom:none}.organization-container .users-list .user-row .user-cell{padding:1rem;color:#374151;display:flex;align-items:center}.organization-container .users-list .user-row .user-cell .role-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.organization-container .users-list .user-row .user-cell .role-badge.role-owner{background-color:#fef3c7;color:#92400e}.organization-container .users-list .user-row .user-cell .role-badge.role-reader{background-color:#e0f2fe;color:#0369a1}.organization-container .users-list .user-row .user-cell .delete-button{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;color:#6c757d;transition:all .2s}.organization-container .users-list .user-row .user-cell .delete-button:hover:not(:disabled){background-color:#fee;color:#dc3545}.organization-container .users-list .user-row .user-cell .delete-button:disabled{opacity:.4;cursor:not-allowed}.organization-container .users-list .user-row .user-cell .delete-button .icon{width:1.25rem;height:1.25rem}.organization-container .users-list .no-users{padding:2rem;text-align:center;color:#6b7280;font-style:italic}.warning-text{margin-top:.5rem;color:#dc3545;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-sizing:border-box}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal .modal-header .close-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:#6b7280;transition:color .2s,background-color .2s}.modal .modal-header .close-button:hover{color:#374151;background-color:#f3f4f6}.modal .modal-header .close-button .icon{width:1.25rem;height:1.25rem}.modal .modal-content{padding:1.5rem;box-sizing:border-box}.modal .modal-content .form-field{margin-bottom:1rem}.modal .modal-content .form-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.modal .modal-content .form-field .form-control{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.modal .modal-content .form-field .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal .modal-content .form-field .form-control:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal .modal-content .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;box-sizing:border-box;flex-wrap:wrap}.modal .modal-content .modal-actions .button{padding:.75rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;box-sizing:border-box}.modal .modal-content .modal-actions .button:disabled{opacity:.5;cursor:not-allowed}.modal .modal-content .modal-actions .button.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.modal .modal-content .modal-actions .button.secondary:hover:not(:disabled){background-color:#f9fafb}.modal .modal-content .modal-actions .button.primary{background-color:#3b82f6;color:#fff;border:1px solid transparent}.modal .modal-content .modal-actions .button.primary:hover:not(:disabled){background-color:#2563eb}.reset-password-container{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.reset-title{font-size:1.5rem;margin-bottom:2rem;color:#333;text-align:center}form{width:100%}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.btn-reset{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-reset:hover:not(:disabled){background-color:#0069d9}.btn-reset:disabled{background-color:#6c757d;cursor:not-allowed}.success-message{color:#28a745;font-weight:500;text-align:center}.error-message{color:#dc3545;background-color:#f8d7da;padding:.75rem;margin-bottom:1rem;border-radius:4px;width:100%;text-align:center}.verify-account-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;min-height:300px}.verify-title{font-size:1.5rem;margin-bottom:2rem;color:#333}.success-message{color:#28a745;font-weight:500}.error-message{color:#dc3545;font-weight:500}.btn-verify{margin-top:1rem;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-verify:hover{background-color:#0069d9}.api-status-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.api-status-content{text-align:center;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.api-status-content h1{margin-bottom:30px;color:#333;font-size:28px}.api-status-content .status-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.api-status-content .status-indicator .status-icon{width:20px;height:20px;border-radius:50%;animation:pulse 2s infinite}.api-status-content .status-indicator .status-text{font-size:24px;font-weight:500}.api-status-content .status-indicator.checking .status-icon{background-color:#fbbf24}.api-status-content .status-indicator.checking .status-text{color:#d97706}.api-status-content .status-indicator.healthy .status-icon{background-color:#10b981}.api-status-content .status-indicator.healthy .status-text{color:#059669}.api-status-content .status-indicator.down .status-icon{background-color:#ef4444}.api-status-content .status-indicator.down .status-text{color:#dc2626}.api-status-content .last-checked{color:#666;font-size:14px;margin-top:20px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{background:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;border-left:4px solid;padding:0;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease-out}.toast:hover{transform:translate(-2px);box-shadow:0 6px 16px #0003}.toast.toast-error{border-left-color:#dc2626}.toast.toast-success{border-left-color:#16a34a}.toast.toast-warning{border-left-color:#d97706}.toast.toast-info{border-left-color:#2563eb}.toast-content{display:flex;align-items:flex-start;padding:1rem;gap:.75rem}.toast-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.toast-message{flex:1;font-size:.875rem;line-height:1.4;color:#374151}.toast-close{background:none;border:none;font-size:1.25rem;line-height:1;color:#6b7280;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;flex-shrink:0}.toast-close:hover{background-color:#f3f4f6;color:#374151}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.removing{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}body{margin:0;font-family:-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}.App{min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#2563eb}