.profile-main{justify-content:center;padding:2rem;height:100%;caret-color:transparent}.profile-container,.profile-main{display:flex;width:100%;box-sizing:border-box}.profile-container{flex-direction:column;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 1px 5px #00000040;min-height:calc(100vh - 8rem)}.profile-header{margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.profile-header h1{font-size:2rem;font-weight:400;margin:0}.profile-header p{color:#666;font-size:1.2rem;margin-top:0}.profile-avatar{width:500px;height:500px}.profile-content-row{display:flex;width:100%;gap:2.5rem;flex:1}.profile-left{flex-basis:50%;max-width:50%;min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:center}.profile-right{flex-basis:100%;width:100%;height:100%;min-width:500px;max-width:700px;max-height:500px;background:#fbfbfc;padding:2.5rem;margin-bottom:1rem;border-radius:24px;border:1px solid #e0e0e0}.profile-right h2{font-size:1.5rem;color:#000;font-weight:600;margin:0}.profile-right p{color:#666;margin-top:0;margin-bottom:1rem}.profile-form{display:flex;flex-direction:column;gap:.5rem}.name-row{display:flex;gap:1rem}.name-row label{flex:1}.profile-form label{display:flex;flex-direction:column;font-weight:500;font-size:.9rem;color:#000;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.profile-form input{padding:.75rem;border-radius:8px;font-size:1rem;background:#fff;border:1px solid #ccd1d8;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease;outline:none;caret-color:auto}.name-row input:focus,.profile-form input:focus{border-color:#53cdff;box-shadow:0 0 0 3px rgba(83,205,255,.1);background-color:#ffffff}.profile-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.profile-buttons button{flex:initial;padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500}.profile-buttons button:first-child{background:#fff;color:#666;border:1px solid #ddd}.profile-buttons button:last-child{background:#53cdff;color:#fff;border:1px solid #ddd}.profile-note{width:100%;margin-top:2.5rem;padding:1.2rem 1.5rem;box-sizing:border-box;background:#f3f7fc;border-radius:.7rem;border-left:4px solid #53cdff;font-size:1rem;color:#222}.profile-note-title{color:#2563eb;font-weight:600;margin-right:.5rem}.profile-container .profile-note{margin-top:1.5rem}.profile-form input,.profile-form label{width:100%;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:2rem;border-radius:16px;width:100%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-content h2{margin:0 0 1.5rem;text-align:center;font-size:1.5rem;color:#2d3748}.modal-body{gap:1rem}.modal-body,.modal-body label{display:flex;flex-direction:column}.modal-body label{gap:.5rem;font-size:.9rem;color:#666;pointer-events:none}.modal-body input{padding:.75rem;border-radius:8px;border:1px solid #ccd1d8;font-size:1rem;pointer-events:auto;caret-color:auto;transition:all .2s ease;outline:none}.modal-body input:focus{border-color:#53cdff;box-shadow:0 0 0 3px rgba(83,205,255,.1);background-color:#ffffff}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-footer button{padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer}.modal-footer button:first-child{background:#fff;color:#666;border:1px solid #ddd}.modal-footer button:last-child{background:#53cdff;color:#fff;border:none}.modal-error-container{height:1rem;display:flex;align-items:flex-start;justify-content:center;margin-top:1rem;width:100%}.modal-error-message{color:#dc2626;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px}.modal-error-message,.modal-success-message{font-size:.875rem;text-align:center;width:100%;opacity:1;transition:opacity .3s ease}.modal-success-message{color:#059669;padding:.5rem;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px}@media (max-width:480px){.modal-error-container{height:3.5rem;margin-top:.75rem;margin-bottom:.25rem}.modal-content{width:calc(100% - 2rem);max-width:450px;padding:1.5rem;margin:1rem;max-height:calc(100vh - 4rem);overflow-y:auto}.modal-content h2{font-size:1.2rem;margin-bottom:1rem}.modal-body{gap:1rem}.modal-body label{font-size:.75rem;pointer-events:none}.modal-body input{font-size:1rem;padding:.5rem;width:100%;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis}.name-row{display:flex;gap:.5rem;width:100%}.name-row label{flex:1;min-width:0}.name-row input{width:100%;min-width:0;max-width:100%}.modal-footer{margin-top:2rem;gap:.5rem}.modal-footer button{padding:.4rem .8rem;font-size:.75rem;flex:1;max-width:120px}.modal-error-container{height:2.5rem;margin-top:.3rem;margin-bottom:.3rem}.modal-error-message{font-size:.75rem;padding:.5rem}.profile-main{justify-content:center;padding:.5rem;height:100%}.profile-container,.profile-main{display:flex;width:100%;flex-direction:column;box-sizing:border-box}.profile-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 5px #00000040;min-height:calc(100vh - 8rem)}.profile-header{margin-bottom:.5rem;border-bottom:1px solid #e5e7eb}.profile-header h1{font-size:1rem;font-weight:400;margin:0}.profile-header p{color:#666;font-size:.6rem;margin-top:0}.profile-avatar{min-width:110px;width:110px;min-height:110px;height:110px;margin:0}.profile-content-row{gap:0;flex:1;padding:0 .5rem;box-sizing:border-box}.profile-content-row,.profile-left{display:flex;width:100%;flex-direction:column;align-items:center}.profile-left{flex-basis:auto;max-width:100%;text-align:center;justify-content:center;padding:0;margin-bottom:.5rem}.profile-right{flex-basis:100%;min-width:200px;max-width:100%;width:100%;height:auto;background:#fbfbfc;padding:.75rem;margin:0;border-radius:12px;border:1px solid #e0e0e0;overflow-y:auto;max-height:calc(100vh - 12rem)}.profile-right h2{font-size:.7rem;color:#000;font-weight:400;margin:0}.profile-right p{color:#666;font-size:.6rem;font-weight:300;margin-top:0;margin-bottom:.5rem}.profile-form{flex-direction:column}.name-row,.profile-form{display:flex;gap:.5rem}.name-row label{flex:1}.profile-form label{display:flex;flex-direction:column;font-weight:500;font-size:.7rem;color:#000;gap:.2rem;text-transform:uppercase;letter-spacing:.5px}.profile-form input{padding:.4rem;border-radius:5px;font-size:.8rem;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #ccd1d8}.profile-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.profile-buttons button{flex:initial;padding:.3rem .5rem;border-radius:6px;font-size:.7rem;font-weight:500}.profile-buttons button:first-child{background:#fff;color:#666;border:1px solid #ddd}.profile-buttons button:last-child{background:#53cdff;color:#fff;border:1px solid #ddd}.profile-note{width:100%;margin-top:2.5rem;padding:1.2rem 1.5rem;box-sizing:border-box;background:#f3f7fc;border-radius:.7rem;border-left:4px solid #53cdff;font-size:1rem;color:#222}.profile-note-title{color:#2563eb;font-weight:600;margin-right:.5rem}.profile-container .profile-note{margin-top:1.5rem}.profile-form input,.profile-form label{width:100%;box-sizing:border-box}}