.auth-container{justify-content:center;align-items:center;padding:2rem;display:flex}@media (width<=768px){.auth-container{padding:1rem .5rem}}.auth-box{background:#c6c1b2;border:1px solid #495a58;border-radius:8px;width:100%;max-width:450px;padding:2rem;box-shadow:0 2px 4px #495a5833}.auth-title{color:#495a58;text-align:center;margin-bottom:1.5rem;font-family:Outfit;font-size:2rem;font-weight:700}.auth-error{color:#8b5a52;background-color:#8b5a5233;border:1px solid #8b5a52;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-weight:700}.auth-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.auth-field{flex-direction:column;display:flex}.auth-input{color:#2a3331;box-sizing:border-box;background:#c6c1b2;border:1px solid #495a58;border-radius:4px;width:100%;padding:.75rem;font-family:Inter;font-size:1rem;font-weight:400;transition:border-color .3s}.auth-input:focus{border-color:#3a4745;outline:none}.auth-input::placeholder{color:#495a58;opacity:.7}.auth-field .relative{position:relative}.auth-input-icon{color:#495a58;z-index:1;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.auth-input-with-icon{padding-left:2rem}.auth-field .relative .auth-input-with-icon{padding-right:2rem}.auth-password-toggle{color:#495a58;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .3s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:#3a4745}.auth-password-toggle:focus{outline:none}.auth-button{color:#fff;cursor:pointer;background-color:#495a58;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem 2rem;font-family:Inter;font-size:1rem;font-weight:500;transition:background-color .3s,transform .2s;display:flex}.auth-button:hover:not(:disabled){background-color:#3a4745;transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button-google{color:#2a3331;background-color:#fff;border:1px solid #495a58;justify-content:center;align-items:center;gap:.5rem;display:flex}.auth-button-google:hover:not(:disabled){background-color:#f5f5f5;border-color:#3a4745}.auth-divider{text-align:center;color:#495a58;align-items:center;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #495a58;flex:1}.auth-divider span{padding:0 1rem}.auth-links{text-align:center;color:#495a58;margin-top:1.5rem}.auth-links a{color:#495a58;background-color:#0000;border:1px solid #495a58;border-radius:4px;align-items:center;gap:.5rem;margin:0 .5rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.auth-links a:hover{color:#3a4745;background-color:#495a581a;border-color:#3a4745}.auth-links a i{font-size:1rem}.success-container{justify-content:center;align-items:center;padding:2rem;display:flex}.success-box{text-align:center;background:#c6c1b2;border:1px solid #495a58;border-radius:8px;width:100%;max-width:500px;padding:2rem;box-shadow:0 2px 4px #495a5833}.success-title{color:#495a58;margin-bottom:1rem;font-family:Outfit;font-size:2rem;font-weight:700}.success-message{color:#2a3331;margin-bottom:1.5rem;font-size:1.1rem}.settings-container{box-sizing:border-box;width:100%;max-width:800px;margin:1rem auto 0;padding:2rem}.settings-box{box-sizing:border-box;overflow-wrap:break-word;background:#c6c1b2;border:1px solid #495a58;border-radius:8px;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #495a5833}.wall-customization-form{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:0 1rem}@media (width<=768px){.wall-customization-form{max-width:100%;padding:0 .5rem}.settings-field{width:100%}}@media (width<=400px){.wall-customization-form{padding:0 .75rem}.file-upload-area>div{padding:1.5rem 1rem!important}.settings-container,.settings-box{padding:1rem .75rem}.settings-button{padding:.5rem .75rem;font-size:.85rem}.settings-info{font-size:.9rem}}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:#495a58;border-bottom:2px solid #495a58;margin-bottom:1rem;padding-bottom:.5rem;font-family:Outfit;font-size:1.5rem;font-weight:700}.settings-field{box-sizing:border-box;overflow-wrap:break-word;width:100%;margin-bottom:1.5rem}.settings-label-container{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.settings-icon{color:#495a58;font-size:1rem}.settings-button .settings-icon{color:inherit}.settings-label{color:#495a58;margin:0;font-weight:500;display:block}.settings-info{color:#2a3331;opacity:.8;word-break:break-word;overflow-wrap:break-word;max-width:100%;margin-top:.5rem;margin-bottom:.5rem;font-size:1rem}.settings-button-group{gap:1rem;margin-top:1rem;display:flex}.settings-button{color:#fff;cursor:pointer;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;background-color:#495a58;border:none;border-radius:4px;max-width:100%;padding:.5rem 1rem;font-family:Inter;font-size:.9rem;font-weight:500;transition:background-color .3s;display:inline-block}.settings-button:hover:not(:disabled){background-color:#3a4745}.settings-button:disabled{opacity:.6;cursor:not-allowed}.settings-button-secondary{color:#495a58;background-color:#c6c1b2;border:1px solid #495a58}.settings-button-secondary:hover:not(:disabled){background-color:#b5b0a0}.auth-button-secondary{color:#495a58;background-color:#c6c1b2;border:1px solid #495a58;margin-top:.5rem}.auth-button-secondary:hover:not(:disabled){background-color:#b5b0a0}input[type=file]{color:#fff;cursor:pointer;background-color:#495a58;border:none;border-radius:4px;margin-bottom:.5rem;padding:.5rem 1rem;font-family:Inter;font-size:.9rem;font-weight:500;transition:background-color .3s;display:inline-block}input[type=file]:hover{background-color:#3a4745}input[type=file]:focus{outline:none;box-shadow:0 0 0 2px #495a584d}.skeleton{opacity:0;background:0 0;border-radius:4px}.skeleton-title{width:200px;height:1.5rem;margin-bottom:.5rem}.skeleton-text{width:100%;height:1rem;margin-bottom:.5rem}.skeleton-text-short{width:60%;height:1rem;margin-bottom:.5rem}.skeleton-button{border-radius:4px;width:180px;height:2.5rem}.skeleton-label{width:120px;height:1rem;margin-bottom:.5rem}.skeleton-info{width:150px;height:1rem;margin-top:.5rem;margin-bottom:.5rem}.file-upload-area{box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;margin-bottom:.5rem;transition:all .3s}.file-upload-area:hover{background-color:#495a580d;border-color:#495a58}.file-upload-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background-color:#495a58;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:Inter;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #495a5833}.file-upload-button:hover{background-color:#3a4745;transform:translateY(-2px);box-shadow:0 4px 8px #495a584d}.file-upload-button:active{transform:translateY(0);box-shadow:0 2px 4px #495a5833}