.account-layout{display:flex;flex-direction:column;min-height:100vh}.account-layout .brand a{align-items:center;display:flex;justify-content:center}.account-layout .gh-main{background-color:var(--color-canvas-default);flex:1}.account-layout .account-container{display:grid;flex:1;gap:0;grid-template-columns:260px 1fr;margin:0 auto;max-width:1280px;padding:0 1.5rem;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-menu{background:#f9fafb;border-radius:16px;flex-shrink:0;height:-moz-fit-content;height:fit-content;padding:1.5rem;position:sticky;top:6rem;width:260px}@media (max-width:1024px){.account-layout .sidebar-menu{border-bottom:none;border-radius:0;border-right:1px solid #e2e8f0;bottom:0;box-shadow:4px 0 12px #0000001a;left:0;overflow-y:auto;padding:1.5rem;position:fixed;top:64px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.account-layout .sidebar-menu.mobile-open{transform:translate(0)}}.account-layout .sidebar-menu .menu-section{margin-bottom:2rem}.account-layout .sidebar-menu .menu-section:last-child{margin-bottom:0}.account-layout .sidebar-menu .menu-section .section-label{color:#9ca3af;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding:0 .75rem}.account-layout .sidebar-menu .menu-section .menu-item{align-items:center;border-radius:10px;color:#6b7280;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;margin-bottom:.375rem;padding:.875rem .75rem;text-decoration:none;transition:all .2s}.account-layout .sidebar-menu .menu-section .menu-item i{flex-shrink:0;font-size:1.125rem;text-align:center;width:20px}.account-layout .sidebar-menu .menu-section .menu-item:hover{background:#e5e7eb;color:#374151}.account-layout .sidebar-menu .menu-section .menu-item.active,.account-layout .sidebar-menu .menu-section .menu-item.router-link-active{background:#10b981;color:#fff}.account-layout .account-main{background:#fff;min-width:0;overflow-x:hidden;width:100%}.account-layout .footer{background:#fff;border-top:1px solid #e2e8f0;color:#475569;font-size:14px}.account-layout .footer .container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.account-layout .footer .footer-inner{padding:2.5rem 0}.account-layout .footer .footer-inner .footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}@media (max-width:768px){.account-layout .footer .footer-inner .footer-content{flex-direction:column;text-align:center}}.account-layout .footer .footer-inner .footer-content .footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.account-layout .footer .footer-inner .footer-content .footer-links a{color:#475569;text-decoration:none;transition:color .15s ease-in-out}.account-layout .footer .footer-inner .footer-content .footer-links a:hover{color:#0f172a}.account-layout .nav{--bg:#f8fafc;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--primary:#10b981;--primary-dark:#059669;--primary-contrast:#fff;--accent:#111827;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#fffc!important;border-bottom:1px solid var(--border)!important;position:sticky!important;top:0!important;z-index:40!important}.account-layout .nav *{box-sizing:border-box}.account-layout .nav a{color:inherit;text-decoration:none}.account-layout .nav .container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.account-layout .nav .nav-inner{align-items:center!important;display:grid!important;gap:2rem!important;grid-template-columns:200px 1fr 200px!important;height:64px!important}@media (max-width:768px){.account-layout .nav .nav-inner{gap:.5rem!important;grid-template-columns:auto 1fr auto!important}}.account-layout .nav .brand{font-weight:600!important}.account-layout .nav .brand,.account-layout .nav .brand a{align-items:center!important;display:flex!important;gap:.5rem!important}.account-layout .nav .brand a{color:var(--text)!important;justify-content:center!important;text-decoration:none!important}.account-layout .nav .nav-links{display:flex!important;font-size:14px!important;gap:1.25rem!important;justify-content:center!important}.account-layout .nav .nav-links a{color:#475569!important;padding-bottom:4px!important;position:relative!important;text-decoration:none!important;transition:color .2s ease-in-out!important;white-space:nowrap!important}.account-layout .nav .nav-links a:after{background:#10b981!important;bottom:0!important;content:""!important;height:2px!important;left:0!important;position:absolute!important;transition:width .3s ease-in-out!important;width:0!important}.account-layout .nav .nav-links a:hover{color:#10b981!important}.account-layout .nav .nav-links a:hover:after{width:100%!important}@media (max-width:768px){.account-layout .nav .nav-links{display:none!important}}.account-layout .nav .nav-actions{align-items:center!important;display:flex!important;justify-content:flex-end!important;min-width:200px!important}@media (max-width:768px){.account-layout .nav .nav-actions{min-width:auto!important}}.account-layout .nav .nav-btn{align-items:center!important;background:#10b981!important;border:2px solid transparent!important;border-radius:12px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.95rem!important;font-weight:600!important;justify-content:center!important;padding:.875rem 1.75rem!important;text-decoration:none!important;transition:all .2s!important;white-space:nowrap!important}@media (max-width:768px){.account-layout .nav .nav-btn{border-radius:8px!important;font-size:.8rem!important;padding:.5rem .75rem!important}}.account-layout .nav .nav-btn:hover{background:#059669!important;color:#fff!important;transform:translateY(-1px)}.account-layout .nav .user-menu{position:relative}.account-layout .nav .user-menu .user-info-block{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .2s}.account-layout .nav .user-menu .user-info-block:hover{background:#0000000d}.account-layout .nav .user-menu .user-info-block .user-info{align-items:flex-end;display:flex;flex-direction:column;gap:.125rem}@media (max-width:768px){.account-layout .nav .user-menu .user-info-block .user-info{display:none}}.account-layout .nav .user-menu .user-info-block .user-info .user-name{color:#0f172a;font-size:.95rem;font-weight:600;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-layout .nav .user-menu .user-info-block .user-info .user-package{color:#64748b;font-size:.75rem;font-weight:500;text-transform:capitalize}.account-layout .nav .user-menu .user-info-block .user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.account-layout .nav .user-menu .user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.account-layout .nav .user-menu .user-dropdown .dropdown-item{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.875rem 1rem;text-align:left;text-decoration:none;transition:all .2s;width:100%}.account-layout .nav .user-menu .user-dropdown .dropdown-item svg{flex-shrink:0;height:18px;width:18px}.account-layout .nav .user-menu .user-dropdown .dropdown-item:hover{background:#f8fafc;color:#10b981}.account-layout .nav .user-menu .user-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #f1f5f9}.burger-btn{background:none!important;border:none!important;cursor:pointer!important;display:none!important;flex-direction:column!important;gap:5px!important;padding:8px!important;transition:all .3s!important}@media (max-width:1024px){.burger-btn{display:flex!important}}.burger-btn span{background:#0f172a!important;border-radius:2px!important;display:block!important;height:2px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:24px!important}.burger-btn span:first-child.active{transform:translateY(7px) rotate(45deg)!important}.burger-btn span:nth-child(2).active{opacity:0!important;transform:translate(-10px)!important}.burger-btn span:nth-child(3).active{transform:translateY(-7px) rotate(-45deg)!important}.burger-btn:hover span{background:#10b981!important}