@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.AccountLayout{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:1.5rem auto;min-height:calc(100vh - 4rem);padding:0 1rem;position:relative}@media(min-width:768px)and (max-width:991px){.AccountLayout{gap:1.75rem;margin:1.75rem auto}}@media(min-width:992px){.AccountLayout{flex-direction:row;gap:2rem;margin:2rem auto}}.AccountLayout-mobileHeader{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:.5rem}@media(min-width:992px){.AccountLayout-mobileHeader{display:none}}.AccountLayout-mobileTitle{font-size:1.25rem;font-weight:600;color:#111827;margin:0}@media(min-width:768px)and (max-width:991px){.AccountLayout-mobileTitle{font-size:1.375rem}}.AccountLayout-menuToggle{background:rgba(0,0,0,0)!important;border:none!important;color:#111827!important;padding:.5rem!important}.AccountLayout-menuToggle:hover{background:#f3f4f6!important}.AccountLayout-menuToggle .pi{font-size:1.25rem}.AccountLayout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:10;animation:fadeIn .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .3s ease}.AccountLayout-sidebar{background:#fff;border-radius:8px;padding:1.5rem;height:-moz-fit-content;height:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media(max-width:575px){.AccountLayout-sidebar{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:300px;border-radius:0;z-index:20;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease}.AccountLayout-sidebar.mobile-open{transform:translateX(0);animation:slideIn .3s ease}}@media(min-width:768px)and (max-width:991px){.AccountLayout-sidebar{padding:1.75rem;width:70%;max-width:350px;position:fixed;top:0;left:0;bottom:0;border-radius:0;z-index:20;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease}.AccountLayout-sidebar.mobile-open{transform:translateX(0);animation:slideIn .3s ease}}@media(min-width:992px){.AccountLayout-sidebar{position:static;flex:0 0 280px;padding:2rem;transform:none}}.AccountLayout-sidebar-section{margin-bottom:2.5rem}@media(min-width:768px)and (max-width:991px){.AccountLayout-sidebar-section{margin-bottom:3.5rem}}@media(min-width:992px){.AccountLayout-sidebar-section{margin-bottom:5rem}}.AccountLayout-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem}@media(min-width:768px)and (max-width:991px){.AccountLayout-title{font-size:1.5rem;margin-bottom:1rem}}@media(min-width:992px){.AccountLayout-title{font-size:1.5rem;margin-bottom:1rem}}.AccountLayout-nav{display:flex;flex-direction:column;gap:.375rem}@media(min-width:768px)and (max-width:991px){.AccountLayout-nav{gap:.625rem}}@media(min-width:992px){.AccountLayout-nav{gap:.5rem}}.AccountLayout-navItem{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;color:#6b7280;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:.9rem}@media(min-width:768px)and (max-width:991px){.AccountLayout-navItem{gap:.875rem;padding:.75rem 1rem;font-size:1.1rem}}@media(min-width:992px){.AccountLayout-navItem{gap:1rem;padding:.75rem 1rem;font-size:1rem}}.AccountLayout-navItem:hover{background:#f3f4f6;color:#111827}.AccountLayout-navItem.active{background:var(--blue-color);color:#fff}.AccountLayout-navItem.active .AccountLayout-navIcon{color:#fff}.AccountLayout-navIcon{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.9rem}@media(min-width:768px)and (max-width:991px){.AccountLayout-navIcon{font-size:1.1rem}}@media(min-width:992px){.AccountLayout-navIcon{font-size:1rem}}.AccountLayout-navIcon svg{width:20px;height:20px}@media(min-width:768px)and (max-width:991px){.AccountLayout-navIcon svg{width:24px;height:24px}}@media(min-width:992px){.AccountLayout-navIcon svg{width:24px;height:24px}}.AccountLayout-content{flex:1 1;background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media(min-width:768px)and (max-width:991px){.AccountLayout-content{padding:1.5rem}}@media(min-width:992px){.AccountLayout-content{padding:2rem}}.AccountLayout-content h2{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem}@media(min-width:768px)and (max-width:991px){.AccountLayout-content h2{font-size:1.375rem;margin-bottom:1.75rem}}@media(min-width:992px){.AccountLayout-content h2{font-size:1.5rem;margin-bottom:2rem}}