.profile-page-wrap{min-height:calc(100vh - 80px);background:var(--cream,#faf9f7);padding:60px 24px}.profile-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.profile-sidebar{background:var(--white,#fff);border-radius:var(--radius-xl,24px);border:1.5px solid var(--border,#eaeaea);padding:32px 24px;align-self:start;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.02)}.profile-sidebar::-webkit-scrollbar{width:0px;background:0 0}.profile-bg-accent{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(135deg,var(--dark,#0d0d1a),var(--orange,#ff6b00));z-index:0}.ps-user{position:relative;z-index:1;text-align:center;margin-bottom:32px}.ps-avatar{width:90px;height:90px;border-radius:50%;border:4px solid var(--white,#fff);background:var(--light,#f1f3f5);margin:0 auto 16px;display:grid;place-items:center;font-size:2.5rem;box-shadow:0 8px 16px rgba(0,0,0,.1);position:relative;overflow:hidden}.ps-name{font-size:1.15rem;font-weight:900;color:var(--dark,#0d0d1a);margin-bottom:4px}.ps-role{font-size:.82rem;font-weight:700;color:var(--orange,#ff6b00);background:rgba(255,107,0,.1);padding:4px 10px;border-radius:999px;display:inline-block}.ps-nav{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.ps-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--gray,#64748b);font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;cursor:pointer;border:none;background:0 0;text-align:left}.ps-link i{font-size:1.2rem;width:24px;text-align:center}.ps-link:hover{background:var(--light,#f1f3f5);color:var(--dark,#0d0d1a);transform:translateX(4px)}.ps-link.active{background:var(--dark,#0d0d1a);color:var(--white,#fff)}.ps-link.active i{color:var(--orange,#ff6b00)}.ps-logout{margin-top:16px;color:#dc2626}.ps-logout:hover{background:#fef2f2;color:#dc2626}.profile-content{position:relative}.pc-tab{display:none;animation:fadeInTab .4s ease forwards}.pc-tab.active{display:block}.pc-header{margin-bottom:24px}.pc-title{font-size:1.6rem;font-weight:900;color:var(--dark,#0d0d1a);letter-spacing:-.02em}.pc-desc{font-size:.9rem;color:var(--gray,#64748b);margin-top:4px}.purchase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.purchase-card{background:var(--white,#fff);border-radius:var(--radius-lg,16px);border:1.5px solid var(--border,#eaeaea);padding:20px;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.purchase-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.06);border-color:var(--orange,#ff6b00)}.pch-top{display:flex;gap:16px;align-items:center;margin-bottom:16px}.pch-icon{width:56px;height:56px;background:var(--cream,#faf9f7);border-radius:14px;display:grid;place-items:center;font-size:1.8rem;flex-shrink:0}.pch-info h4{font-size:1rem;font-weight:900;color:var(--dark,#0d0d1a);margin-bottom:4px;line-height:1.2}.pch-date{font-size:.75rem;color:var(--gray,#64748b);font-weight:600}.pch-actions{margin-top:auto;display:flex;gap:10px}.btn-dl{flex:1;background:var(--orange,#ff6b00);color:var(--white,#fff);border:none;border-radius:8px;font-size:.85rem;font-weight:700;padding:10px;cursor:pointer;transition:background .3s;text-align:center;text-decoration:none}.btn-dl.outline{background:0 0;border:1.5px solid var(--border,#eaeaea);color:var(--dark,#0d0d1a)}.btn-dl:not(.outline):hover{background:var(--orange-d,#e66000)}.btn-dl.outline:hover{border-color:var(--dark,#0d0d1a);background:var(--light,#f1f3f5)}.settings-form{background:var(--white,#fff);border-radius:var(--radius-xl,24px);border:1.5px solid var(--border,#eaeaea);padding:32px}.sf-row{display:flex;gap:24px;margin-bottom:20px}.sf-row>div{flex:1}.sf-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sf-group label{font-size:.85rem;font-weight:700;color:var(--dark,#0d0d1a)}.sf-input{height:48px;padding:0 16px;border:1.5px solid var(--border,#eaeaea);border-radius:10px;font-family:inherit;font-size:.9rem;color:var(--dark,#0d0d1a);transition:border-color .3s;width:100%}.sf-input:focus{outline:none;border-color:var(--orange,#ff6b00)}.btn-save{background:var(--dark,#0d0d1a);color:var(--white,#fff);font-weight:800;border:none;padding:14px 28px;border-radius:10px;font-size:.95rem;cursor:pointer;transition:background .3s;margin-top:12px}.btn-save:hover{background:var(--orange,#ff6b00)}.ps-link{transition:all .3s cubic-bezier(.4,0,.2,1)}.purchase-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease}@media (max-width:800px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{position:static;top:auto;max-height:none}.sf-row{flex-direction:column;gap:0}.profile-page-wrap{padding:24px 16px}.settings-form{padding:20px}.pc-title{font-size:1.3rem}.purchase-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-page-wrap{padding:16px 12px}.profile-sidebar{padding:20px 16px}.ps-avatar{width:70px;height:70px;font-size:2rem}.ps-name{font-size:1rem}}@media (max-width:600px){.purchase-grid{grid-template-columns:1fr}.btn-dl{min-height:44px;padding:12px}}