body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#121212;color:#fff;min-height:100vh}h1{font-size:24px;text-align:center;margin-bottom:20px;color:#fff}@keyframes slideDown{0%{opacity:0;top:20px}to{opacity:1;top:40px}}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff4d4d;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px #0000004d;opacity:0;transition:opacity .3s ease,top .3s ease;z-index:1000}.notification.visible{opacity:1;animation:slideDown .3s ease-out}.container{background:#121212;color:#fff}.organization-card{background:#1e1e1e;border-color:#333}.org-header h3{color:#fff}.user-role{background:#2c2c2c;color:#93f}.org-description{color:#888}html,body{margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.create-entity-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:200px;background:transparent;border:1px dashed rgba(139,92,246,.5);border-radius:12px;color:#8b5cf6;text-decoration:none;transition:all .2s ease;cursor:pointer}.create-entity-button:hover{background:#8b5cf61a;border-style:solid;transform:translateY(-4px);box-shadow:0 8px 16px #0003}.create-entity-button .create-icon{font-size:2rem;margin-bottom:.5rem}.create-entity-button .create-text{font-size:1rem}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.loader{width:48px;height:48px;border:5px solid #ffffff;border-bottom-color:#93f;border-radius:50%;animation:rotation 1s linear infinite}.loader-container.loader-small{height:unset;background-color:transparent}.loader.loader-small{width:24px;height:24px;border-width:3px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._container_tt4cy_1{max-width:600px;margin:40px auto;padding:30px;background-color:#1c1c1c;border-radius:8px;box-shadow:0 4px 8px #00000080;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto}._container_tt4cy_1 h1{color:#fff;text-align:center;margin-bottom:25px;margin-top:0}._form_tt4cy_23{display:flex;flex-direction:column;gap:20px;width:100%}._formGroup_tt4cy_30{display:flex;flex-direction:column;gap:8px}._formGroup_tt4cy_30 label{font-size:14px;color:#fff}._formGroup_tt4cy_30 input,._formGroup_tt4cy_30 textarea{padding:12px;background-color:#2c2c2c;border:1px solid #6f42c1;border-radius:4px;color:#fff;outline:none}._formGroup_tt4cy_30 textarea{resize:none;height:120px}._formGroup_tt4cy_30 input:focus,._formGroup_tt4cy_30 textarea:focus{border-color:#8a63d2}._error_tt4cy_61{color:#ff4d4d;margin:10px 0;text-align:center}._submitButton_tt4cy_67,._completeButton_tt4cy_68,._backButton_tt4cy_69,._uploadButton_tt4cy_70,._clearButton_tt4cy_71{padding:12px 15px;background:linear-gradient(135deg,#93f,#7a29cc);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}._submitButton_tt4cy_67:hover,._completeButton_tt4cy_68:hover,._uploadButton_tt4cy_70:hover{background:linear-gradient(135deg,#7a29cc,#93f)}._backButton_tt4cy_69{background:#444}._backButton_tt4cy_69:hover{background:#555}._clearButton_tt4cy_71{background:#444}._clearButton_tt4cy_71:hover{background:#555}._avatarStep_tt4cy_105{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}._avatarStep_tt4cy_105 h2{color:#fff;margin-bottom:0}._avatarStep_tt4cy_105 p{color:#fff;text-align:center;margin-top:0}._avatarPreviewContainer_tt4cy_124{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:15px 0;border:3px solid #6f42c1;box-shadow:0 0 10px #6f42c180}._avatarPreview_tt4cy_124{width:100%;height:100%;object-fit:cover}._avatarPlaceholder_tt4cy_140{width:100%;height:100%;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;font-size:72px;color:#6f42c1}._avatarUpload_tt4cy_151{display:flex;gap:10px;margin-top:5px}._avatarActions_tt4cy_157{display:flex;margin-top:20px;width:100%;max-width:250px}._completeButton_tt4cy_68{width:100%;white-space:nowrap}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#1c1c1c;border-bottom:1px solid #6f42c1}.logo-container{display:flex;align-items:center}.logo-link{font-size:28px;font-weight:800;color:#6f42c1;text-decoration:none;letter-spacing:3px;transition:all .3s ease;font-family:Arial,sans-serif;text-shadow:0 0 12px rgba(111,66,193,.6)}.logo-link:hover{color:#8a63d2;text-shadow:0 0 15px rgba(111,66,193,.8);transform:scale(1.05)}.profile-settings{display:flex;align-items:center;gap:10px}.profile-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid #6f42c1;transition:all .2s ease;box-shadow:0 0 5px #6f42c180}.profile-avatar:hover{transform:scale(1.1);box-shadow:0 0 10px #6f42c1cc;border-color:#8a63d2}.settings-button{background:transparent;border:none;color:#6f42c1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.settings-button:hover{background-color:#6f42c11a}.profile-avatar-initials{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid #6f42c1;transition:all .2s ease;box-shadow:0 0 5px #6f42c180;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#6f42c1;text-decoration:none}.profile-avatar-initials:hover{transform:scale(1.1);box-shadow:0 0 10px #6f42c1cc;border-color:#8a63d2;text-decoration:none}.profile-avatar-placeholder{width:40px;height:40px;border-radius:50%;border:3px solid #6f42c1;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;color:#6f42c1}.profile-dropdown{position:absolute;top:55px;right:0;background-color:#1c1c1c;border:1px solid #6f42c1;border-radius:5px;box-shadow:0 4px 8px #0000004d;z-index:1000;min-width:150px}.dropdown-item{display:block;padding:10px 15px;color:#fff;text-decoration:none;transition:background-color .2s;text-align:left;width:100%;border:none;background:none;cursor:pointer;font-size:14px}.dropdown-item:hover{background-color:#333;color:#6f42c1}.logout-button{border-top:1px solid #333;color:#ff4d4d}.profile-settings a{text-decoration:none}.settings-menu-container{position:relative}.settings-dropdown-menu{position:absolute;top:100%;right:0;background-color:#1c1c1c;border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:180px;z-index:1000;margin-top:8px;overflow:hidden}.menu-item{display:flex;align-items:center;padding:12px 16px;width:100%;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s;color:#fff;font-size:14px}.menu-item:hover{background-color:#2c2c2c}.logout-button{color:#ff4d4d}.logout-button:hover{color:#f66}.menu-item svg{margin-right:10px}.workspace-settings{font-family:sans-serif;color:#fff;background-color:#121212;padding:20px;border-radius:8px}.settings-header{margin-bottom:24px;color:#fff;font-size:28px;font-weight:600;border-bottom:2px solid #6f42c1;padding-bottom:12px}.settings-container{display:flex;gap:24px;margin-top:24px}.sidebar{width:220px;border-right:1px solid #6f42c1;padding-right:20px;background-color:#121212}.sidebar-item{display:block;padding:10px 15px;margin-bottom:10px;color:#fff;text-decoration:none;border-radius:6px;transition:all .2s ease;font-weight:500;letter-spacing:.3px}.sidebar-item:hover{background:#6f42c126;transform:translate(5px)}.sidebar-item.active{background:#6f42c1;color:#fff;box-shadow:0 4px 8px #6f42c14d}.settings-content{flex:1;padding:24px;background:#1c1c1c;border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid #333}.settings-section{padding:24px}.settings-section h2{color:#6f42c1;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #6f42c1;font-size:22px;font-weight:600}.settings-section .form-group{margin-bottom:20px}.settings-section label{display:block;margin-bottom:10px;color:#fff;font-weight:500}.settings-section input,.settings-section textarea,.settings-section select{width:100%;max-width:400px;padding:10px 12px;border:1px solid #333;border-radius:6px;background:#2c2c2c;color:#fff;transition:all .2s ease}.settings-section input:hover,.settings-section textarea:hover,.settings-section select:hover{border-color:#6f42c1}.settings-section input:focus,.settings-section textarea:focus,.settings-section select:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c14d;outline:none}.settings-section button{background:#6f42c1;color:#fff;border:none;border-radius:6px;padding:10px 18px;cursor:pointer;transition:all .2s ease;font-weight:500;letter-spacing:.3px}.settings-section button:hover{background:#8a63d2;transform:translateY(-2px);box-shadow:0 4px 8px #6f42c14d}.settings-list{list-style:none;padding:0;margin:0}.settings-list-item{padding:16px;margin-bottom:12px;background:#2c2c2c;border-radius:6px;border:1px solid #333;transition:all .2s ease}.settings-list-item:hover{border-color:#6f42c1;box-shadow:0 4px 8px #0000004d}.settings-modal{background:#1e1e1e;border-radius:8px;padding:24px;max-width:500px;margin:0 auto;border:1px solid #333;box-shadow:0 8px 16px #0006}.general-container{padding:20px;color:#fff}.general-header{border-bottom:1px solid #6f42c1;padding-bottom:15px;margin:0 0 20px;color:#6f42c1;font-size:22px;font-weight:600}.general-main{margin-top:30px;display:flex;justify-content:space-between;align-items:flex-start}.project-info{flex:1}.project-info h3{color:#fff;margin-bottom:12px;font-size:18px;font-weight:500}.project-input{width:100%;max-width:400px;padding:12px;border-radius:6px;border:1px solid #333;background-color:#2c2c2c;color:#fff;transition:all .2s ease;font-size:15px}.project-input:hover:not(:disabled){border-color:#6f42c1}.project-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c14d;outline:none}.project-input:disabled{opacity:.7;cursor:not-allowed}.project-description{margin-top:25px}.project-textarea{width:100%;max-width:400px;padding:12px;border-radius:6px;border:1px solid #333;background-color:#2c2c2c;color:#fff;min-height:120px;resize:vertical;transition:all .2s ease;font-size:15px;font-family:inherit}.project-textarea:hover:not(:disabled){border-color:#6f42c1}.project-textarea:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c14d;outline:none}.project-textarea:disabled{opacity:.7;cursor:not-allowed}.project-photo{margin-left:40px;display:flex;flex-direction:column;align-items:center}.project-photo h3{color:#fff;margin-bottom:12px;font-size:18px;font-weight:500;align-self:flex-start;width:100%}.general-container .photo-preview{width:150px!important;height:150px!important;border:1px solid #333!important;border-radius:8px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:15px!important;background-color:#2c2c2c!important;color:#aaa!important;transition:all .2s ease!important;overflow:hidden!important;position:relative!important}.editing-mode .photo-preview{position:relative;cursor:pointer!important}.general-container .photo-preview:hover{border-color:#6f42c1!important}.general-container .photo-preview img{width:100%!important;height:100%!important;object-fit:cover!important}.general-container .avatar-initials{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:64px!important;font-weight:700!important;color:#6f42c1!important;background-color:#1c1c1c!important;border-radius:0!important}.general-container .avatar-loader{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#2c2c2c!important}.upload-avatar-button{padding:10px 18px;background:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;margin-top:5px;width:100%;max-width:200px}.upload-avatar-button:hover{background:#8a63d2;transform:translateY(-2px);box-shadow:0 4px 8px #6f42c14d}.project-management{margin-top:50px}.project-management h3{color:#fff;margin-bottom:15px;font-size:18px;font-weight:500}.delete-project{border:1px solid #333;border-radius:8px;padding:20px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;background-color:#1e1e1e;transition:all .2s ease}.delete-project:hover{border-color:#dc4747;box-shadow:0 4px 8px #dc47471a}.delete-project .delete-info h4{margin:0 0 10px;color:#ff4d4d;font-size:16px;font-weight:500}.delete-project .delete-info p{margin:0;color:#aaa;line-height:1.5}.delete-project-button{padding:10px 18px;background:#dc4747;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.delete-project-button:hover{background:#e05e5e;transform:translateY(-2px);box-shadow:0 4px 8px #dc47474d}.project-actions{margin-top:25px;display:flex;gap:15px}.edit-button{padding:10px 18px;background:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.edit-button:hover{background:#8a63d2;transform:translateY(-2px);box-shadow:0 4px 8px #6f42c14d}.save-button{padding:10px 18px;background:#22a559;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.save-button:hover{background:#2dc96c;transform:translateY(-2px);box-shadow:0 4px 8px #22a5594d}.save-button:disabled{background:#1a7b43;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.cancel-button{padding:10px 18px;background:#424242;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.cancel-button:hover{background:#555;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cancel-button:disabled{background:#333;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.success-message{margin-top:15px;padding:10px;background-color:#22a55933;border:1px solid #22a559;border-radius:6px;color:#2dc96c}.error-message{margin-top:15px;padding:10px;background-color:#dc474733;border:1px solid #DC4747;border-radius:6px;color:#e05e5e}.editing-mode{border:1px solid #6f42c1;border-radius:8px;padding:20px;background-color:#6f42c11a;margin-top:0!important;margin-bottom:20px;box-shadow:0 4px 12px #6f42c126}.editing-mode-indicator{display:flex;align-items:center;margin-top:0;margin-bottom:15px;padding:8px 12px;background-color:#6f42c133;border-radius:6px;color:#8a63d2;font-size:14px;max-width:400px}.editing-mode-indicator svg{margin-right:10px}.editing-mode .photo-preview:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#6f42c133;border:2px dashed #6f42c1!important;box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity .3s ease}.editing-mode .photo-preview:before{content:"📷";display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;z-index:2;opacity:0;transition:opacity .3s ease;pointer-events:none}.editing-mode .photo-preview:hover:before{opacity:1}.editing-mode .photo-preview:hover:after{opacity:1}.photo-edit-hint{font-size:13px;color:#8a63d2;display:flex;align-items:center;margin-bottom:15px;width:100%;max-width:200px;background-color:#6f42c11a;padding:8px 12px;border-radius:6px;line-height:1.4;text-align:center;justify-content:center}.photo-edit-hint svg{min-width:14px;margin-right:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#1e1e1e;border-radius:8px;padding:25px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000080;animation:slideUp .3s ease;border:1px solid #333}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{margin-top:0;margin-bottom:15px;color:#ff4d4d;font-size:20px;font-weight:600}.modal-content p{margin-bottom:15px;line-height:1.5;color:#fff}.warning-text{color:#e05e5e!important;font-weight:500;background-color:#dc47471a;padding:10px;border-radius:6px;border-left:3px solid #DC4747}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.delete-button{padding:10px 18px;background:#dc4747;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.delete-button:hover{background:#e05e5e;transform:translateY(-2px);box-shadow:0 4px 8px #dc47474d}.delete-button:disabled{background:#9e3333;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.invite-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#121212;color:#fff}.invite-container{background-color:#1c1c1c;border-radius:12px;padding:2.5rem;width:100%;max-width:500px;box-shadow:0 8px 30px #0000004d;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invite-container h1{color:#8b5cf6;font-size:1.8rem;margin-bottom:2rem;font-weight:600}.invite-status{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.invite-status p{margin-top:1.5rem;font-size:1.1rem;color:#ccc;line-height:1.5}.loading-spinner{width:60px;height:60px;border:3px solid rgba(139,92,246,.2);border-radius:50%;border-top-color:#8b5cf6;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:scale(0);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 15px #0003}.status-icon.success{background-color:#34d3994d;color:#2ecc71;border:3px solid #2ecc71;box-shadow:0 0 20px #2ecc7166}.status-icon.error{background-color:#f871714d;color:#ff5252;border:3px solid #ff5252;box-shadow:0 0 20px #ff525266}.status-icon.complete{transform:scale(1)}.status-icon svg{width:45px;height:45px;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease;transition-delay:.2s;stroke-width:2.5}.status-icon.complete svg{opacity:1;transform:scale(1);animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.invite-status.success p,.invite-status.error p{color:#9ca3af}.action-button{margin-top:2rem;padding:.75rem 1.5rem;background-color:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s ease;opacity:0;transform:translateY(10px);animation:buttonAppear .3s forwards;animation-delay:.8s}@keyframes buttonAppear{to{opacity:1;transform:translateY(0)}}.action-button:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}