.accountSection{padding:40px 160px;min-height:80vh;background-color:#f9f9f9}.accountHeader{margin-bottom:30px}.accountHeader h2{font-size:28px;font-weight:700;color:#1b1b1b}.accountHeader p{font-size:14px;color:#666}.accountContainer{display:flex;gap:40px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000000d;padding:30px}.accountSidebar{width:260px;border-right:1px solid #eee;padding-right:20px;gap:8px}.accountSidebar,.profileAvatarBox{display:flex;flex-direction:column}.profileAvatarBox{align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.avatarImageWrapper{position:relative;cursor:pointer;margin-bottom:10px}.avatarImageCircle{width:90px;height:90px;border-radius:50%;overflow:hidden;background:#1b1b1b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:3px solid #f0f0f0;box-shadow:0 4px 10px #00000014}.avatarImageCircle img{width:100%;height:100%;object-fit:cover}.avatarCameraBadge{position:absolute;bottom:2px;right:2px;background:#fff;color:#1b1b1b;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;border:2px solid #fff;transition:all .2s ease}.avatarImageWrapper:hover .avatarCameraBadge{background:#1b1b1b;color:#fff}.profileAvatarBox h4{font-size:16px;font-weight:600;color:#1b1b1b}.profileAvatarBox p{font-size:12px;color:#777}.accountTabBtn{display:flex;align-items:center;gap:12px;padding:14px 18px;border:none;background:#0000;border-radius:6px;font-size:15px;font-weight:500;color:#444;cursor:pointer;transition:all .2s ease;text-align:left}.accountTabBtn:hover{background:#f4f4f4;color:#1b1b1b}.accountTabBtn.active{background:#1b1b1b;color:#fff}.accountLogoutBtn{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin-top:15px;transition:all .2s ease;text-align:left;width:100%}.accountLogoutBtn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.accountContent{flex:1 1}.accountContentHeading{font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;color:#1b1b1b}.profileTabHeaderContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profileTabHeadingNoBorder{margin-bottom:0!important;border-bottom:none!important}.profileViewCard{gap:20px;max-width:500px;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:24px}.profileViewCard,.profileViewItem{display:flex;flex-direction:column}.profileViewItem{gap:4px}.profileViewItem span.label{font-size:12px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.5px}.profileViewItem span.value{font-size:15px;font-weight:600;color:#1b1b1b}.editProfileBtn{padding:10px 20px;background:#1b1b1b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease;align-self:flex-start}.editProfileBtn:hover{background:#333}.cancelBtn{padding:12px 24px;background:#fff;color:#333;border:1px solid #ccc;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancelBtn:hover{background:#f0f0f0}.profileForm{gap:18px;max-width:500px}.formGroup,.profileForm{display:flex;flex-direction:column}.formGroup{gap:6px}.formGroup label{font-size:13px;font-weight:600;color:#333}.formGroup input,.formGroup select,.formGroup textarea{padding:12px 14px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:#1b1b1b}.disabledInput{background:#f5f5f5!important;cursor:not-allowed!important}.formButtonGroup{display:flex;gap:12px;margin-top:10px}.saveBtn{padding:12px 24px;background:#1b1b1b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.saveBtn:hover{background:#333}.addAddressBtn{padding:8px 16px}.addAddressForm{margin-bottom:30px;background:#f8f8f8;padding:20px;border-radius:8px}.addressList{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-bottom:25px}.addressCard{border:1px solid #e0e0e0;border-radius:8px;padding:18px;position:relative;background:#fafafa}.addressCard.default{border-color:#1b1b1b;background:#fff}.defaultBadge{position:absolute;top:12px;right:12px;background:#1b1b1b;color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;text-transform:uppercase}.addressCard h4{font-size:16px;font-weight:600;margin-bottom:8px}.addressCard p{font-size:13px;color:#555;line-height:1.5}.addressActions{display:flex;gap:10px;margin-top:14px}.addressActions button{padding:6px 12px;font-size:12px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer}.addressActions button.deleteBtn{color:#c32929;border-color:#f5c2c2}.emptyText{color:#777;font-size:14px}.orderFilters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.orderFilterBtn{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:all .2s ease}.orderFilterBtn:hover{border-color:#1b1b1b;color:#1b1b1b}.orderFilterBtn.active{background:#1b1b1b;color:#fff;border-color:#1b1b1b}.orderCard{border:1px solid #e0e0e0;border-radius:10px;padding:20px;margin-bottom:20px;background:#fff;box-shadow:0 2px 8px #00000008;transition:border-color .2s ease}.orderCard:hover{border-color:#ccc}.orderHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #f0f0f0;margin-bottom:14px}.orderIdText{font-size:15px;font-weight:700;color:#1b1b1b}.orderDate{font-size:12px;color:#666;margin-top:2px}.orderBadge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize;display:inline-block}.orderBadge.confirmed,.orderBadge.delivered{background:#dcfce7;color:#15803d}.orderBadge.pending,.orderBadge.processing{background:#fef9c3;color:#a16207}.orderBadge.shipped{background:#e0f2fe;color:#0369a1}.orderBadge.cancelled{background:#fee2e2;color:#b91c1c}.orderBadge.replacement.requested,.orderBadge.return.requested{background:#ffedd5;color:#c2410c}.orderItemsList{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.orderItemRow{display:flex;align-items:center;gap:16px}.orderItemImg{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#f0f0f0}.orderItemDetail{flex:1 1}.orderItemDetail h5{font-size:14px;font-weight:600;color:#1b1b1b;margin-bottom:2px}.orderItemDetail p{font-size:12px;color:#666}.orderItemPrice{font-size:14px;font-weight:700;color:#1b1b1b}.orderFooter{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed #eee;flex-wrap:wrap;gap:12px}.orderActionBtns{display:flex;gap:10px;flex-wrap:wrap}.actionBtn{padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;border:1px solid #1b1b1b;background:#1b1b1b;color:#fff;cursor:pointer;transition:all .2s ease}.actionBtn:hover{background:#333}.actionBtn.outline{background:#fff;color:#1b1b1b;border-color:#ccc}.actionBtn.outline:hover{border-color:#1b1b1b;background:#f8f8f8}.actionBtn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.actionBtn.danger:hover{background:#dc2626}.orderModalOverlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.orderModalCard{background:#fff;border-radius:12px;max-width:540px;width:100%;padding:24px;box-shadow:0 10px 30px #0003;position:relative;max-height:90vh;overflow-y:auto}.orderModalHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:16px}.orderModalHeader h4{font-size:18px;font-weight:700;color:#1b1b1b}.closeModalBtn{background:none;border:none;font-size:22px;cursor:pointer;color:#666}@media screen and (max-width:1024px){.accountSection{padding:30px 40px}}@media screen and (max-width:900px){.accountSection{padding:20px 15px}.accountContainer{flex-direction:column;padding:15px}.accountSidebar{width:100%;border-right:none;border-bottom:1px solid #eee;padding-right:0;padding-bottom:15px;flex-direction:row;overflow-x:auto}.accountTabBtn{white-space:nowrap}}