.lef-prof-shell{display:grid; gap:22px; grid-template-columns:minmax(0,1fr)} .lef-prof-topbar{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:12px; display:flex; gap:14px; margin-bottom:22px; padding:14px} .lef-prof-menu-toggle,.lef-prof-sidebar-close{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-default); border-radius:100rem; color:var(--leb-secondary-color); display:inline-flex; flex:0 0 auto; width:40px; height:40px; justify-content:center; transition:all 0.2s ease; cursor:pointer} .lef-prof-menu-toggle:hover,.lef-prof-sidebar-close:hover{background:var(--leb-primary-light-bg); border-color:var(--leb-primary-color); color:var(--leb-primary-color)} .lef-prof-menu-toggle svg,.lef-prof-sidebar-close svg{height:20px; width:20px} .lef-prof-topbar-title{color:var(--leb-secondary-color); font-size:1.8rem; font-weight:500} .lef-prof-sidebar{background:var(--leb-white); border:1px solid var(--leb-border-color); box-shadow:var(--leb-card-shadow); bottom:0; left:0; position:fixed; top:0; max-width:calc(100vw - 42px); overflow-y:auto; transform:translateX(-105%); transition:transform 0.3s cubic-bezier(0.4,0,0.2,1); width:320px; z-index:100} .lef-prof-sidebar.lef-prof-sidebar-open{transform:translateX(0)} .lef-prof-sidebar-backdrop{background:var(--leb-overlay-dark); display:none; inset:0; position:fixed; z-index:35; backdrop-filter:blur(4px)} .lef-prof-sidebar-backdrop.lef-prof-sidebar-backdrop-open{display:block} .lef-prof-sidebar-head{align-items:center; border-bottom:1px solid var(--leb-border-color); display:flex; gap:14px; padding:20px} .lef-prof-sidebar-user{align-items:center; display:flex; gap:14px; min-width:0} .lef-prof-sidebar-close{display:inline-flex; margin-left:auto} .lef-prof-avatar{align-items:center; background:var(--leb-primary-color); border-radius:10px; color:var(--leb-white); display:flex; flex:0 0 auto; font-size:1.8rem; font-weight:800; width:50px; height:50px; justify-content:center} .lef-prof-user-details{display:flex; flex-direction:column; align-items:flex-start; gap:0.3rem} .lef-prof-sidebar-title{color:var(--leb-secondary-color); font-size:1.4rem; font-weight:500; word-break:break-all; line-height:1} .lef-prof-sidebar-text{color:var(--leb-secondary-color); font-size:1.3rem; font-weight:500} .lef-prof-menu{display:grid; gap:8px; padding:14px} .lef-prof-menu-btn{align-items:center; background:transparent; border:1px solid transparent; border-radius:10px; color:var(--leb-secondary-color); display:flex; font-size:1.3rem; font-weight:400; gap:12px; justify-content:flex-start; min-height:48px; padding:10px 14px; text-align:left; transition:all 0.2s ease; width:100%; cursor:pointer} .lef-prof-menu-btn:hover{background:var(--leb-bg-light); color:var(--leb-primary-color)} .lef-prof-menu-btn.lef-prof-menu-active{background:var(--leb-primary-light-bg); border-color:var(--leb-primary-color); color:var(--leb-primary-color)} .lef-prof-menu-btn svg{flex:0 0 auto; height:20px; width:20px; opacity:0.8} .lef-prof-menu-btn.lef-prof-menu-active svg{opacity:1} .lef-prof-logout-trigger-container{margin-top:10px; border-top:1px solid var(--leb-border-color); padding-top:12px} .lef-prof-panel{background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:12px; position:relative; padding:20px} .lef-prof-loader{display:flex; justify-content:center; align-items:center; min-height:300px; width:100%} .lef-spinner{width:40px; height:40px; border:3px solid var(--leb-primary-light-bg); border-top-color:var(--leb-primary-color); border-radius:50%; animation:lef-spin 0.8s linear infinite} @keyframes lef-spin{to{transform:rotate(360deg)}} .lef-prof-panel.is-loading{opacity:0.6; pointer-events:none} body.lef-prof-sidebar-lock{overflow:hidden !important} @media (max-width:640px){.lef-prof-panel{padding:20px 15px}} @media (max-width:425px){.lef-prof-topbar{gap:10px} .lef-prof-menu-toggle,.lef-prof-sidebar-close{width:30px; height:30px} .lef-prof-topbar-title{font-size:1.6rem}} .lef-myprofile-login-required{padding:80px 40px; text-align:center; background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:12px; margin:20px 0} .lef-myprofile-login-required h2{margin-bottom:12px; font-size:2.4rem; color:var(--leb-secondary-color); font-weight:600} .lef-myprofile-login-required p{margin-bottom:32px; color:var(--leb-text-muted); font-size:1.4rem; max-width:300px; margin-left:auto; line-height:1.4em; font-weight:300; margin-right:auto} .lef-myprofile-login-btn{display:inline-flex; align-items:center; justify-content:center; background:var(--leb-primary-color); color:var(--leb-white) !important; padding:0.5em 2em; border-radius:1rem; font-size:1.6rem; font-weight:400; text-decoration:none !important; transition:all 0.3s ease} .lef-myprofile-login-btn:hover{background:var(--leb-primary-dark); transform:translateY(-2px)} .lef-myprofile-login-btn:active{transform:translateY(0)} @media (max-width:640px){.lef-myprofile-login-required{padding:60px 20px} .lef-myprofile-login-required h2{font-size:2rem}}