:root{--color-paper:oklch(97% .012 95);--color-paper-2:oklch(94% .016 95);--color-paper-3:oklch(91% .02 95);--color-surface:oklch(99% .007 95);--color-ink:oklch(20% .012 250);--color-ink-2:oklch(34% .014 250);--color-muted:oklch(43% .012 250);--color-rule:oklch(82% .015 95);--color-rule-2:oklch(69% .016 95);--color-accent:oklch(86% .18 95);--color-accent-deep:oklch(67% .16 90);--color-accent-soft:oklch(93% .08 95);--color-accent-ink:oklch(20% .012 250);--color-accent-2:oklch(66% .18 235);--color-accent-2-deep:oklch(38% .15 238);--color-accent-2-soft:oklch(92% .045 235);--color-accent-2-ink:oklch(18% .02 245);--color-accent-3:oklch(68% .24 18);--color-accent-3-deep:oklch(40% .17 18);--color-accent-3-soft:oklch(94% .04 18);--color-accent-3-ink:oklch(18% .02 18);--color-mint:oklch(80% .16 150);--color-mint-deep:oklch(33% .09 150);--color-mint-soft:oklch(94% .04 150);--color-lavender:oklch(74% .16 305);--color-lavender-soft:oklch(94% .04 305);--color-error:oklch(39% .16 25);--color-error-soft:oklch(94% .035 25);--color-warning:oklch(35% .1 70);--color-warning-soft:oklch(93% .06 82);--color-focus:oklch(36% .14 238);--color-overlay:oklch(20% .012 250/.52);--font-display:"Plus Jakarta Sans", "Geist", ui-rounded, sans-serif;--font-body:"Plus Jakarta Sans", "Geist", ui-rounded, sans-serif;--font-label:"Plus Jakarta Sans", "Geist", ui-rounded, sans-serif;--font-outlier:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-display-s:clamp(2.25rem, 5vw, 3.75rem);--text-display:clamp(2.75rem, 7vw, 5.25rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--radius-sm:.5rem;--radius-input:.75rem;--radius-card:1.25rem;--radius-card-lg:1.75rem;--radius-pill:999px;--rule-hair:1px;--rule-strong:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--shadow-card:0 .75rem 2rem -1rem oklch(20% .012 250/.18);--shadow-card-raised:0 1.25rem 2.75rem -1rem oklch(20% .012 250/.24);--shadow-sticky:0 -.5rem 2rem oklch(20% .012 250/.11);--shadow-button:0 .25rem 0 var(--color-accent-deep), 0 .375rem .75rem -.1875rem oklch(67% .16 90/.4);--shadow-button-hover:0 .375rem 0 var(--color-accent-deep), 0 .75rem 1.375rem -.25rem oklch(67% .16 90/.42);--shadow-button-active:0 .0625rem 0 var(--color-accent-deep), 0 .125rem .375rem -.125rem oklch(67% .16 90/.32);--page-gutter:clamp(1rem, 4vw, 2rem);--page-max:76rem;--content-max:42rem;--input-height:3rem;--banner-height:2.75rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}.seller-shell{background:var(--color-paper-2);min-height:100dvh;color:var(--color-ink);display:block}.seller-main{min-width:0}.seller-sidebar{display:none}.seller-mobile-nav,.seller-topbar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:4.25rem;padding:var(--space-sm) var(--page-gutter);border-block-end:var(--rule-hair) solid var(--color-rule);background:var(--color-surface);box-shadow:var(--shadow-card);display:flex;position:sticky;inset-block-start:0}.seller-topbar__identity,.seller-mobile-nav__identity,.seller-sidebar__identity{gap:var(--space-3xs);min-width:0;display:grid}.seller-topbar__identity strong,.seller-mobile-nav__identity strong,.seller-sidebar__identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seller-topbar__identity span,.seller-mobile-nav__identity span,.seller-sidebar__identity span{color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seller-sidebar__header,.seller-sidebar__footer{gap:var(--space-lg);display:grid}.seller-sidebar__brand,.seller-brand{align-items:center;gap:var(--space-sm);min-height:2.75rem;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.035em;white-space:nowrap;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.seller-sidebar__brand-mark,.seller-brand__mark{border-radius:var(--radius-card);background:var(--color-accent);width:2.5rem;height:2.5rem;box-shadow:0 var(--space-2xs) 0 var(--color-accent-deep);color:var(--color-accent-ink);font-family:var(--font-label);font-size:var(--text-sm);flex:none;place-items:center;display:grid}.seller-nav{gap:var(--space-2xs);display:grid}.seller-nav__label{margin-block:var(--space-sm) var(--space-2xs);color:var(--color-muted);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.seller-nav__link{align-items:center;gap:var(--space-sm);min-height:2.75rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);color:var(--color-ink-2);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700;line-height:1;text-decoration:none;display:flex}.seller-nav__link[aria-current=page],.seller-nav__link.is-active{background:var(--color-accent);color:var(--color-accent-ink)}.seller-nav__link:active{transform:translateY(var(--space-3xs))}.seller-content,.dashboard-content{gap:var(--space-xl);width:min(100%,78rem);padding:var(--space-lg) var(--page-gutter) var(--space-3xl);margin-inline:auto;display:grid}.page-header{align-items:stretch;gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.page-header__copy{gap:var(--space-xs);min-width:0;display:grid}.page-header h1,.page-header__copy h1{min-width:0;font-size:var(--text-2xl);overflow-wrap:anywhere;margin:0}.page-header p,.page-header__copy p{max-width:65ch;color:var(--color-muted);margin:0}.page-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;max-width:100%;display:flex}.auth-page{min-height:100dvh;padding:var(--space-lg) var(--page-gutter);background:var(--color-paper-2);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative}.auth-page:before{height:var(--space-xs);background:var(--color-accent);content:"";position:fixed;inset:0 0 auto}.auth-card{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card-lg);background:var(--color-surface);width:min(100%,31rem);box-shadow:var(--shadow-card-raised);display:grid;overflow:hidden}.auth-card__intro{align-content:start;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);background:var(--color-paper-3);display:grid}.auth-card__brand{width:fit-content;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.035em;white-space:nowrap;font-weight:700;text-decoration:none}.auth-card__eyebrow{color:var(--color-muted);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.auth-card__intro h1{max-width:14ch;font-size:var(--text-2xl)}.auth-page--wide .auth-card__intro h1{max-width:20ch}.auth-card__intro>p:last-child{max-width:55ch;color:var(--color-ink-2)}.auth-form{align-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg) var(--space-lg);display:grid}.auth-card__help{padding:0 var(--space-lg) var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}.button--primary{--btn-face:var(--color-accent);--btn-edge:var(--color-accent-deep);--btn-ink:var(--color-accent-ink)}.button--secondary{--btn-face:var(--color-surface);--btn-edge:var(--color-rule-2);--btn-ink:var(--color-ink);border:var(--rule-hair) solid var(--color-rule-2);box-shadow:0 var(--space-2xs) 0 var(--color-rule-2)}.button--attention{--btn-face:var(--color-ink);--btn-edge:var(--color-warning);--btn-ink:var(--color-paper);box-shadow:0 var(--space-2xs) 0 var(--color-warning)}.button--danger{--btn-face:var(--color-error-soft);--btn-edge:var(--color-error);--btn-ink:var(--color-error);border:var(--rule-hair) solid var(--color-error);box-shadow:0 var(--space-2xs) 0 var(--color-error)}.button--wide{width:100%}.button--secondary:active,.button--attention:active,.button--danger:active{box-shadow:0 var(--space-3xs) 0 var(--btn-edge)}.button--secondary[disabled],.button--attention[disabled],.button--danger[disabled]{opacity:.55;box-shadow:0 var(--space-2xs) 0 var(--btn-edge);cursor:not-allowed}.text-link{min-height:2.75rem;color:var(--color-accent-2-deep);text-decoration:underline;text-decoration-thickness:var(--rule-hair);text-underline-offset:var(--space-2xs);white-space:nowrap;align-items:center;font-weight:700;line-height:1;display:inline-flex}.text-link:active{color:var(--color-ink)}.form-field{gap:var(--space-xs);min-width:0;display:grid}.form-field--suffix{align-content:start}.form-field label{color:var(--color-ink);font-size:var(--text-sm);font-weight:700}.form-field__hint,.form-field__error{min-height:1lh;font-size:var(--text-sm);margin:0}.form-field__hint{color:var(--color-muted)}.form-field__error{color:var(--color-error);font-weight:600}.form-field input[type=file]{width:100%;min-height:var(--input-height);padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule-2);outline:var(--rule-strong) solid var(--color-surface);outline-offset:var(--rule-hair);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-ink-2);cursor:pointer}.form-field input[type=file]:focus-visible{border-color:var(--color-focus);outline-color:var(--color-focus)}.form-field input[type=file]::file-selector-button{min-height:2.25rem;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);cursor:pointer;border:0;margin-inline-end:var(--space-sm);font-weight:700}.checkbox-field,.switch-field{align-items:start;gap:var(--space-sm);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.checkbox-field input,.switch-field input{width:1.25rem;height:1.25rem;margin:var(--space-3xs) 0 0;accent-color:var(--color-focus)}.checkbox-field span,.switch-field span{gap:var(--space-2xs);min-width:0;display:grid}.checkbox-field small,.switch-field small{color:var(--color-muted);font-size:var(--text-sm)}:is(.checkbox-field:has(input:focus-visible),.switch-field:has(input:focus-visible)){border-radius:var(--radius-sm);outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}:is(.checkbox-field:has(input:disabled),.switch-field:has(input:disabled)){opacity:.55;cursor:not-allowed}.input-prefix{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-surface);grid-template-columns:minmax(0,auto) minmax(8rem,1fr);align-items:center;display:grid;overflow:hidden}.input-prefix:focus-within{border-color:var(--color-focus);outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--rule-hair)}.input-prefix input{border:0;border-radius:0;outline:0}.input-prefix__label{height:var(--input-height);min-width:0;padding-inline:var(--space-sm);border-inline-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;place-items:center;display:grid;overflow:hidden}.input-with-suffix{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.input-with-suffix:focus-within{border-color:var(--color-focus);outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--rule-hair)}.input-with-suffix input{border:0;border-radius:0;outline:0}.input-with-suffix>span{min-width:var(--input-height);height:var(--input-height);border-inline-start:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2);place-items:center;font-weight:700;display:grid}.copy-field{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.copy-field input[readonly]{background:var(--color-paper-2);color:var(--color-ink-2);text-overflow:ellipsis;overflow:hidden}.alert{gap:var(--space-xs);padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-ink);grid-template-columns:minmax(0,1fr);display:grid}.alert p,.alert ul{margin:0}.alert ul{gap:var(--space-2xs);padding-inline-start:var(--space-lg);display:grid}.alert--success{border-color:var(--color-mint-deep);background:var(--color-mint-soft);color:var(--color-mint-deep)}.alert--error{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.sr-only{width:var(--rule-hair);height:var(--rule-hair);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.metrics-section,.content-section{gap:var(--space-lg);min-width:0;display:grid}.content-section{padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.section-heading{align-items:end;gap:var(--space-sm);grid-template-columns:minmax(0,1fr);padding:0;display:grid}.section-heading>div{gap:var(--space-xs);min-width:0;display:grid}.section-heading h2{max-width:24ch;font-size:var(--text-xl);margin:0}.section-heading p{max-width:65ch;color:var(--color-muted);margin:0}.section-heading--with-action{align-items:center}.empty-state{justify-items:start;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);border:var(--rule-hair) dashed var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper);grid-template-columns:minmax(0,1fr);display:grid}.empty-state__mark{border-radius:var(--radius-card);background:var(--color-accent);width:3rem;height:3rem;box-shadow:0 var(--space-2xs) 0 var(--color-accent-deep);color:var(--color-accent-ink);font-family:var(--font-label);font-size:var(--text-lg);place-items:center;font-weight:500;display:grid}.empty-state>div:not(.empty-state__mark){gap:var(--space-xs);display:grid}.empty-state h2{font-size:var(--text-lg)}.empty-state p{max-width:55ch;color:var(--color-muted)}.attention-banner{align-items:center;gap:var(--space-lg);padding:var(--space-lg);border:var(--rule-strong) solid var(--color-warning);border-radius:var(--radius-card-lg);background:var(--color-warning-soft);color:var(--color-ink);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr);display:grid}.attention-banner--clear{border-width:var(--rule-hair);border-color:var(--color-mint-deep);background:var(--color-mint-soft)}.attention-banner__count{border-radius:var(--radius-card);background:var(--color-ink);width:3.5rem;height:3.5rem;color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-xl);place-items:center;font-weight:700;line-height:1;display:grid}.attention-banner__body{gap:var(--space-xs);min-width:0;display:grid}.attention-banner__body h2{max-width:35ch;font-size:var(--text-lg)}.attention-banner__body>p:last-child{max-width:62ch;color:var(--color-ink-2)}.attention-banner__label{color:var(--color-warning);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.attention-banner--clear .attention-banner__label{color:var(--color-mint-deep)}.metric-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.metric-card{gap:var(--space-xs);min-width:0;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.metric-card:nth-child(2){background:var(--color-paper-3)}.metric-card--accent{border-color:var(--color-accent-2-deep);background:var(--color-paper-2)}.metric-card dt{color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.metric-card dd{min-width:0;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.1}.metric-card p{color:var(--color-muted);font-size:var(--text-sm)}.attention-strip{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hair) solid var(--color-warning);border-radius:var(--radius-card);background:var(--color-warning-soft);color:var(--color-ink);transition:box-shadow var(--dur-short) var(--ease-out);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.attention-strip__count{border-radius:var(--radius-pill);background:var(--color-ink);width:2.5rem;height:2.5rem;color:var(--color-paper);font-family:var(--font-label);font-size:var(--text-sm);place-items:center;font-weight:500;display:grid}.attention-strip>span:nth-child(2){gap:var(--space-3xs);min-width:0;display:grid}.attention-strip small{color:var(--color-muted)}.attention-strip__action{color:var(--color-warning);white-space:nowrap;grid-column:1/-1;justify-self:start;font-weight:700}.filter-panel{gap:var(--space-md);min-width:0;display:grid}.filter-tabs{gap:var(--space-xs);max-width:100%;padding:var(--space-2xs) var(--space-2xs) var(--space-sm);scrollbar-width:thin;display:flex;overflow-x:auto}.filter-tab{min-height:2.75rem;padding:var(--space-xs) var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-2);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex:none;align-items:center;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.filter-tab.is-active,.filter-tab[aria-current=page]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.filter-tab:active{transform:translateY(var(--space-3xs))}.search-form{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.order-list{gap:var(--space-sm);min-width:0;display:grid}.order-row{align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-ink);transition:background-color var(--dur-short) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.order-row--attention{border-color:var(--color-warning);background:var(--color-warning-soft)}.order-row__identity{gap:var(--space-2xs);grid-column:1/-1;min-width:0;display:grid}.order-row__identity strong,.order-row__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-row__identity span,.order-row__time{color:var(--color-muted);font-size:var(--text-sm)}.order-row__time{min-width:0}.order-row__time time{white-space:nowrap}.order-row__total{font-family:var(--font-label);font-size:var(--text-sm);white-space:nowrap;justify-self:end;font-weight:500}.order-row__status{min-width:0}.order-row__arrow{color:var(--color-muted);font-size:var(--text-md);display:none}.status-badge{align-items:center;gap:var(--space-xs);min-height:1.75rem;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap;font-weight:700;line-height:1;display:inline-flex}.status-badge__dot{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-ink-2);flex:none}.status-badge--masuk{background:var(--color-warning-soft);color:var(--color-warning)}.status-badge--masuk .status-badge__dot{background:var(--color-warning)}.status-badge--dibayar{background:var(--color-accent-2-soft);color:var(--color-accent-2-deep)}.status-badge--dibayar .status-badge__dot{background:var(--color-accent-2-deep)}.status-badge--diproses{background:var(--color-lavender-soft);color:var(--color-ink-2)}.status-badge--diproses .status-badge__dot{background:var(--color-lavender)}.status-badge--selesai{background:var(--color-mint-soft);color:var(--color-mint-deep)}.status-badge--selesai .status-badge__dot{background:var(--color-mint-deep)}.status-badge--dibatalkan{background:var(--color-error-soft);color:var(--color-error)}.status-badge--dibatalkan .status-badge__dot{background:var(--color-error)}.pagination-wrap{max-width:100%;justify-content:center;padding-block-start:var(--space-sm);display:flex;overflow-x:auto}.pagination-wrap nav{max-width:100%}.pagination-wrap a,.pagination-wrap span{white-space:nowrap}.order-detail-layout{align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.order-detail-layout__main,.order-detail-layout__aside{gap:var(--space-lg);min-width:0;display:grid}.detail-card{gap:var(--space-lg);min-width:0;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.detail-card--action{border-color:var(--color-accent-2-deep);background:var(--color-paper-3)}.detail-card__header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.detail-card__header>div{gap:var(--space-xs);min-width:0;display:grid}.detail-card__header h2{font-size:var(--text-lg)}.detail-card__header p{color:var(--color-muted);font-size:var(--text-sm)}.status-timeline{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.status-timeline li{align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);font-weight:700;display:grid}.status-timeline__marker{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper);width:2rem;height:2rem;color:var(--color-muted);font-family:var(--font-label);font-size:var(--text-xs);place-items:center;display:grid}.status-timeline li.is-current,.status-timeline li.is-complete{color:var(--color-ink)}.status-timeline li.is-current .status-timeline__marker{border-color:var(--color-accent-2-deep);background:var(--color-accent-2);color:var(--color-accent-2-ink)}.status-timeline li.is-complete .status-timeline__marker{border-color:var(--color-mint-deep);background:var(--color-mint);color:var(--color-ink)}.cancelled-note{padding:var(--space-md);border:var(--rule-hair) solid var(--color-error);border-radius:var(--radius-input);background:var(--color-error-soft);color:var(--color-error);font-weight:700}.line-item-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.line-item{align-items:start;gap:var(--space-sm);padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:auto minmax(0,1fr);display:grid}.line-item:first-child{padding-block-start:0}.line-item__quantity{border-radius:var(--radius-sm);background:var(--color-paper-3);min-width:2.25rem;min-height:2.25rem;font-family:var(--font-label);font-size:var(--text-xs);place-items:center;display:grid}.line-item__name{gap:var(--space-2xs);min-width:0;display:grid}.line-item__name span{color:var(--color-muted);font-size:var(--text-sm)}.line-item__subtotal{font-family:var(--font-label);font-size:var(--text-sm);white-space:nowrap;grid-column:2;justify-self:start;font-weight:500}.order-totals,.detail-list{gap:var(--space-sm);margin:0;display:grid}.order-totals>div,.detail-list>div{align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1fr) auto;display:grid}.order-totals dt,.detail-list dt{color:var(--color-muted);font-size:var(--text-sm)}.order-totals dd,.detail-list dd{text-align:end;overflow-wrap:anywhere;min-width:0;margin:0}.order-totals dd{font-family:var(--font-label);font-size:var(--text-sm);white-space:nowrap;font-weight:500}.order-totals__grand{border-block-start:var(--rule-strong) solid var(--color-ink);font-size:var(--text-md);padding-block-start:var(--space-md);font-weight:700}.order-totals__estimate{padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-paper-3);color:var(--color-ink)}.buyer-note{padding:var(--space-md);border-radius:var(--radius-input);background:var(--color-warning-soft);color:var(--color-ink-2);white-space:pre-wrap}.status-actions{gap:var(--space-sm);display:grid}.destructive-action{border:var(--rule-hair) solid var(--color-error);border-radius:var(--radius-input);background:var(--color-error-soft);color:var(--color-error);position:relative}.destructive-action summary{min-height:2.75rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;font-weight:700;line-height:1;list-style-position:inside;display:flex}.destructive-action summary:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.destructive-action__body{gap:var(--space-md);padding:0 var(--space-md) var(--space-md);display:grid}.destructive-action__body p{font-size:var(--text-sm)}.destructive-action--compact{border-color:var(--color-rule-2);background:var(--color-surface)}.destructive-action--compact summary{color:var(--color-error)}.seller-sidebar__top{align-content:start;gap:var(--space-lg);display:grid}.seller-sidebar__store{padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.seller-sidebar__footer{border-block-start:var(--rule-hair) solid var(--color-rule);padding-block-start:var(--space-lg)}.seller-sidebar__footer p{gap:var(--space-2xs);margin:0;display:grid}.seller-sidebar__footer p span{color:var(--color-muted);font-size:var(--text-xs)}.seller-sidebar__footer p strong{color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seller-logout{min-height:2.75rem;padding:var(--space-xs) var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-error);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.seller-logout:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.seller-logout:active{transform:translateY(var(--space-3xs))}.seller-logout:disabled{opacity:.55;cursor:not-allowed;transform:none}.seller-mobile-toggle{flex:none}.seller-mobile-menu{z-index:var(--z-dropdown);gap:var(--space-lg);max-height:calc(100dvh - 4.25rem);padding:var(--space-lg) var(--page-gutter);border-block-end:var(--rule-hair) solid var(--color-rule-2);background:var(--color-surface);box-shadow:var(--shadow-card-raised);display:grid;position:fixed;inset:4.25rem 0 auto;overflow-y:auto}.seller-mobile-menu .seller-nav{gap:var(--space-xs)}.seller-mobile-menu .seller-nav__link{min-height:3rem}.seller-mobile-menu .seller-logout{width:100%}.seller-topbar{z-index:var(--z-base);min-height:0;padding:var(--space-xl) var(--page-gutter) 0;background:var(--color-paper-2);box-shadow:none;border:0;display:block;position:relative;inset:auto}.seller-topbar .page-header{width:min(100%,78rem);margin-inline:auto}.product-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.product-card{--card-tint:var(--color-surface);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);transition:box-shadow var(--dur-short) var(--ease-out);align-content:start;gap:0;padding:0;display:grid;position:relative;overflow:hidden}.product-card--unavailable{--card-tint:var(--color-paper-2);background:var(--color-paper-2)}.product-card__media{aspect-ratio:4/3;background:var(--color-paper-3);position:relative;overflow:hidden}.product-card:nth-child(3n+2) .product-card__media{background:var(--color-paper-2)}.product-card:nth-child(3n+3) .product-card__media{background:var(--color-paper-3)}.product-card__media img{object-fit:cover;width:100%;height:100%}.product-card--unavailable .product-card__media img{opacity:.58}.product-card__placeholder{width:100%;height:100%;color:var(--color-ink-2);place-items:center;display:grid}.product-card__placeholder span{border:var(--rule-strong) solid var(--color-ink);border-radius:var(--radius-card-lg);background:var(--color-surface);width:4rem;height:4rem;box-shadow:var(--space-xs) var(--space-xs) 0 var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl);place-items:center;font-weight:700;display:grid}.availability-badge{min-height:1.75rem;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);font-size:var(--text-xs);white-space:nowrap;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.availability-badge--available{color:var(--color-mint-deep)}.availability-badge--unavailable{color:var(--color-error)}.product-card__body{gap:var(--space-sm);padding:var(--space-lg);display:grid}.product-card__body>div{gap:var(--space-xs);display:grid}.product-card__body h2{font-size:var(--text-md)}.product-card__price{color:var(--color-ink);font-family:var(--font-label);font-size:var(--text-sm);font-weight:500}.product-card__description{color:var(--color-muted);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card__actions{align-items:start;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-block-start:auto;display:grid}.product-card__actions>.button,.product-card__actions>.destructive-action{min-width:0}.product-card__actions .button,.product-card__actions .destructive-action summary{width:100%}.product-card__actions .destructive-action[open]{grid-column:1/-1}.form-layout{align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.form-layout__main,.form-layout__aside{gap:var(--space-lg);min-width:0;display:grid}.form-section{gap:var(--space-lg);min-width:0;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.form-section__header{gap:var(--space-xs);min-width:0;border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr);padding-block-end:var(--space-sm);display:grid}.form-section__header h2{font-size:var(--text-lg)}.form-section__header p{max-width:62ch;color:var(--color-muted);font-size:var(--text-sm)}.form-row{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.current-product-image{aspect-ratio:4/3;border-radius:var(--radius-input);object-fit:cover;width:100%;max-height:20rem}.form-actions{z-index:var(--z-sticky);align-items:stretch;gap:var(--space-sm);margin:var(--space-xl) calc(var(--page-gutter) * -1) calc(var(--space-3xl) * -1);padding:var(--space-md) var(--page-gutter) max(var(--space-md), env(safe-area-inset-bottom));border-block-start:var(--rule-hair) solid var(--color-rule);background:var(--color-surface);box-shadow:var(--shadow-sticky);flex-direction:column-reverse;display:flex;position:sticky;inset-block-end:0}.qr-layout{align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.qr-card{justify-items:center;gap:var(--space-lg);padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card-lg);background:var(--color-surface);box-shadow:var(--shadow-card-raised);text-align:center;display:grid}.qr-card__preview{width:min(100%,23rem);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper)}.qr-card__preview img{border-radius:var(--radius-sm);background:var(--color-surface);border:0;width:100%;height:auto;padding:0}.qr-card__caption{gap:var(--space-xs);min-width:0;display:grid}.qr-card__caption p,.qr-card__caption span{color:var(--color-muted);font-size:var(--text-sm)}.qr-card__caption h2{font-size:var(--text-xl)}.qr-card__caption span{overflow-wrap:anywhere}.qr-instructions{gap:var(--space-lg);padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.qr-instructions>div:first-child{gap:var(--space-xs);display:grid}.qr-instructions h2{font-size:var(--text-xl)}.qr-instructions>div:first-child p{color:var(--color-muted)}.instruction-list{gap:var(--space-md);counter-reset:qr-step;margin:0;padding:0;list-style:none;display:grid}.instruction-list li{gap:var(--space-2xs) var(--space-sm);counter-increment:qr-step;grid-template-columns:auto minmax(0,1fr);display:grid}.instruction-list li:before{border-radius:var(--radius-pill);background:var(--color-accent);width:2rem;height:2rem;color:var(--color-accent-ink);content:counter(qr-step);font-family:var(--font-label);font-size:var(--text-xs);grid-row:1/span 2;place-items:center;font-weight:500;display:grid}.instruction-list span{color:var(--color-muted);font-size:var(--text-sm)}.notice-card{gap:var(--space-xs);padding:var(--space-md);border:var(--rule-hair) solid var(--color-warning);border-radius:var(--radius-input);background:var(--color-warning-soft);color:var(--color-ink);display:grid}.notice-card p{color:var(--color-ink-2);font-size:var(--text-sm)}@media (hover:hover) and (pointer:fine){.seller-nav__link:hover{background:var(--color-paper-3);color:var(--color-ink-2)}.seller-nav__link[aria-current=page]:hover,.seller-nav__link.is-active:hover{background:var(--color-accent);color:var(--color-accent-ink)}.seller-logout:hover{background:var(--color-error-soft)}.button:hover,.button--secondary:hover{transform:none}.button--primary:hover{transform:translateY(calc(var(--space-3xs) * -1))}.button--secondary:hover{background:var(--color-paper-3)}.button--attention:hover{box-shadow:0 var(--space-xs) 0 var(--color-warning)}.button--danger:hover{box-shadow:0 var(--space-xs) 0 var(--color-error)}.text-link:hover{color:var(--color-ink)}.attention-strip:hover{box-shadow:var(--shadow-card)}.filter-tab:not(.is-active):not([aria-current=page]):hover{background:var(--color-paper-3)}.order-row:not(.order-row--attention):hover{background:var(--color-paper)}.product-card:hover{box-shadow:var(--shadow-card-raised)}.destructive-action summary:hover{background:var(--color-error-soft)}.form-field input[type=file]::file-selector-button:hover{background:var(--color-accent-soft)}}@media (width>=30rem){.copy-field,.search-form{grid-template-columns:minmax(0,1fr) auto}.form-actions{flex-direction:row;justify-content:flex-end;align-items:center}.form-actions .button{min-width:9rem}.line-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.line-item__subtotal{grid-column:auto;justify-self:end}}@media (width>=40rem){.seller-content,.dashboard-content{padding-block-start:var(--space-xl)}.page-header{flex-direction:row;justify-content:space-between;align-items:end}.page-actions{justify-content:flex-end}.auth-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(100%,64rem)}.auth-page--wide .auth-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);width:min(100%,72rem)}.auth-card__intro{padding:var(--space-2xl) var(--space-xl);grid-row:1/span 2}.auth-form{padding:var(--space-xl) var(--space-xl) var(--space-lg)}.auth-form--split{align-content:start;align-items:start;column-gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-form--split>.form-field--full,.auth-form--split>.alert,.auth-form--split>.button{grid-column:1/-1}.auth-card__help{padding-inline:var(--space-xl)}.section-heading--with-action{grid-template-columns:minmax(0,1fr) auto}.attention-banner{grid-template-columns:auto minmax(0,1fr) auto}.attention-banner--clear{grid-template-columns:minmax(0,1fr) auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-strip{grid-template-columns:auto minmax(0,1fr) auto}.attention-strip__action{grid-column:auto;justify-self:end}.order-row{gap:var(--space-md);grid-template-columns:minmax(12rem,1.4fr) minmax(7rem,.8fr) auto auto 1.25rem}.order-row__identity{grid-column:auto}.order-row__total{justify-self:start}.order-row__arrow{justify-self:end;display:block}.status-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.status-timeline li{grid-template-columns:minmax(0,1fr);justify-items:start}.product-grid,.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-card,.qr-instructions,.detail-card,.form-section,.content-section{padding:var(--space-xl)}}@media (width>=48rem){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-detail-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr)}.order-detail-layout__aside{position:sticky;inset-block-start:calc(4.25rem + var(--space-lg))}.form-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr)}.form-layout__aside{position:sticky;inset-block-start:calc(4.25rem + var(--space-lg))}.qr-layout{gap:var(--space-xl);grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr)}.qr-card{position:sticky;inset-block-start:calc(4.25rem + var(--space-lg))}}@media (width>=64rem){.seller-shell{grid-template-columns:17rem minmax(0,1fr);display:grid}.seller-sidebar{z-index:var(--z-sticky);align-content:space-between;gap:var(--space-xl);height:100dvh;padding:var(--space-lg);border-inline-end:var(--rule-hair) solid var(--color-rule);background:var(--color-surface);display:grid;position:sticky;inset-block-start:0;overflow-y:auto}.seller-mobile-nav,.seller-mobile-menu{display:none}.seller-topbar{padding-block-start:var(--space-2xl)}.seller-content,.dashboard-content{padding-block-end:var(--space-3xl)}.order-detail-layout__aside,.form-layout__aside,.qr-card{inset-block-start:var(--space-lg)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (pointer:coarse){.button,.seller-nav__link,.seller-logout,.filter-tab,.destructive-action summary,.text-link{min-height:3rem}}@media (prefers-reduced-motion:reduce){.button,.button:hover,.button--primary:hover,.seller-nav__link,.seller-logout,.filter-tab,.attention-strip,.order-row,.product-card,.product-card__media img{transition-duration:var(--dur-micro)}.button,.button:hover,.button--primary:hover,.seller-nav__link,.seller-nav__link:active,.seller-logout,.seller-logout:active,.filter-tab,.filter-tab:active,.attention-strip,.attention-strip:hover,.order-row,.order-row:hover,.product-card,.product-card:hover,.product-card__media img,.product-card:hover .product-card__media img{transform:none}}