.account-scope{--flow-bg:#fff7e8;--flow-surface:#fffcf6;--flow-surface-raised:color-mix(in srgb, var(--flow-surface) 92%, white);--flow-green:#3f6246;--flow-olive:#71865b;--flow-sage:#dde9cd;--flow-yellow:#f4d77b;--flow-gold:#b48a2c;--flow-text:#293229;--flow-muted:#687064;--flow-fs-title:var(--fs-page-title,clamp(22px, 1.9vw, 26px));--flow-fs-section:clamp(14.6px, 1.26vw, 17px);--flow-fs-lead:var(--fs-hero-lead,clamp(12.6px, .84vw, 13.4px));--flow-fs-button:var(--fs-button,clamp(12px, .84vw, 12.8px));--flow-fs-meta:var(--fs-meta,clamp(11.2px, .78vw, 12px));min-height:70vh;color:var(--flow-text);background:radial-gradient(circle at 84% 8%, color-mix(in srgb, var(--flow-yellow) 15%, transparent), transparent 25rem), linear-gradient(180deg, color-mix(in srgb, var(--flow-surface) 58%, var(--flow-bg)), var(--flow-bg));padding:24px 0 56px}.account-scope .flow-heading{border:1px solid color-mix(in srgb, var(--flow-sage) 28%, var(--flow-surface));background:linear-gradient(90deg, color-mix(in srgb, var(--flow-sage) 18%, transparent), transparent 58%), color-mix(in srgb, var(--flow-surface) 86%, white);box-shadow:0 16px 38px color-mix(in srgb, var(--flow-green) 7%, transparent);border-radius:22px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex}.account-scope .flow-kicker{background:color-mix(in srgb, var(--flow-sage) 42%, var(--flow-surface));width:fit-content;color:var(--flow-green);font-size:11.5px;font-weight:var(--fw-semibold,600);border-radius:999px;margin:0 0 8px;padding:5px 11px}.account-scope .flow-heading h1,.account-scope .flow-panel h2{color:var(--flow-text);margin:0;line-height:1.35}.account-scope .flow-heading h1{font-size:var(--flow-fs-title);font-weight:var(--fw-bold,700)}.account-scope .flow-panel h2{font-size:var(--flow-fs-section);font-weight:var(--fw-bold,700)}.account-scope .flow-heading p,.account-scope .flow-muted,.account-scope .flow-note{color:var(--flow-muted);font-size:var(--flow-fs-lead);line-height:1.78}.account-scope .account-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;display:grid}.account-scope .flow-section{min-width:0}.account-scope .flow-panel{border:1px solid color-mix(in srgb, var(--flow-sage) 35%, var(--flow-surface));background:linear-gradient(180deg, #ffffff6b, transparent 42%), var(--flow-surface-raised);box-shadow:0 18px 42px color-mix(in srgb, var(--flow-green) 8%, transparent), 0 1px 0 #ffffffbd inset;border-radius:20px;padding:18px}.account-scope .flow-panel+.flow-panel{margin-top:16px}.account-scope .account-nav{border-color:color-mix(in srgb, var(--flow-sage) 34%, transparent);background:linear-gradient(180deg, #ffffff61, transparent 44%), var(--flow-surface-raised);align-self:start;gap:7px;padding:12px;display:grid;position:sticky;top:88px}.account-scope .account-nav button,.account-scope .account-cart-link{color:var(--flow-muted);text-align:right;font:inherit;font-size:var(--flow-fs-button);font-weight:var(--fw-semibold,600);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:10px 13px;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;position:relative}.account-scope .account-nav button:hover,.account-scope .account-nav button:focus-visible,.account-scope .account-cart-link:hover,.account-scope .account-cart-link:focus-visible{border-color:color-mix(in srgb, var(--flow-sage) 40%, transparent);background:color-mix(in srgb, var(--flow-sage) 22%, var(--flow-surface));color:var(--flow-green)}.account-scope .account-nav button.is-active{border-color:color-mix(in srgb, var(--flow-green) 72%, var(--flow-olive));background:linear-gradient(90deg, color-mix(in srgb, var(--flow-olive) 30%, transparent), transparent 70%), var(--flow-green);color:var(--flow-surface);box-shadow:0 12px 26px color-mix(in srgb, var(--flow-green) 18%, transparent);transform:translateY(-1px)}.account-scope .account-nav button:last-child{border-color:color-mix(in srgb, #b94a3b 14%, var(--flow-sage));background:color-mix(in srgb, #b94a3b 5%, var(--flow-surface));color:color-mix(in srgb, #9b382d 78%, var(--flow-text));margin-top:10px}.account-scope .account-cart-link{border-color:color-mix(in srgb, var(--flow-sage) 26%, transparent);background:color-mix(in srgb, var(--flow-sage) 13%, transparent)}.account-scope .account-mobile-select{border:1px solid color-mix(in srgb, var(--flow-sage) 62%, var(--flow-surface));background:var(--flow-surface);width:100%;min-height:46px;color:var(--flow-text);border-radius:14px;margin:0 0 14px;padding:8px 12px;display:none}.account-scope .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px;display:grid}.account-scope .account-overview{gap:14px;display:grid}.account-scope .account-welcome-card{background:radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--flow-sage) 44%, transparent), transparent 18rem), linear-gradient(135deg, color-mix(in srgb, var(--flow-surface) 76%, white), color-mix(in srgb, var(--flow-sage) 20%, var(--flow-surface)));justify-content:space-between;align-items:center;gap:18px;min-height:142px;display:flex}.account-scope .account-welcome-card h2{margin:0 0 8px;font-size:clamp(17.1px,1.53vw,20.7px)}.account-scope .account-welcome-card p:last-child{max-width:46rem;color:var(--flow-muted);font-size:var(--flow-fs-lead);margin:0;line-height:1.85}.account-scope .summary-card{border-color:color-mix(in srgb, var(--flow-sage) 28%, var(--flow-surface));background:linear-gradient(180deg, #ffffff8a, transparent 48%), color-mix(in srgb, var(--flow-surface) 92%, white);align-content:space-between;gap:10px;height:100%;min-height:126px;margin-top:0;padding:16px;display:grid;position:relative;overflow:hidden}.account-scope .summary-grid>.flow-panel{margin-top:0}.account-scope .summary-card span,.account-scope .summary-card small{color:var(--flow-muted);line-height:1.7}.account-scope .summary-card strong{color:var(--flow-green);font-size:clamp(22px,2.4vw,28px);line-height:1}.account-scope .account-recent-card,.account-scope .account-list-panel,.account-scope .profile-card{gap:14px;display:grid}.account-scope .account-recent-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-scope .account-recent-item{border:1px solid color-mix(in srgb, var(--flow-sage) 28%, transparent);background:color-mix(in srgb, var(--flow-surface) 86%, white);border-radius:16px;gap:8px;padding:13px;display:grid}.account-scope .account-recent-item strong{font-size:13.4px;line-height:1.6}.account-scope .account-recent-item small{color:var(--flow-muted);font-size:var(--flow-fs-meta)}.account-scope .flow-list,.account-scope .order-lines,.account-scope .summary-lines{gap:12px;display:grid}.account-scope .activity-item,.account-scope .order-line{border:1px solid color-mix(in srgb, var(--flow-sage) 28%, transparent);background:color-mix(in srgb, var(--flow-surface) 82%, white);box-shadow:0 10px 24px color-mix(in srgb, var(--flow-green) 5%, transparent);border-radius:16px;padding:12px}.account-scope .activity-item.is-registration{background:linear-gradient(90deg, color-mix(in srgb, var(--flow-sage) 14%, transparent), transparent 58%), color-mix(in srgb, var(--flow-surface) 84%, white)}.account-scope .activity-item.is-booking{border-color:color-mix(in srgb, var(--flow-green) 18%, var(--flow-sage));background:linear-gradient(90deg, color-mix(in srgb, var(--flow-green) 7%, transparent), transparent 60%), color-mix(in srgb, var(--flow-surface) 86%, white)}.account-scope .activity-item{grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:11px;display:grid}.account-scope .activity-item img{object-fit:cover;width:70px;height:70px;box-shadow:0 8px 18px color-mix(in srgb, var(--flow-text) 8%, transparent);background:#ede3cb;border-radius:14px}.account-scope .item-title h3{font-size:13.8px;line-height:1.55;font-weight:var(--fw-bold,700);margin:0 0 6px}.account-scope .item-meta{color:var(--flow-muted);font-size:var(--flow-fs-meta);flex-wrap:wrap;gap:7px;display:flex}.account-scope .item-meta span{background:color-mix(in srgb, var(--flow-sage) 24%, var(--flow-surface));border-radius:999px;padding:4px 9px}.account-scope .flow-primary,.account-scope .flow-secondary,.account-scope .flow-danger{min-height:36px;font-size:var(--flow-fs-button);font-weight:var(--fw-semibold,600);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;transition:box-shadow .18s,transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.account-scope .flow-primary{background:var(--flow-green);color:var(--flow-surface);box-shadow:0 14px 26px color-mix(in srgb, var(--flow-green) 22%, transparent)}.account-scope .flow-secondary{border:1px solid color-mix(in srgb, var(--flow-green) 18%, var(--flow-sage));background:color-mix(in srgb, var(--flow-surface) 88%, var(--flow-sage));color:var(--flow-green)}.account-scope .flow-danger{border:1px solid color-mix(in srgb, #b94a3b 18%, var(--flow-surface));background:color-mix(in srgb, #b94a3b 8%, var(--flow-surface));color:#9b382d}.account-scope .flow-primary:hover,.account-scope .flow-secondary:hover,.account-scope .flow-danger:hover,.account-scope .flow-primary:focus-visible,.account-scope .flow-secondary:focus-visible,.account-scope .flow-danger:focus-visible{transform:translateY(-1px)}.account-scope .flow-secondary:hover,.account-scope .flow-secondary:focus-visible{border-color:color-mix(in srgb, var(--flow-green) 36%, var(--flow-sage));background:color-mix(in srgb, var(--flow-surface) 74%, var(--flow-sage))}.account-scope button:disabled{opacity:.6;cursor:not-allowed}.account-scope .flow-badge{background:color-mix(in srgb, var(--flow-sage) 58%, var(--flow-surface));min-height:26px;color:var(--flow-green);font-size:var(--flow-fs-meta);font-weight:var(--fw-bold,700);border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex;box-shadow:inset 0 1px #fffc}.account-scope .flow-badge[data-state=pending]{background:color-mix(in srgb, var(--flow-yellow) 30%, var(--flow-surface));color:color-mix(in srgb, var(--flow-gold) 78%, var(--flow-text))}.account-scope .flow-badge[data-state=failed]{background:color-mix(in srgb, #c35647 14%, var(--flow-surface));color:#9b382d}.account-scope .flow-badge[data-state=paid],.account-scope .flow-badge[data-state=done]{background:color-mix(in srgb, var(--flow-sage) 72%, white);color:var(--flow-green)}.account-scope .detail-table{gap:8px;margin:12px 0;display:grid}.account-scope .detail-table div,.account-scope .summary-lines div{border-bottom:1px solid color-mix(in srgb, var(--flow-sage) 26%, var(--flow-surface));justify-content:space-between;gap:14px;padding:8px 0;display:flex}.account-scope .detail-table dd{font-weight:var(--fw-bold,700);margin:0}.account-scope .order-line{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;display:grid}.account-scope .order-card{border-color:color-mix(in srgb, var(--flow-green) 15%, var(--flow-sage))}.account-scope .account-cart-panel{align-items:stretch}.account-scope .account-cart-list{gap:10px}.account-scope .account-cart-item{border:1px solid color-mix(in srgb, var(--flow-sage) 30%, transparent);background:color-mix(in srgb, var(--flow-surface) 86%, white);border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.account-scope .account-cart-item>div:first-child{gap:4px;display:grid}.account-scope .account-cart-item strong{color:var(--flow-text);font-size:13.8px;line-height:1.6}.account-scope .account-cart-item span{color:var(--flow-muted);font-size:var(--flow-fs-meta)}.account-scope .account-cart-controls{border:1px solid color-mix(in srgb, var(--flow-sage) 34%, var(--flow-surface));background:var(--flow-surface);border-radius:12px;grid-template-columns:32px 42px 32px;align-items:center;min-height:36px;display:inline-grid;overflow:hidden}.account-scope .account-cart-controls button{width:32px;height:36px;color:var(--flow-green);cursor:pointer;background:0 0;border:0}.account-scope .account-cart-controls output{color:var(--flow-text);text-align:center;font-size:var(--flow-fs-button);font-weight:var(--fw-bold,700)}.account-scope .account-cart-total{background:color-mix(in srgb, var(--flow-sage) 28%, var(--flow-surface));color:var(--flow-green);font-size:var(--flow-fs-button);border-radius:16px;justify-content:space-between;gap:14px;padding:12px 14px;display:flex}.account-scope .summary-lines .total{color:var(--flow-text);font-weight:var(--fw-bold,700)}.account-scope .account-actions,.account-scope .account-payment-banner{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-scope .account-payment-banner{border-color:color-mix(in srgb, var(--flow-gold) 22%, var(--flow-sage));background:linear-gradient(90deg, color-mix(in srgb, var(--flow-yellow) 18%, transparent), transparent 52%), var(--flow-surface-raised)}.account-scope .account-payment-banner strong{color:var(--flow-green)}.account-scope .account-payment-banner span{color:var(--flow-muted);font-size:var(--flow-fs-meta)}.account-scope .flow-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.account-scope .profile-card .flow-note{background:color-mix(in srgb, var(--flow-sage) 18%, transparent);border-radius:14px;margin:0;padding:10px 12px}.account-scope .account-empty-state{border:1px dashed color-mix(in srgb, var(--flow-sage) 54%, var(--flow-surface));background:radial-gradient(circle at 10% 8%, color-mix(in srgb, var(--flow-sage) 26%, transparent), transparent 14rem), color-mix(in srgb, var(--flow-surface) 84%, white);border-radius:18px;justify-items:start;gap:9px;min-height:150px;padding:18px;display:grid}.account-scope .account-empty-state strong{color:var(--flow-text);font-size:var(--flow-fs-section)}.account-scope .account-empty-state p{max-width:36rem;color:var(--flow-muted);font-size:var(--flow-fs-lead);margin:0;line-height:1.8}.account-scope .flow-field{color:var(--flow-text);font-size:var(--flow-fs-button);font-weight:var(--fw-semibold,600);gap:7px;display:grid}.account-scope .flow-field.wide{grid-column:1/-1}.account-scope .flow-field input,.account-scope .flow-field textarea{border:1px solid color-mix(in srgb, var(--flow-sage) 44%, var(--flow-surface));background:color-mix(in srgb, var(--flow-surface) 78%, white);width:100%;min-height:40px;color:var(--flow-text);font:inherit;border-radius:13px;padding:9px 12px;transition:border-color .18s,box-shadow .18s,background-color .18s}.account-scope .flow-field textarea{resize:vertical;min-height:96px}.account-scope .flow-field input:focus,.account-scope .flow-field textarea:focus{border-color:color-mix(in srgb, var(--flow-green) 40%, var(--flow-sage));background:var(--flow-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--flow-sage) 42%, transparent);outline:0}.account-scope .flow-status{color:var(--flow-green);font-size:13px;font-weight:var(--fw-bold,700);margin-bottom:12px}.account-scope .account-state{min-height:180px}@media (max-width:920px){.account-scope .account-layout,.account-scope .summary-grid,.account-scope .account-recent-list{grid-template-columns:1fr}.account-scope .account-nav{z-index:20;scrollbar-width:thin;gap:8px;padding:10px;display:flex;position:sticky;top:70px;overflow-x:auto}.account-scope .account-nav button,.account-scope .account-cart-link{white-space:nowrap;flex:none}.account-scope .flow-heading{display:grid}.account-scope .account-welcome-card{min-height:0;display:grid}.account-scope .activity-item{grid-template-columns:72px minmax(0,1fr)}.account-scope .activity-item img{width:72px;height:72px}.account-scope .activity-item>.flow-secondary,.account-scope .activity-item>.flow-badge,.account-scope .activity-item>button,.account-scope .flow-form{grid-column:1/-1}.account-scope .flow-form,.account-scope .order-line,.account-scope .account-cart-item{grid-template-columns:1fr}.account-scope .account-cart-controls{width:fit-content}}