.account-layout{background:#f8fafc;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;min-height:100vh}.account-layout .top-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100}.account-layout .top-nav .container{margin:0 auto;max-width:1600px;padding:0 1rem}.account-layout .top-nav .nav-inner{align-items:center;display:flex;height:64px;justify-content:space-between}.account-layout .top-nav .brand{align-items:center;display:flex;gap:1rem}.account-layout .top-nav .brand a{align-items:center;display:flex;text-decoration:none}.account-layout .top-nav .brand .burger-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px;transition:all .3s}@media (max-width:1024px){.account-layout .top-nav .brand .burger-btn{display:flex}}.account-layout .top-nav .brand .burger-btn span{background:#0f172a;border-radius:2px;display:block;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.account-layout .top-nav .brand .burger-btn span:first-child.active{transform:translateY(7px) rotate(45deg)}.account-layout .top-nav .brand .burger-btn span:nth-child(2).active{opacity:0;transform:translate(-10px)}.account-layout .top-nav .brand .burger-btn span:nth-child(3).active{transform:translateY(-7px) rotate(-45deg)}.account-layout .top-nav .brand .burger-btn:hover span{background:#10b981}.account-layout .top-nav .user-menu{align-items:center;display:flex;gap:1rem;position:relative}.account-layout .top-nav .user-menu .user-info-block{align-items:center;cursor:pointer;display:flex;gap:.75rem}.account-layout .top-nav .user-menu .user-info-block .user-name{color:#0f172a;font-size:.9rem;font-weight:600}@media (max-width:768px){.account-layout .top-nav .user-menu .user-info-block .user-name{display:none}}.account-layout .top-nav .user-menu .user-info-block .user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #e2e8f0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;transition:all .3s;width:40px}.account-layout .top-nav .user-menu .user-info-block .user-avatar:hover{border-color:#10b981;transform:scale(1.05)}.account-layout .top-nav .user-menu .user-info-block .user-avatar span{align-items:center;display:flex;justify-content:center}.account-layout .top-nav .user-menu .user-dropdown{animation:fadeInDown .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-layout .top-nav .user-menu .user-dropdown .dropdown-item{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s;width:100%}.account-layout .top-nav .user-menu .user-dropdown .dropdown-item svg{color:#64748b;height:18px;width:18px}.account-layout .top-nav .user-menu .user-dropdown .dropdown-item:hover{background:#f8fafc;color:#10b981}.account-layout .top-nav .user-menu .user-dropdown .dropdown-item:hover svg{color:#10b981}.account-layout .top-nav .user-menu .user-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #e2e8f0}.account-layout .account-container{display:grid;gap:0;grid-template-columns:260px 1fr;margin:0 auto;max-width:1600px;min-height:calc(100vh - 64px);position:relative}@media (max-width:1024px){.account-layout .account-container{grid-template-columns:1fr}}.account-layout .account-container .mobile-overlay{display:none}@media (max-width:1024px){.account-layout .account-container .mobile-overlay{animation:fadeIn .3s ease;background:#00000080;display:block;inset:64px 0 0;position:fixed;z-index:998}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.account-layout .sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:1.5rem 0}@media (max-width:1024px){.account-layout .sidebar{border-bottom:none;border-right:1px solid #e2e8f0;bottom:0;box-shadow:4px 0 12px #0000001a;left:0;overflow-y:auto;padding:1.5rem 0;position:fixed;top:64px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.account-layout .sidebar.mobile-open{transform:translate(0)}}.account-layout .sidebar .sidebar-section{margin-bottom:2rem}.account-layout .sidebar .sidebar-section .section-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1.5rem;text-transform:uppercase}.account-layout .sidebar .sidebar-section .sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.account-layout .sidebar .sidebar-section .sidebar-nav .nav-item{align-items:center;border-left:3px solid transparent;color:#64748b;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-layout .sidebar .sidebar-section .sidebar-nav .nav-item svg{flex-shrink:0;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.account-layout .sidebar .sidebar-section .sidebar-nav .nav-item:hover{background:#f0fdf4;border-left-color:#10b981;color:#10b981;transform:translate(4px)}.account-layout .sidebar .sidebar-section .sidebar-nav .nav-item:hover svg{color:#10b981;transform:scale(1.15)}.account-layout .sidebar .sidebar-section .sidebar-nav .nav-item.router-link-active{background:#f0fdf4;border-left-color:#10b981;color:#10b981}.account-layout .sidebar .sidebar-section .sidebar-nav .nav-item.router-link-active svg{color:#10b981}.account-layout .sidebar .sidebar-footer{margin-top:auto;padding:0 1.5rem}.account-layout .sidebar .sidebar-footer .back-home{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-layout .sidebar .sidebar-footer .back-home:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-2px)}.account-layout .account-main{background:#f8fafc;overflow-x:hidden}