.oauth2-buttons-container{margin:1.5rem 0}.oauth-divider{align-items:center;color:#6b7280;display:flex;font-size:.875rem;margin:1rem 0;text-align:center}.oauth-divider:after,.oauth-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.oauth-divider span{padding:0 .75rem}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem}.oauth-button,.oauth-button-wrapper{display:flex;justify-content:center}.oauth-button{align-items:center;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.5rem;transition:all .2s ease-in-out;width:100%}.oauth-button:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.oauth-button:disabled{cursor:not-allowed;opacity:.6}.btn-facebook{background-color:#1877f2;color:#fff}.btn-facebook:hover:not(:disabled){background-color:#166fe5;color:#fff}.btn-facebook:active:not(:disabled){background-color:#0d5fd0}.btn-facebook i{font-size:1.25rem}@media (max-width:576px){.oauth-buttons{gap:.5rem}.oauth-button{font-size:.8125rem;padding:.5rem 1rem}}@media (prefers-color-scheme:dark){.oauth-divider{color:#d1d5db}.oauth-divider:after,.oauth-divider:before{border-bottom-color:#374151}}.profile-container{align-items:flex-start;display:flex;flex-direction:row;gap:24px;margin:0 auto;max-width:1200px;min-height:calc(100vh - 160px);padding:24px 16px}.sidebar{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 4px #0000000f;flex-shrink:0;padding:16px 0;width:220px}.menu{list-style:none;margin:0;padding:0}.menu>li{color:#222;font-size:13px;font-weight:600;letter-spacing:.4px;padding:10px 16px 6px;text-transform:uppercase}.submenu{list-style:none;margin:6px 0 0;padding:0}.submenu li{border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:400;margin:2px 8px;padding:9px 16px;transition:background .15s,color .15s}.submenu li.active,.submenu li:hover{background:#fff5ec;color:#f6891a}.submenu li.active{font-weight:600}.content{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 4px #0000000f;flex:1 1;min-width:0;padding:24px}.profile-content{align-items:flex-start;display:flex;flex-direction:row;gap:48px}.profile-left{flex:1 1;min-width:0}.profile-left h1{color:#222;font-size:1.3rem;margin-bottom:20px}.profile-left .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.profile-left .form-group label{color:#333;font-size:14px;font-weight:500;min-width:0;min-width:auto}.profile-left .form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.profile-left .form-group input:focus{border-color:#f6891a;box-shadow:0 0 0 3px #f6891a1f}.profile-left .form-group input:disabled{background:#f5f5f5;color:#888;cursor:not-allowed}.profile-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:220px}.profile-right h1{color:#222;font-size:1.3rem;margin-bottom:20px;text-align:center}.avatar-container{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:4px}.avatar-image{border:3px solid #f6891a;border-radius:50%;box-shadow:0 2px 12px #f6891a33;height:180px;object-fit:cover;width:180px}.btn-save{background-color:#f6891a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:background .2s,transform .1s;white-space:nowrap}.btn-save:hover{background-color:#e07715;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}@media (max-width:768px){.profile-container{flex-direction:column;gap:16px;padding:12px 12px 24px}.sidebar{border-radius:8px;width:100%}.menu>li{padding:8px 12px 4px}.submenu{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0;padding:0 8px}.submenu li{border:1px solid #e8e8e8;border-radius:20px;font-size:13px;margin:0;padding:6px 14px;white-space:nowrap}.submenu li.active,.submenu li:hover{background:#f6891a;border-color:#f6891a;color:#fff}.content{padding:16px}.profile-content{flex-direction:column;gap:24px}.profile-right{align-items:center;width:100%}.avatar-image{height:140px;width:140px}}@media (max-width:480px){.profile-container{padding:8px 8px 20px}.content{padding:14px 12px}.profile-left h1,.profile-right h1{font-size:1.1rem}.avatar-image{height:120px;width:120px}.btn-save{text-align:center;width:100%}}
/*# sourceMappingURL=main.d206b84b.css.map*/