:root{--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--default-font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--color-ink:#1d1d1f;--color-deactivated:#86868b;--color-line:#d2d2d7;--color-line-light:#e5e7eb;--color-danger:#ff453a;--color-surface:#fff;--color-bg-secondary:#f5f5f7;--color-focus:#0071e3}.account-page-wrapper{font-family:var(--default-font-family);box-sizing:border-box;width:100%;color:var(--color-ink);background-color:var(--color-surface);-webkit-font-smoothing:antialiased}.account-page-wrapper p.text-deactivated{text-transform:uppercase;letter-spacing:.08em;color:var(--color-deactivated);margin-bottom:-10px;font-size:13px;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.inline-flex{display:inline-flex}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.max-w-content{max-w:1320px;width:100%}.px-gutter{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.account-mobile-nav{scrollbar-width:none;border-bottom:1px solid var(--color-line-light);margin-left:-1rem;margin-right:-1rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;overflow-x:auto}.account-mobile-nav::-webkit-scrollbar{display:none}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.whitespace-nowrap{white-space:nowrap}.shrink-0{flex-shrink:0}.account-mobile-nav button,.account-desktop-nav button{cursor:pointer;background:0 0;border:none;align-items:center;font-family:inherit;text-decoration:none;display:flex}.account-mobile-nav button{color:var(--color-deactivated);border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.account-mobile-nav button.active{font-weight:600;background-color:var(--color-bg-secondary)!important;color:var(--color-ink)!important}.account-desktop-nav button{width:100%;color:var(--color-deactivated);text-align:left;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.25,.8,.25,1)}.account-desktop-nav button svg{color:var(--color-deactivated);transition:color .2s}.account-desktop-nav button:hover{color:var(--color-ink);background-color:#fafafa}.account-desktop-nav button:hover svg{color:var(--color-ink)}.account-desktop-nav button.active{font-weight:600;background-color:var(--color-bg-secondary)!important;color:var(--color-ink)!important}.account-desktop-nav button.active svg{color:var(--color-ink)!important}.logout-btn-styled{margin-top:10px}.logout-btn-styled span,.logout-btn-styled svg{color:var(--color-danger)!important}.account-content-area .bg-white.border{background-color:var(--color-surface);transition:box-shadow .3s;border:1px solid var(--color-line-light)!important;border-radius:16px!important;padding:28px!important;box-shadow:0 1px 3px #00000005!important}.account-content-area h3{color:var(--color-ink);letter-spacing:-.03em;margin:0 0 4px;font-size:28px;font-weight:700}.account-content-area .bg-white.border p.text-base.font-semibold.text-ink{letter-spacing:-.02em;margin-bottom:8px;font-size:18px;font-weight:600}.account-content-area label{color:var(--color-ink);margin-bottom:2px;font-size:13px;font-weight:500}.account-content-area input[type=text],.account-content-area input[type=email],.account-content-area input[type=tel],.account-content-area input[type=date],.account-content-area select{width:100%;border:1px solid var(--color-line)!important;color:var(--color-ink)!important;background-color:var(--color-surface)!important;box-shadow:none!important;border-radius:10px!important;outline:none!important;padding:12px 16px!important;font-size:15px!important;transition:all .2s cubic-bezier(.25,.8,.25,1)!important}.account-content-area input[type=text]:focus,.account-content-area input[type=email]:focus,.account-content-area input[type=tel]:focus,.account-content-area input[type=date]:focus,.account-content-area select:focus{border-color:var(--color-focus)!important;box-shadow:0 0 0 3px #0071e31f!important}.account-content-area input[disabled]{background-color:var(--color-bg-secondary)!important;color:var(--color-deactivated)!important;border-color:var(--color-line-light)!important;cursor:not-allowed!important}.account-content-area .relative button{background-color:var(--color-ink)!important;color:var(--color-surface)!important;cursor:pointer!important;border:none!important;border-radius:9999px!important;padding:6px 14px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.account-content-area .relative button:hover{transform:scale(1.02);background-color:#000!important}.account-content-area .relative button:active{transform:scale(.98)}.account-content-area form button{cursor:pointer;border-radius:9999px!important;padding:10px 24px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}.account-content-area form button[type=submit]{background-color:var(--color-ink)!important;color:var(--color-surface)!important;border:none!important}.account-content-area form button[type=submit]:hover{background-color:#000!important}.account-content-area form button[type=button]{color:var(--color-ink)!important;border:1px solid var(--color-line)!important;background-color:#0000!important}.account-content-area form button[type=button]:hover{background-color:var(--color-bg-secondary)!important}.form-success-toast{color:#1a7f43;background-color:#f2fcf6;border:1px solid #c2ffd8;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-content-area button.flex.items-center.gap-1\.5{color:var(--color-focus);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;transition:opacity .2s}.account-content-area button.flex.items-center.gap-1\.5:hover{opacity:.8}.account-content-area .grid-cols-1{grid-template-columns:1fr;gap:16px;margin-top:4px;display:grid}@media (min-width:768px){.account-content-area .grid-cols-1{grid-template-columns:repeat(2,1fr)}}.account-content-area .p-4.rounded-xl.border{transition:all .2s;box-shadow:0 1px 2px #00000003;border:1px solid var(--color-line-light)!important;background-color:var(--color-surface)!important;border-radius:14px!important;padding:20px!important}.account-content-area .p-4.rounded-xl.border.border-ink{border:1.5px solid var(--color-ink)!important;box-shadow:0 4px 12px #00000005!important}.account-content-area .p-4.rounded-xl.border span.absolute{top:16px;right:16px;background-color:var(--color-ink)!important;color:var(--color-surface)!important;letter-spacing:.05em!important;border-radius:4px!important;padding:4px 8px!important;font-size:9px!important;font-weight:600!important}.account-content-area .p-4.rounded-xl.border p.font-semibold{color:var(--color-ink);margin-bottom:6px;font-size:15px;font-weight:600}.account-content-area .p-4.rounded-xl.border p{color:#48484a;margin-bottom:2px;line-height:1.4}.account-content-area .p-4.rounded-xl.border .border-t{border-top:1px solid var(--color-line-light)!important;margin-top:16px!important;padding-top:12px!important}.account-content-area .p-4.rounded-xl.border button{cursor:pointer;transition:opacity .2s;color:var(--color-ink)!important;background:0 0!important;border:none!important;font-size:13px!important;font-weight:600!important}.account-content-area .p-4.rounded-xl.border button.text-danger{color:var(--color-danger)!important}.account-content-area .p-4.rounded-xl.border button:hover{opacity:.7}.account-content-area button.self-center{color:var(--color-deactivated);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:13px;font-weight:500;text-decoration:underline;transition:color .2s}.account-content-area button.self-center:hover{color:var(--color-ink)}.account-content-area .bg-white.border.p-5.items-start{background:var(--color-surface);width:100%;text-align:center!important;border:1px solid var(--color-line-light)!important;border-radius:16px!important;align-items:center!important;padding:56px 24px!important}.account-content-area .bg-white.border.p-5.items-start img{background:var(--color-bg-secondary);object-fit:contain;border-radius:50%;margin-bottom:8px;padding:16px;width:64px!important;height:64px!important}.account-content-area .bg-white.border.p-5.items-start .flex-col{align-items:center!important;gap:6px!important}.account-content-area .bg-white.border.p-5.items-start h5{letter-spacing:-.02em;margin:0;color:var(--color-ink)!important;font-size:20px!important;font-weight:600!important}.account-content-area .bg-white.border.p-5.items-start p{margin:0;color:var(--color-deactivated)!important;font-size:14px!important}.account-content-area .bg-white.border.p-5.items-start a{margin-top:12px;background-color:var(--color-ink)!important;color:var(--color-surface)!important;border-radius:9999px!important;align-items:center!important;padding:10px 24px!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important;transition:all .2s cubic-bezier(.25,.8,.25,1)!important;display:inline-flex!important}.account-content-area .bg-white.border.p-5.items-start a:hover{transform:scale(1.02);background-color:#000!important}.account-content-area .bg-white.border.p-5.items-start a:active{transform:scale(.98)}.order-card-styled{background-color:var(--color-surface);border:1px solid var(--color-line-light);border-radius:16px;width:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-shadow:0 1px 2px #00000003}.order-card-styled:hover{border-color:var(--color-line);box-shadow:0 4px 16px #00000005}.order-card-styled.expanded{border-color:var(--color-line);box-shadow:0 4px 20px #00000008}.order-card-header{cursor:pointer;background-color:var(--color-surface);justify-content:space-between;align-items:center;padding:18px 24px;transition:background-color .2s;display:flex}.order-card-header:hover{background-color:#fafafa}.order-number-title{color:var(--color-ink);letter-spacing:-.01em;font-size:15px;font-weight:600}.order-date-subtitle{color:var(--color-deactivated);margin-top:2px;font-size:12px}.order-total-amount{color:var(--color-ink);font-size:15px;font-weight:600}.order-card-details{border-top:1px solid var(--color-line-light);background-color:#fafafa;padding:24px}.grid-details-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.grid-details-layout{grid-template-columns:1.15fr .85fr}}.details-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-deactivated);border-bottom:1px solid var(--color-line-light);margin-bottom:16px;padding-bottom:6px;font-size:12px;font-weight:600}.items-list{flex-direction:column;gap:12px;display:flex}.item-row{background:var(--color-surface);border:1px solid #00000008;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.item-image-container{background:radial-gradient(at 50% 40%,#e8f0f8 0%,#cbdff2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;display:flex;overflow:hidden}.item-image{object-fit:contain;width:auto;height:100%}.item-info{flex:1;min-width:0}.item-name{color:var(--color-ink);margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.3}.item-meta{color:var(--color-deactivated);font-size:12px}.item-price{color:var(--color-ink);font-size:14px;font-weight:600}.totals-section{border-top:1px solid var(--color-line-light);flex-direction:column;gap:6px;margin-top:20px;padding-top:12px;display:flex}.totals-row{color:#48484a;justify-content:space-between;font-size:14px;display:flex}.totals-row.discount{color:#1a7f43;font-weight:500}.totals-divider{background-color:var(--color-line-light);height:1px;margin:4px 0}.totals-row.grand-total{color:var(--color-ink);font-size:16px;font-weight:700}.status-badge{align-self:center;align-items:center;gap:5px;display:inline-flex;text-transform:uppercase!important;letter-spacing:.03em!important;border-radius:9999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:600!important}.status-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-badge.payment-approved,.status-badge.payment-paid,.status-badge.payment-success,.status-badge.fulfillment-delivered{color:#1d7237!important;background-color:#eaf6ec!important;border:1px solid #1d72371a!important}.status-badge.payment-approved .status-badge-dot,.status-badge.payment-paid .status-badge-dot,.status-badge.payment-success .status-badge-dot,.status-badge.fulfillment-delivered .status-badge-dot{background-color:#1d7237!important}.status-badge.payment-pending,.status-badge.fulfillment-unfulfilled{color:#b76e1a!important;background-color:#fef6ec!important;border:1px solid #b76e1a1a!important}.status-badge.payment-pending .status-badge-dot,.status-badge.fulfillment-unfulfilled .status-badge-dot{background-color:#b76e1a!important}.status-badge.payment-verifying,.status-badge.fulfillment-shipped{color:#1d5f9c!important;background-color:#eef5fc!important;border:1px solid #1d5f9c1a!important}.status-badge.payment-verifying .status-badge-dot,.status-badge.fulfillment-shipped .status-badge-dot{background-color:#1d5f9c!important}.status-badge.payment-failed,.status-badge.payment-declined{color:#b91c1c!important;background-color:#fdf2f2!important;border:1px solid #b91c1c1a!important}.status-badge.payment-failed .status-badge-dot,.status-badge.payment-declined .status-badge-dot{background-color:#b91c1c!important}.info-section{flex-direction:column;gap:20px;display:flex}.info-block{background:var(--color-surface);border:1px solid var(--color-line-light);border-radius:12px;padding:16px}.info-block-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-deactivated);margin-bottom:8px;font-size:11px;font-weight:700}.info-block-content{color:#48484a;font-size:14px;line-height:1.45}.info-block-content p.name{color:var(--color-ink);margin-bottom:4px;font-weight:600}.info-block-content p{margin-bottom:2px}.account-loading-container{min-height:75vh;color:var(--color-ink);background-color:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.account-loading-container p{color:var(--color-deactivated);font-size:15px;font-weight:500}.orders-loading{background:var(--color-surface);color:var(--color-deactivated);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;border:1px solid var(--color-line-light)!important;border-radius:16px!important;padding:40px!important}.address-form-modal{-webkit-backdrop-filter:blur(12px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.address-modal-content{background-color:var(--color-surface);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:600px;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--color-line-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header p{color:var(--color-ink);letter-spacing:-.01em;font-size:18px;font-weight:600}.btn-close-modal{background:var(--color-bg-secondary);color:var(--color-ink);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-close-modal:hover{background-color:var(--color-line)}.modal-form{padding:24px}.modal-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-height:55vh;padding-right:4px;display:grid;overflow-y:auto}.modal-form-grid::-webkit-scrollbar{width:6px}.modal-form-grid::-webkit-scrollbar-track{background:0 0}.modal-form-grid::-webkit-scrollbar-thumb{background-color:var(--color-line);border-radius:3px}.input-group-wrapper.full-width{grid-column:span 2}.modal-footer{border-top:1px solid var(--color-line-light);background-color:#fafafa;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (max-width:768px){.account-grid-wrapper{flex-direction:column;gap:24px}.modal-form-grid{grid-template-columns:1fr}.input-group-wrapper.full-width{grid-column:span 1}.order-card-header{grid-template-rows:auto auto!important;grid-template-columns:1fr auto!important;gap:12px 8px!important;padding:16px!important;display:grid!important}.order-card-header>div:first-child{grid-area:1/1/2/2!important}.order-card-header>div:last-child{display:contents!important}.order-card-header>div:last-child>div.flex.gap-2{grid-area:2/1/3/3!important;gap:6px!important;margin-top:4px!important;display:flex!important}.order-card-header>div:last-child>span.order-total-amount{text-align:right!important;grid-area:1/2/2/3!important;font-size:15px!important}.order-card-details{padding:16px!important}.account-content-area .bg-white.border{padding:20px!important}}.hidden{display:none!important}@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:py-16{padding-top:4rem!important;padding-bottom:4rem!important}.md\:gap-10{gap:2.5rem!important}.md\:min-h-\[90svh\]{min-height:90svh!important}.md\:pl-8{padding-left:2rem!important}.w-70\.25{width:17.5625rem!important}}
