:root{--ink:#252336;--muted:#898391;--purple:#6d4df5;--lavender:#f5f1ff;--line:#e9e5ef;--mint:#dff8ed;--orange:#fff0df;--pink:#fde8f0;--blue:#e8f0ff;--shadow:0 16px 40px rgba(45,35,83,.08)}*{box-sizing:border-box}body{margin:0;background:#faf9fc;color:var(--ink);font:13px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{border:0;background:none;cursor:pointer}a{text-decoration:none}.account-shell{min-height:100vh}.account-header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,5vw,72px);gap:28px;position:sticky;top:0;z-index:20}.brand{font:700 21px 'Space Grotesk';display:flex;align-items:center;gap:8px;letter-spacing:-.7px}.brand-mark{background:var(--purple);color:#fff;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;font-size:17px}.brand-dot{color:var(--purple)}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--ink)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:35px;height:35px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:17px}.icon-btn b{position:absolute;right:-4px;top:-5px;border-radius:20px;background:var(--purple);color:#fff;font-size:9px;min-width:15px;height:15px;display:grid;place-items:center}.profile-trigger{display:flex;align-items:center;gap:8px;margin-left:8px;font-weight:600}.avatar{width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#8065ff,#b9aaff);display:grid;place-items:center;color:#fff;font-weight:700}.avatar.large{width:40px;height:40px}.avatar.xlarge{width:58px;height:58px;font-size:20px}.profile-menu{position:absolute;right:5vw;top:65px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;padding:8px;min-width:150px}.profile-menu a,.profile-menu button{text-align:left;padding:9px 10px;border-radius:6px;font-size:12px}.profile-menu a:hover,.profile-menu button:hover{background:var(--lavender)}.account-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:0}.account-sidebar{min-height:calc(100vh - 76px);border-right:1px solid var(--line);background:#fff;padding:30px 18px;position:sticky;top:76px;align-self:start}.side-user{display:flex;align-items:center;gap:10px;padding:0 11px 27px;border-bottom:1px solid var(--line)}.side-user strong,.side-user small{display:block}.side-user strong{font-size:12px}.side-user small{color:var(--muted);font-size:10px;margin-top:3px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav{display:grid;gap:4px;padding:22px 0}.side-nav a,.side-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;color:#777181;border-radius:8px;font-size:12px;width:100%}.side-nav a:first-letter,.side-nav button:first-letter{font-size:17px}.side-nav a:hover,.side-nav a.active,.side-nav button:hover{background:var(--lavender);color:var(--purple)}.side-nav i{font-style:normal;margin-left:auto;background:#eeeaff;color:var(--purple);font-size:9px;border-radius:10px;padding:3px 6px}.side-help{background:var(--lavender);border-radius:11px;padding:16px;margin:18px 2px;display:grid;gap:6px}.side-help span{color:var(--purple);font-size:19px}.side-help strong{font-size:11px}.side-help small{color:var(--muted);font-size:10px;line-height:1.5}.side-help a{font-size:10px;color:var(--purple);font-weight:700;margin-top:5px}.account-content{padding:44px clamp(22px,4vw,62px) 80px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{letter-spacing:2px;color:var(--purple);font-size:10px;font-weight:700;margin:0 0 8px}.page-heading h1{font:600 34px 'Space Grotesk';letter-spacing:-1.5px;margin:0 0 8px}.muted{color:var(--muted);line-height:1.6;margin:0}.outline-btn,.text-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 13px;color:#655d70;font-size:11px;font-weight:600}.outline-btn:hover{border-color:var(--purple);color:var(--purple)}.text-btn{border:0;color:var(--purple);padding:0}.state-message{background:#fff8e9;border:1px solid #f4d99d;border-radius:8px;padding:12px;margin-bottom:16px;color:#8b6a21;font-size:12px}.welcome-card{background:linear-gradient(105deg,#f2edff,#fbf9ff);border:1px solid #e9e0ff;border-radius:15px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;min-height:176px}.welcome-card h2{font:600 27px 'Space Grotesk';letter-spacing:-1px;margin:0 0 9px}.welcome-card p:not(.eyebrow){color:#766d83;margin:0 0 14px}.member-line{font-size:11px;color:#7b7284;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#35bd80;border-radius:50%}.completion{text-align:center;display:grid;justify-items:center;gap:6px}.completion>span{font-size:10px;color:var(--muted)}.ring{width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--purple) 70%,#ddd6f7 0);display:grid;place-items:center;position:relative}.ring:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#f8f5ff}.ring strong{position:relative;z-index:1;font:600 16px 'Space Grotesk'}.completion .text-btn{margin-top:3px;font-size:10px}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 38px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 13px;display:flex;gap:10px;align-items:flex-start;min-width:0}.summary-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:15px;flex:none}.summary-icon.purple{background:#eeeaff;color:var(--purple)}.summary-icon.mint{background:var(--mint);color:#2d9c70}.summary-icon.orange{background:var(--orange);color:#e88b34}.summary-icon.pink{background:var(--pink);color:#d26a8b}.summary-icon.blue{background:var(--blue);color:#527cd6}.summary-card strong,.summary-card small,.summary-card em{display:block}.summary-card strong{font:600 21px 'Space Grotesk';margin-bottom:3px}.summary-card small{font-size:10px;font-weight:600}.summary-card em{font-style:normal;color:#a19aa8;font-size:9px;margin-top:5px}.summary-card em.positive{color:#28a06d}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0 15px}.section-head h2{font:600 22px 'Space Grotesk';letter-spacing:-.6px;margin:0}.section-head>a{color:var(--purple);font-size:11px;font-weight:700}.dashboard-section{display:none}.dashboard-section.active-section{display:block}.orders-table,.payments-table{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:auto}.order-row,.payment-row{display:grid;grid-template-columns:1.1fr 2.1fr 1fr .9fr .9fr 1fr;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid #f0edf4;min-width:700px}.order-row:last-child,.payment-row:last-child{border-bottom:0}.table-head{color:#a099a7;font-size:9px;text-transform:uppercase;letter-spacing:1px;background:#fcfbfd}.order-id{font-size:11px;font-weight:700}.product-cell{display:flex;align-items:center;gap:9px}.product-cell strong,.product-cell small{display:block}.product-cell strong{font-size:11px}.product-cell small{font-size:9px;color:var(--muted);margin-top:3px}.product-thumb{width:35px;height:35px;border-radius:7px;background:linear-gradient(135deg,#e9e2ff,#cfc3ff);display:grid;place-items:center;color:var(--purple);font-size:14px}.order-row>span,.payment-row>span{font-size:10px;color:#736c7b}.badge{display:inline-flex;padding:5px 7px;border-radius:20px;font-size:9px;font-weight:700;background:#f0edf5;color:#77717f}.badge.paid,.badge.fulfilled{background:#e1f8ed;color:#2b956c}.badge.pending{background:#fff2d9;color:#ac7627}.badge.cancelled,.badge.refunded{background:#fde7e9;color:#b35c69}.row-actions{display:flex;gap:5px}.small-btn{border:1px solid var(--line);padding:6px 8px;border-radius:5px;font-size:9px;color:var(--purple);font-weight:700}.control-row{display:flex;gap:7px;flex-wrap:wrap}.control-row input,.control-row select{height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 9px;color:#746d7b;font-size:10px}.download-grid,.wishlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.download-card,.wishlist-card,.panel-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;box-shadow:0 5px 15px rgba(45,35,83,.025)}.download-card .product-thumb,.wishlist-card .product-thumb{width:100%;height:110px;border-radius:8px;margin-bottom:13px;font-size:30px}.download-card h3,.wishlist-card h3{font:600 14px 'Space Grotesk';margin:0 0 4px}.download-card p,.wishlist-card p{font-size:10px;color:var(--muted);margin:0 0 12px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.meta-grid span{display:block;color:#a19aa8;font-size:9px}.meta-grid b{display:block;font-size:10px;margin-top:3px}.card-actions{display:flex;gap:7px;margin-top:14px}.primary-btn{background:var(--purple);color:#fff;border-radius:6px;padding:10px 13px;font-size:10px;font-weight:700;display:inline-block}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn{color:#c86b79;font-size:10px;font-weight:700}.count-pill,.coming-pill{background:var(--lavender);color:var(--purple);padding:7px 10px;border-radius:20px;font-size:10px;font-weight:700}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.panel-card h3{font:600 17px 'Space Grotesk';margin:0 0 9px}.form-card{display:grid;gap:13px}.form-card label{font-size:10px;font-weight:700;color:#686170;display:grid;gap:6px}.form-card input,.form-card textarea,.form-card select{border:1px solid var(--line);border-radius:6px;padding:10px;background:#fff;outline:0;color:var(--ink);font-size:11px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--purple)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}..profile-edit{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:3px}.profile-edit strong,.profile-edit small{display:block}.profile-edit strong{font-size:14px}.profile-edit small{color:var(--muted);font-size:10px;margin-top:3px}.check-label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px}.check-label input{width:14px;height:14px}.form-message{color:#208f68;font-size:10px;margin:0}.detail-list{display:grid;gap:14px;margin:20px 0}.detail-list div{display:flex;justify-content:space-between;border-bottom:1px solid #f0edf4;padding-bottom:10px;font-size:11px}.detail-list span{color:var(--muted)}.status-text{color:#23986c}.soft-note{background:#faf8ff;color:#80778d;border-radius:7px;padding:12px;font-size:10px;line-height:1.6}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:50px}.password-wrap button{position:absolute;right:9px;top:9px;color:var(--purple);font-size:10px;font-weight:700}.strength{height:4px;background:#eeeaf4;border-radius:4px}.strength span{display:block;height:100%;width:0;border-radius:4px;background:#e89947;transition:.2s}.form-card>small{color:var(--muted);font-size:9px;margin-top:-9px}.security-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0}.security-row div{flex:1}.security-row b,.security-row small{display:block}.security-row b{font-size:11px}.security-row small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.5}.coming-pill{font-size:9px}.refund-list,.notification-list{display:grid;gap:10px}.refund-card,.notification-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px 17px;display:flex;justify-content:space-between;gap:15px;align-items:center}.refund-card strong,.refund-card small,.notification-card strong,.notification-card small{display:block}.refund-card strong,.notification-card strong{font-size:11px}.refund-card small,.notification-card small{font-size:10px;color:var(--muted);margin-top:4px}.empty-state{text-align:center;background:#fff;border:1px dashed #dcd6e6;border-radius:12px;padding:48px 20px;margin-top:14px}.empty-state span{font-size:28px;color:#b4a9d4}.empty-state h3{font:600 17px 'Space Grotesk';margin:10px 0 6px}.empty-state p{font-size:11px;color:var(--muted);margin:0 0 17px}.mobile-sidebar-toggle{display:none}
@media(max-width:1050px){.account-header{padding:0 22px}.summary-grid{grid-template-columns:repeat(3,1fr)}.download-grid,.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-content{padding:32px 25px}}
@media(max-width:720px){.account-header{height:64px;padding:0 15px;gap:12px}.breadcrumb{display:none}.brand{font-size:18px}.header-tools{gap:3px}.header-tools .icon-btn:nth-child(2),.header-tools .icon-btn:nth-child(3){display:none}.profile-trigger{font-size:0;margin-left:2px}.profile-trigger span:last-child{display:none}.account-layout{display:block}.mobile-sidebar-toggle{display:flex;align-items:center;gap:8px;margin:14px 15px 0;border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 12px;color:var(--purple);font-size:12px;font-weight:700}.account-sidebar{position:fixed;z-index:15;top:64px;left:0;bottom:0;width:270px;transform:translateX(-102%);transition:.25s;box-shadow:var(--shadow);padding-top:24px}.account-sidebar.open{transform:translateX(0)}.account-content{padding:24px 15px 50px}.page-heading{gap:12px}.page-heading h1{font-size:28px}.page-heading .muted{font-size:11px}.welcome-card{padding:20px;display:block}.welcome-card h2{font-size:22px}.completion{display:flex;align-items:center;justify-content:flex-start;margin-top:20px;text-align:left}.ring{width:55px;height:55px}.ring:after{inset:6px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:30px}.summary-card{padding:12px 9px}.summary-card strong{font-size:18px}.summary-icon{width:28px;height:28px;font-size:13px}.summary-card small{font-size:9px}.summary-card em{font-size:8px}.section-head{display:block;margin-top:26px}.section-head .control-row{margin-top:12px}.control-row>*{flex:1;min-width:0}.download-grid,.wishlist-grid,.two-column{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.order-row,.payment-row{grid-template-columns:1.1fr 2fr 1fr 1fr;min-width:560px}.order-row>*:nth-child(5),.order-row>*:nth-child(6),.payment-row>*:nth-child(5),.payment-row>*:nth-child(6){display:none}.profile-menu{right:15px;top:57px}.side-help{display:none}}
/* Keep the account menu above dashboard content and inside the viewport. */
.profile-menu{z-index:1000}
.profile-menu[hidden]{display:none!important}
.profile-menu:not([hidden]){display:grid}
@media(max-width:720px){.profile-menu{right:15px;top:57px;z-index:1000;max-width:calc(100vw - 30px)}}
 .profile-menu[hidden]{display:none!important}.profile-menu:not([hidden]){display:grid}.delivery-head{margin-top:32px}.delivery-list{display:grid;gap:10px}.delivery-meta,.delivery-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 15px;display:flex;align-items:center;gap:12px}.delivery-meta{justify-content:space-between;font-size:10px}.delivery-meta span,.delivery-card small{color:var(--muted)}.delivery-card{justify-content:flex-start}.delivery-card>div{min-width:150px}.delivery-card strong,.delivery-card small{display:block}.delivery-card code{background:#f7f5fb;border-radius:5px;padding:7px 9px;word-break:break-all;flex:1;font-size:10px}.delivery-card .small-btn{white-space:nowrap}
@media(max-width:720px){.delivery-meta,.delivery-card{align-items:flex-start;flex-wrap:wrap}.delivery-card>div{min-width:0;flex:1 1 100%}.delivery-card code{flex:1 1 100%;max-width:100%}.delivery-meta .small-btn{margin-left:auto}}
