#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}input{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}button{padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s}button:hover{background-color:#0056b3}.message{margin-top:1rem;padding:1rem;border-radius:4px}.message{color:#333;background-color:#f0f0f0;border:1px solid #ccc}.message.success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.message.error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;text-align:center;color:#333}.modal-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.modal-actions button{padding:.75rem 1.5rem}.modal-actions .confirm-btn{background-color:#dc3545}.modal-actions .confirm-btn:hover{background-color:#c82333}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}*,*:before,*:after{box-sizing:border-box}.profile-page-container{display:flex;flex-direction:column;height:100vh;background-color:#1a1a1a;overflow:hidden}.profile-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;border-bottom:1px solid #333;width:100%;flex-shrink:0}.profile-nav h1{font-size:1.5rem;margin:0}.nav-logout-button{background-color:#4f4f4f;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .2s}.nav-logout-button:hover{background-color:#666}.profile-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding:2rem;overflow-y:auto}.profile-card{background-color:#242424;border-radius:12px;padding:2.5rem;width:100%;max-width:500px;text-align:center;box-shadow:0 10px 20px #0003;border:1px solid #333}.profile-avatar{margin:0 auto 1.5rem}.profile-welcome{font-size:1.75rem;margin-bottom:.5rem}.profile-phone{color:#a0a0a0;margin-bottom:2rem}.deletion-zone{border-top:1px solid #444;padding-top:1.5rem;margin-top:1.5rem}.deletion-title{color:#ff6b6b;font-size:1.25rem;margin-bottom:.5rem}.deletion-warning{color:#a0a0a0;font-size:.9rem;margin-bottom:1.5rem}.consent-container{display:flex;align-items:flex-start;text-align:left;margin-bottom:1.5rem;gap:10px}.consent-container input{margin-top:4px}.consent-container label{font-size:.9rem;color:#ccc;line-height:1.4}.delete-button-final{width:100%;padding:.75rem;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.delete-button-final:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.delete-button-final:not(:disabled):hover{background-color:#ff3c3c}.avatar-image,.avatar-initials{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #4f4f4f;font-family:Arial,sans-serif}.avatar-initials{display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700}.app-header{width:100%;padding:1rem 2rem;background-color:#242424;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.app-header .logo{height:40px;mix-blend-mode:lighten}.layout-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}