.profile-container{color:#fff;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:2rem;width:100%;max-width:1400px;min-height:calc(100vh - 120px);margin:0 auto;padding:132px 2rem 5rem;display:grid;overflow-x:hidden}.profile-container:before{content:"";z-index:-1;background:radial-gradient(circle at 12% 18%,#ff174442,#0000 30%),linear-gradient(115deg,#ff4248 0%,#401112 46%,#030303 100%);position:fixed;inset:0}.profile-sidebar,.profile-content{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff29;box-shadow:0 24px 80px #00000047}.profile-sidebar{border-radius:18px;height:fit-content;padding:2rem 1.5rem;position:sticky;top:124px}.profile-header{border-bottom:1px solid #ffffff24;align-items:center;gap:1.2rem;min-width:0;margin-bottom:2.2rem;padding-bottom:1.5rem;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#ff1744,#ff6a1a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.55rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 14px 34px #ff174457}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info{flex:1;min-width:0}.profile-info h2{text-overflow:ellipsis;white-space:nowrap;color:#fff;letter-spacing:0;max-width:100%;margin:0;font-size:1.08rem;overflow:hidden}.profile-info p{text-overflow:ellipsis;white-space:nowrap;color:#ffffffa8;max-width:100%;margin:.3rem 0 0;font-size:.88rem;overflow:hidden}.profile-nav{flex-direction:column;gap:.65rem;margin-bottom:2rem;display:flex}.profile-nav-item{color:#ffffffd1;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;min-width:0;padding:.82rem 1rem;font-size:.95rem;text-decoration:none;transition:transform .2s,background .2s,color .2s,border-color .2s;display:flex}.profile-nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-nav-item:hover{color:#fff;background:#ffffff1a;border-color:#ffffff24;transform:translate(4px)}.profile-nav-item.active{color:#fff;background:linear-gradient(135deg,#ff1744,#ff3a1f);border-color:#ffffff2e;font-weight:700;box-shadow:0 12px 30px #ff174447}.profile-logout{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ff1744b8;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;font-size:.95rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.profile-logout:hover{color:#fff;background:#ff1744;transform:translateY(-2px);box-shadow:0 12px 26px #ff174440}.profile-content{border-radius:18px;min-width:0;padding:2.3rem}.profile-loading,.profile-error{color:#ffffffc2;background:linear-gradient(115deg,#ff4248 0%,#401112 46%,#030303 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:110px;font-size:1.1rem;display:flex}.profile-error{color:#ffb3c0}@media (max-width:900px){.profile-container{width:100%;max-width:100vw;min-height:auto;padding:92px 12px calc(104px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:1rem;overflow:hidden}.profile-sidebar{border-radius:18px;width:100%;min-width:0;padding:1.25rem;position:relative;top:0}.profile-content{border-radius:18px;width:100%;min-width:0;padding:1.25rem;overflow:hidden}.profile-header{gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.profile-avatar{width:54px;height:54px;font-size:1.3rem}.profile-info h2{font-size:.98rem}.profile-info p{font-size:.8rem}.profile-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1.25rem;padding-bottom:0;display:grid;overflow:visible}.profile-nav-item{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:.45rem;min-height:72px;padding:.72rem .55rem;font-size:.78rem;line-height:1.15}.profile-nav-item svg{flex:none;width:19px;height:19px}.profile-nav-item span{white-space:normal;text-overflow:clip;overflow:visible}.profile-nav-item:hover{transform:none}.profile-logout{border-radius:12px;min-height:58px}}@media (max-width:420px){.profile-container{padding-left:10px;padding-right:10px}.profile-sidebar,.profile-content{margin-top:50px;padding:1rem}.profile-nav{gap:.45rem}.profile-nav-item{min-height:68px;padding:.65rem .35rem;font-size:.72rem}}