.profile-page{background:#0a0a0a;min-height:100vh;padding:20px 20px 40px}.profile-page .error-container,.profile-page .loading-container{display:flex;align-items:center;justify-content:center;min-height:50vh}.profile-page .error-container .error-text,.profile-page .error-container .loading-text,.profile-page .loading-container .error-text,.profile-page .loading-container .loading-text{color:#a0a0a0;font-size:16px}.profile-page .profile-container{background:rgba(22,22,22,.8);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid rgba(42,42,42,.6);margin-bottom:20px}.profile-page .profile-container .profile-content{padding:30px}.profile-page .profile-container .profile-content .profile-section{margin-bottom:40px}.profile-page .profile-container .profile-content .profile-section:last-child{margin-bottom:0}.profile-page .profile-container .profile-content .profile-section .section-title{font-size:20px;font-weight:600;color:#1a9a6b;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;gap:10px}.profile-page .profile-container .profile-content .profile-section .section-title .section-icon{color:#1a9a6b}.profile-page .profile-container .profile-content .profile-section .profile-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:25px;background:#1e1e1e;border-radius:16px;border:1px solid #2a2a2a}@media(max-width:768px){.profile-page .profile-container .profile-content .profile-section .profile-header-section{flex-direction:column;gap:20px}}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info{display:flex;align-items:center;gap:20px}@media(max-width:768px){.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info{flex-direction:column;text-align:center}}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-avatar{width:80px;height:80px;background:#1a9a6b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details h2{font-size:26px;font-weight:600;color:#fff;margin:0 0 6px}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details .user-email{color:#a0a0a0;font-size:15px;margin-bottom:10px}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details .user-role{display:inline-block;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details .user-role.admin{background:rgba(224,84,84,.15);color:#e05454}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details .user-role.association{background:rgba(26,154,107,.12);color:#1a9a6b}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details .user-role.user{background:rgba(107,114,128,.15);color:#a0a0a0}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls{display:flex;gap:10px}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .cancel-button,.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .edit-button,.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .save-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .edit-button{background:#1a9a6b;color:#fff}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .edit-button:hover{background:#158558}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .save-button{background:#22a35c;color:#fff}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .save-button:hover{background:rgb(29.5989847716,141.9010152284,80.0913705584)}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .save-button:disabled{opacity:.6;cursor:not-allowed}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .cancel-button{background:rgba(0,0,0,0);border:1px solid #2a2a2a;color:#fff}.profile-page .profile-container .profile-content .profile-section .profile-header-section .edit-controls .cancel-button:hover{background:rgba(22,22,22,.8)}.profile-page .profile-container .profile-content .profile-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item{background:#1e1e1e;border-radius:12px;padding:18px;border:1px solid #2a2a2a}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-label{font-size:12px;font-weight:600;color:#707070;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-value{font-size:15px;color:#fff;font-weight:500}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-value.empty{color:#707070;font-style:italic}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-select{width:100%;border:1.5px solid #555;border-radius:12px;font-size:16px;background:#2a2a2a;color:#e0e0e0;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding:12px 40px 12px 16px}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-select:focus{outline:none;border-color:#356b56;background-color:#1e1e1e;box-shadow:0 0 0 3px rgba(53,107,86,.3)}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-select option{background:#2a2a2a;color:#e0e0e0;padding:10px}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-select option:disabled{color:#666}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-description{font-size:13px;color:#a0a0a0;margin-top:6px}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-status.enabled{color:#22a35c}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item .info-status.disabled{color:#707070}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item input{width:100%;padding:12px 14px;background:rgba(22,22,22,.8);border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:15px;transition:all .3s ease}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item input:focus{outline:none;border-color:#1a9a6b;box-shadow:0 0 0 3px rgba(26,154,107,.12)}.profile-page .profile-container .profile-content .profile-section .info-grid .info-item input::placeholder{color:#707070}.profile-page .profile-container .profile-content .profile-section .language-preference{display:flex;flex-direction:column;gap:20px}.profile-page .profile-container .profile-content .profile-section .language-preference .preference-header .preference-label{font-size:15px;font-weight:600;color:#fff;display:block;margin-bottom:6px}.profile-page .profile-container .profile-content .profile-section .language-preference .preference-header .preference-description{font-size:14px;color:#a0a0a0}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #2a2a2a;border-radius:12px;background:#1e1e1e;cursor:pointer;transition:all .2s ease;font-size:14px}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option .flag{font-size:24px;line-height:1;flex-shrink:0}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option .flag-icon{flex-shrink:0}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option .name{flex:1;font-weight:500;color:#fff;text-align:left}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option svg{flex-shrink:0;opacity:0;transition:opacity .2s ease;color:#1a9a6b}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option:hover{border-color:#3a3a3a;background:rgba(42,157,143,.05);transform:translateY(-1px)}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option.active{border-color:#1a9a6b;background:rgba(26,154,107,.12);box-shadow:0 0 0 3px rgba(42,157,143,.2)}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option.active .name{color:#fff;font-weight:600}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option.active svg{opacity:1;color:#1a9a6b}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option:active{transform:translateY(0)}.profile-page .profile-container .profile-content .profile-section .association-card{background:#1e1e1e;border-radius:15px;padding:20px;border:1px solid #2a2a2a}.profile-page .profile-container .profile-content .profile-section .association-card .association-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.profile-page .profile-container .profile-content .profile-section .association-card .association-header .association-badge{background:#1a9a6b;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:18px}.profile-page .profile-container .profile-content .profile-section .association-card .association-header .association-name{font-size:20px;font-weight:600;color:#fff}.profile-page .profile-container .profile-content .profile-section .association-card .association-description{color:#a0a0a0;font-size:14px;line-height:1.6}.profile-page .profile-container .profile-content .profile-section .crm-config{background:rgba(53,107,86,.05);border:1px solid rgba(53,107,86,.2);border-radius:15px;padding:20px}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-status{display:flex;align-items:center;gap:10px}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-status .status-indicator{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-status .status-indicator.configured{background:rgba(53,107,86,.2);color:#4ade80;border:1px solid rgba(53,107,86,.4)}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-status .status-indicator.not-configured{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-status .crm-name-badge{background:#356b56;color:#fff;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:600;text-transform:uppercase}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-actions{display:flex;gap:10px}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-actions .test-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-actions .test-button:hover:not(:disabled){background:rgba(59,130,246,.2)}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-header .crm-actions .test-button:disabled{opacity:.6;cursor:not-allowed}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-test-result{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-test-result.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-test-result.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-test-result.testing{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);color:#60a5fa}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-test-result.testing .spinning{animation:spin 1s linear infinite}.profile-page .profile-container .profile-content .profile-section .crm-config .crm-test-result .test-message{flex:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-page .profile-container .profile-content .profile-section .crm-config .info-grid .info-item.full-width{grid-column:1/-1}.profile-page .profile-container .profile-content .profile-section .crm-config .info-grid .info-label{display:flex;align-items:center;gap:8px}.profile-page .profile-container .profile-content .profile-section .crm-config .info-grid .info-label .api-key-status-icon{margin-left:4px}.profile-page .profile-container .profile-content .profile-section .payment-days-config{background:rgba(53,107,86,.05);border:1px solid rgba(53,107,86,.2);border-radius:15px;padding:20px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-header .payment-days-description{color:#9ca3af;font-size:14px;flex:1;min-width:200px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-header .payment-days-actions{display:flex;gap:10px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-days-empty{color:#777;font-style:italic;font-size:14px;padding:10px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item{display:flex;align-items:center;gap:8px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .payment-day-select{padding:10px 16px;border:1.5px solid #555;border-radius:10px;background:#2a2a2a;color:#e0e0e0;font-size:16px;cursor:pointer;transition:all .2s ease;min-width:80px}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .payment-day-select:focus{outline:none;border-color:#356b56;box-shadow:0 0 0 3px rgba(53,107,86,.3)}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .payment-day-select option{background:#2a2a2a;color:#e0e0e0}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .payment-day-select option:disabled{color:#555}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .payment-day-display{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(53,107,86,.15);border:1px solid rgba(53,107,86,.3);border-radius:10px;color:#e0e0e0;font-size:14px;font-weight:500}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .remove-day-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(224,84,84,.3);border-radius:8px;background:rgba(224,84,84,.1);color:#e05454;cursor:pointer;transition:all .2s ease}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .payment-day-item .remove-day-button:hover{background:rgba(224,84,84,.2);border-color:#e05454}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .add-day-button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1.5px dashed #555;border-radius:10px;background:rgba(0,0,0,0);color:#9ca3af;font-size:14px;cursor:pointer;transition:all .2s ease}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-list .add-day-button:hover{border-color:#356b56;color:#356b56;background:rgba(53,107,86,.05)}.profile-page .profile-container .profile-content .profile-section .payment-days-config .payment-days-warning{display:flex;align-items:center;gap:8px;margin-top:15px;padding:10px 15px;background:rgba(224,84,84,.1);border:1px solid rgba(224,84,84,.3);border-radius:10px;color:#e05454;font-size:13px}.profile-page .profile-container .profile-content .profile-section .security-item{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#1e1e1e;border-radius:12px;border:1px solid #2a2a2a;margin-bottom:12px}.profile-page .profile-container .profile-content .profile-section .security-item:last-child{margin-bottom:0}.profile-page .profile-container .profile-content .profile-section .security-item .security-info{display:flex;align-items:center;gap:15px}.profile-page .profile-container .profile-content .profile-section .security-item .security-info .security-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.profile-page .profile-container .profile-content .profile-section .security-item .security-info .security-icon.enabled{background:rgba(34,163,92,.15);color:#22a35c}.profile-page .profile-container .profile-content .profile-section .security-item .security-info .security-icon.disabled{background:rgba(22,22,22,.8);color:#707070}.profile-page .profile-container .profile-content .profile-section .security-item .security-info .security-details .security-title{font-size:15px;font-weight:600;color:#fff}.profile-page .profile-container .profile-content .profile-section .security-item .security-info .security-details .security-status{font-size:13px;color:#a0a0a0;margin-top:2px}.profile-page .profile-container .profile-content .profile-section .security-item .status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.profile-page .profile-container .profile-content .profile-section .security-item .status-badge.enabled{background:rgba(34,163,92,.15);color:#22a35c}.profile-page .profile-container .profile-content .profile-section .security-item .status-badge.disabled{background:rgba(156,163,175,.15);color:#707070}.profile-page .action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.profile-page .action-cards .action-card{background:rgba(22,22,22,.8);border-radius:16px;padding:24px;border:1px solid rgba(42,42,42,.6)}.profile-page .action-cards .action-card .action-header{margin-bottom:18px}.profile-page .action-cards .action-card .action-header .action-title{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}.profile-page .action-cards .action-card .action-header .action-description{font-size:13px;color:#a0a0a0}.profile-page .action-cards .action-card .action-content{display:flex;flex-direction:column;gap:10px}.profile-page .action-cards .action-card .action-content .action-button{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.profile-page .action-cards .action-card .action-content .action-button:hover{border-color:#3a3a3a;background:rgba(42,157,143,.05)}.profile-page .action-cards .action-card .action-content .action-button.warning{border-color:rgba(245,158,11,.3);color:#f59e0b}.profile-page .action-cards .action-card .action-content .action-button.warning:hover{background:rgba(245,158,11,.12)}.profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-modal .modal-content{background:rgba(22,22,22,.8);border-radius:24px;padding:30px;width:100%;max-width:450px;box-shadow:0 25px 80px rgba(0,0,0,.6);border:1px solid rgba(42,42,42,.6)}.profile-modal .modal-content .modal-header{margin-bottom:24px}.profile-modal .modal-content .modal-header .modal-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 8px}.profile-modal .modal-content .modal-header .modal-subtitle{color:#a0a0a0;font-size:14px;line-height:1.5}.profile-modal .modal-content .modal-body .form-group{margin-bottom:18px}.profile-modal .modal-content .modal-body .form-group label{display:block;font-size:14px;color:#a0a0a0;margin-bottom:8px;font-weight:500}.profile-modal .modal-content .modal-body .form-group input{width:100%;padding:14px 16px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;color:#fff;font-size:15px;transition:all .3s ease}.profile-modal .modal-content .modal-body .form-group input:focus{outline:none;border-color:#1a9a6b;box-shadow:0 0 0 3px rgba(26,154,107,.12)}.profile-modal .modal-content .modal-body .form-group input::placeholder{color:#707070}.profile-modal .modal-content .modal-body .form-group .error-text{color:#e05454;font-size:13px;margin-top:6px}.profile-modal .modal-content .modal-actions{display:flex;gap:12px;margin-top:24px}.profile-modal .modal-content .modal-actions button{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-modal .modal-content .modal-actions button.primary-btn{background:#1a9a6b;border:none;color:#fff}.profile-modal .modal-content .modal-actions button.primary-btn:hover:not(:disabled){background:#158558}.profile-modal .modal-content .modal-actions button.primary-btn:disabled{opacity:.6;cursor:not-allowed}.profile-modal .modal-content .modal-actions button.secondary-btn{background:rgba(0,0,0,0);border:1px solid #2a2a2a;color:#fff}.profile-modal .modal-content .modal-actions button.secondary-btn:hover{border-color:#fff}@media(max-width:768px){.profile-page{padding:10px 10px 20px}.profile-page .profile-container .profile-content{padding:20px}.profile-page .profile-container .profile-content .profile-section .section-title{font-size:17px}.profile-page .profile-container .profile-content .profile-section .profile-header-section{padding:20px}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-avatar{width:64px;height:64px;font-size:26px}.profile-page .profile-container .profile-content .profile-section .profile-header-section .user-info .user-details h2{font-size:22px}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector{grid-template-columns:repeat(2,1fr);gap:10px}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option{padding:12px 14px}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option .flag{font-size:20px}.profile-page .profile-container .profile-content .profile-section .language-preference .language-selector .language-option .name{font-size:13px}.profile-page .action-cards{grid-template-columns:1fr}.profile-modal{padding:10px}.profile-modal .modal-content{padding:24px 20px}}