:root{--ink:#171715;--muted:#666660;--line:#dfdfda;--ground:#f7f7f5;--white:#fff;--side:#f2f2ef;--soft:#edede9;--positive:#365641;--warning:#755426;--error:#923a32;--radius:4px;--sidebar:218px;font-family:Inter,Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--ground);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
[hidden]{display:none!important}
h1,h2,h3,p,dl,dd{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #626761;outline-offset:3px}
button{cursor:pointer}
button:disabled{opacity:.42;cursor:not-allowed}
svg{width:18px;height:18px;flex:none;vertical-align:middle}
.skip{position:fixed;z-index:9;top:10px;left:10px;background:var(--ink);color:white;padding:12px;transform:translateY(-150%)}
.skip:focus{transform:none}
.subtle{color:var(--muted);line-height:1.55;font-size:13px}
.eyebrow,.metric-label,.list-head,.side-label,.role-label{font-size:10px;letter-spacing:.13em;font-weight:600;text-transform:uppercase}
.eyebrow{color:var(--muted);margin-bottom:9px}
.wordmark{display:inline-block;font-weight:600;text-align:left}
.archive-logo{display:block;width:156px;max-width:100%;height:auto}
.auth-index .archive-logo{width:103px}
.auth-index .archive-logo{filter:invert(1)}
.wordmark span{display:block;font-family:"Helvetica Neue Condensed Bold","HelveticaNeue-CondensedBold","Helvetica Neue",sans-serif;font-weight:700;font-size:9px;letter-spacing:.27em;margin-inline-start:3.5px;margin-top:5px;line-height:1.2}
.layout{min-height:100svh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100svh;border-right:1px solid var(--line);background:var(--side);display:flex;flex-direction:column;padding:31px 17px 16px}
.sidebar-brand{align-self:flex-start;margin:0 10px 44px}
.side-label{color:var(--muted);padding:0 11px 10px}
.side-nav{display:grid;gap:3px}
.side-nav a{display:flex;align-items:center;gap:12px;min-height:43px;border-radius:var(--radius);padding:0 11px;color:#4a4a46}
.side-nav a:hover{background:#e8e8e3;color:var(--ink)}
.side-nav a.selected{background:var(--ink);color:white;font-weight:600}
.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:15px 6px 0}
.sidebar-account{display:flex;align-items:center;gap:9px;padding:0 3px 9px;min-width:0}
.sidebar-account div{min-width:0;overflow-wrap:anywhere}
.sidebar-account p{font-size:11px;margin-top:3px;color:var(--muted)}
.avatar{display:inline-grid;place-items:center;width:37px;height:37px;flex:none;background:#e8e8e2;border:1px solid #deded8;border-radius:50%;font-size:11px;letter-spacing:.03em;font-weight:600}
.stage{min-width:0}
.topbar{min-height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(22px,4vw,56px);background:var(--white)}
.breadcrumb,.top-actions{display:flex;align-items:center;gap:11px;min-width:0}
.desktop-breadcrumb,.separator{color:var(--muted)}
.topbar strong{font-size:12px}
.role-label{color:#50504b;background:var(--soft);padding:6px 8px;border-radius:2px}
.mobile-brand,.mobile-signout,.bottom-nav{display:none!important}
.main{max-width:1600px;margin:auto;padding:26px clamp(22px,3vw,44px) 50px;min-width:0}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 20px}
h1{font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.04;letter-spacing:-.082em;overflow-wrap:anywhere}
.page-head .subtle{margin-top:9px}
h2{font-size:19px;line-height:1.2;letter-spacing:-.04em;font-weight:600}
h3{font-size:15px;font-weight:600;letter-spacing:-.018em}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:23px}
.metric{padding:17px 15px 16px;min-width:0}
.metric+.metric{border-left:1px solid var(--line)}
.metric-label{color:#54544f;line-height:1.35}
.metric strong{display:block;margin:7px 0 4px;font-size:clamp(19px,3vw,32px);font-weight:600;letter-spacing:-.07em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric .subtle{font-size:11px;line-height:1.45}
.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:17px;overflow:hidden}
.panel-head{padding:16px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.panel-head .subtle{margin-top:4px}
.panel .list{border:0;border-radius:0}
.panel .empty{border:0;border-radius:0}
.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quick-link{display:flex;align-items:center;gap:12px;min-height:69px;padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:white}
.quick-link>svg{margin-left:auto;width:15px}
.quick-link:hover,.partner-row:hover{background:#f3f3ef}
.quick-icon,.empty-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--soft);color:#52524d;border-radius:3px;flex:none}
.quick-link .subtle{font-size:11px}
.empty{display:grid;justify-items:center;text-align:center;gap:8px;min-height:156px;align-content:center;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:white}
.empty .subtle{max-width:36ch}
.empty .button{margin-top:4px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid #d6d6cf;border-radius:var(--radius);padding:7px 10px;background:white;font-weight:600;font-size:12px;line-height:1.25;white-space:nowrap}
.button svg{width:15px;height:15px}
.button:hover:not(:disabled){background:#f0f0ec}
.button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.button.primary:hover:not(:disabled){background:#393934}
.button.quiet{border-color:transparent;background:transparent;color:#40403b}
.button.quiet:hover{background:var(--soft);color:var(--ink)}
.button.danger{color:var(--error)}
.button.full{width:100%;justify-content:space-between;min-height:45px}
.head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.toolbar{display:flex;align-items:center;gap:8px;margin:0 0 13px}
.search{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0;width:min(100%,355px);padding:0 10px;color:var(--muted)}
.search input{width:100%;border:0;background:transparent;min-height:39px;outline:0;color:var(--ink)}
.search:focus-within{outline:2px solid #626761;outline-offset:2px}
.toolbar select{min-height:41px;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);background:white;padding:0 9px;font-size:12px}
.list{border:1px solid var(--line);background:white;border-radius:var(--radius);overflow:hidden}
.list-head,.list-row{display:grid;align-items:center;gap:12px;padding:10px 14px}
.list-head{background:#f0f0ed;color:#55554f;padding-block:10px;font-size:9px}
.list-row+.list-row,.list-head+.list-row{border-top:1px solid var(--line)}
.item-row,.inventory-list .list-head,.order-list .list-head{grid-template-columns:minmax(0,2fr) minmax(65px,.55fr) minmax(110px,1fr) minmax(69px,auto)}
.partner-row,.partner-list .list-head{grid-template-columns:minmax(0,2fr) minmax(105px,1fr) minmax(65px,.6fr) minmax(65px,.65fr) 19px}
.earning-row,.earning-list .list-head{grid-template-columns:minmax(0,2fr) repeat(3,minmax(65px,.75fr))}
.list-row .subtle{font-size:11px;margin-top:3px}
.piece{min-width:0;display:flex;align-items:center;gap:10px}
.truncate{min-width:0;overflow-wrap:anywhere}
.photo{width:46px;height:51px;display:grid;place-items:center;background:#FFFFFF;border:0;border-radius:2px;position:relative;overflow:hidden;flex:none;color:#77776e}
.photo img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#FFFFFF}
.photo svg{width:16px}
.status{display:inline-flex;align-items:center;gap:5px;justify-self:start;max-width:100%;padding:4px 7px;font-size:10px;font-weight:600;border-radius:3px;background:#efefeb;color:#53534c;line-height:1.3}
.status i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.status.positive{background:#e9efe8;color:var(--positive)}
.status.warning{background:#f2ece0;color:var(--warning)}
.row-actions{justify-self:end}
.row-chevron{color:#71716a}
.price,.earning-row>span,.earning-row>strong{font-variant-numeric:tabular-nums}
.tracking,.row-state{overflow-wrap:anywhere;min-width:0}
.banner{background:#efefeb;border:1px solid var(--line);padding:9px 11px;margin:0 0 12px;border-radius:var(--radius);font-size:12px;color:#54544d}
.banner.warning{background:#f4eee3}
.form-error,.inline-error{color:var(--error);font-size:12px;line-height:1.4}
.inline-error{margin-top:5px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 0 0}
.pagination>div{display:flex;gap:5px}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#55554f;margin-bottom:18px}
.back-link:hover{text-decoration:underline}
.profile-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-12px 0 10px;font-size:12px}
.tabs{display:flex;gap:19px;border-bottom:1px solid var(--line);margin-bottom:17px}
.tabs button{min-height:40px;padding:0 0 1px;border:0;border-bottom:2px solid transparent;background:transparent;color:#585853;white-space:nowrap;font-size:12px}
.tabs button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.panel .settings-row{padding-inline:17px;border-bottom:0}
.activity{list-style:none;margin:0;padding:0}
.activity li{padding:11px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 12px}
.activity li:last-child{border-bottom:0}
.activity li time{color:var(--muted);font-size:11px}
.activity details{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.auth{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:white}
.auth-main{padding:30px clamp(24px,6vw,80px) 22px;display:flex;flex-direction:column;min-height:100svh}
.auth-content{width:min(100%,360px);margin:auto;padding:46px 0 36px}
.auth-content h1{font-size:clamp(35px,4.5vw,54px);margin-bottom:10px}
.auth-content>.quiet{margin-top:6px}
.auth-content form{margin-top:20px}
.auth-footer,.auth-index{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.15em;font-weight:600;color:var(--muted)}
.auth-brand{background:#20201d;color:#f0efea;display:flex;flex-direction:column;justify-content:space-between;padding:32px clamp(22px,4vw,54px);border-left:1px solid #30302c}
.auth-type{font-size:clamp(38px,6.1vw,105px);font-weight:600;line-height:.87;letter-spacing:-.105em}
.auth-index{color:#b0b0a7;border-bottom:1px solid #505048;padding-bottom:10px}
.auth-index:last-child{border-bottom:0;border-top:1px solid #505048;padding:10px 0 0}
.auth-key{max-width:580px;margin:10vh auto;padding:24px}
.auth-key h1{margin:30px 0 12px}
.auth-key .key{margin:18px 0 10px}
.auth-key .button{margin-right:6px}
.form{display:grid;gap:11px}
.field{display:grid;gap:5px;font-size:12px;font-weight:600}
.field input,.field textarea,.key{width:100%;min-width:0;min-height:40px;border:1px solid #d6d6ce;border-radius:var(--radius);padding:8px 10px;background:#fff;font-size:14px}
.field textarea{resize:vertical}
.key{font-family:ui-monospace,monospace;font-size:12px}
.check{display:flex;align-items:center;gap:6px;font-size:12px;min-height:25px;color:#494943}
.check input{accent-color:var(--ink)}
dialog{margin:auto;width:min(460px,calc(100% - 24px));max-height:calc(100svh - 30px);padding:0;border:1px solid #d0d0c8;border-radius:6px;background:white;color:var(--ink);box-shadow:0 24px 70px #1112}
dialog.wide{width:min(610px,calc(100% - 24px))}
dialog::backdrop{background:#1c1c19aa}
.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:17px 18px 14px;border-bottom:1px solid var(--line)}
.dialog-head h2{font-size:24px;margin-bottom:4px}
.dialog-head .eyebrow{margin-bottom:6px}
.icon-button{background:#f0f0eb;border:0;border-radius:3px;min-width:34px;min-height:34px;display:grid;place-items:center}
.icon-button:hover{background:#e6e6e0}
.dialog-body{display:grid;gap:12px;padding:16px 18px 18px;overflow-wrap:anywhere}
.dialog-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:6px}
.dialog-foot{border-top:1px solid var(--line);padding-top:7px}
.advanced{border-top:1px solid var(--line);padding-top:9px}
.advanced summary{cursor:pointer;font-weight:600;font-size:12px;padding-bottom:8px}
.detail-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;font-size:11px}
.detail-grid dt{color:var(--muted)}
.detail-piece{display:flex;gap:10px;align-items:center}
.import-errors{max-height:220px;overflow:auto;padding-left:19px;margin:0}
.import-errors li{padding:4px 0;font-size:12px}
#notice{position:fixed;right:18px;bottom:18px;z-index:6;display:flex;align-items:center;gap:8px;max-width:min(400px,calc(100vw - 36px));background:#252520;color:white;padding:11px 13px;border-radius:4px;box-shadow:0 6px 28px #0002;font-size:13px}
#notice.error{background:#793933}
.boot{padding:35px}
.boot p{margin-top:12px;color:var(--muted)}
.skeleton{padding-top:8px}
.skeleton>div{background:#e9e9e3;border-radius:4px;margin-bottom:12px}
.skeleton-title{height:39px;width:min(220px,70%)}
.skeleton-line{height:12px;width:min(315px,83%)}
.skeleton-list{height:145px;width:100%;margin-top:22px;border:1px solid var(--line);background:linear-gradient(to bottom,#efefeb 30px,#fafaf8 30px)!important}
@media(max-width:980px){
  :root{--sidebar:179px}
  .sidebar{padding-inline:11px}
  .metrics .metric{padding-inline:11px}
}
@media(max-width:760px){
  .inventory-list .list-head,.order-list .list-head{display:none}
  .item-row{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:'piece price' 'state state' 'actions actions'}
  .item-row .piece{grid-area:piece;align-self:start}
  .item-row .price{grid-area:price;text-align:right;align-self:start;white-space:nowrap}
  .item-row .row-state{grid-area:state}
  .item-row .row-actions{grid-area:actions;justify-self:stretch;display:flex;flex-wrap:wrap;gap:6px}
  .layout{display:block}
  .sidebar,.desktop-breadcrumb,.breadcrumb .separator,.breadcrumb strong,.role-label{display:none}
  .mobile-brand,.mobile-signout{display:inline-flex!important}
  .mobile-brand{align-items:center;white-space:nowrap}
  .mobile-brand .archive-logo{width:156px}
  .mobile-brand .wordmark span{margin-top:4px}
  .topbar{position:sticky;z-index:3;top:0;min-height:52px;padding:0 14px}
  .top-actions{gap:3px}
  .top-actions .status{font-size:9px}
  .mobile-signout{min-height:42px;padding-inline:6px}
  .main{padding:21px 14px calc(85px + env(safe-area-inset-bottom))}
  .bottom-nav{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;z-index:4;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:4px 3px calc(4px + env(safe-area-inset-bottom))}
  .bottom-nav a{display:grid;align-content:center;justify-items:center;gap:3px;min-height:44px;color:#686860;font-size:9px;line-height:1.1;white-space:nowrap}
  .bottom-nav a svg{width:17px;height:17px}
  .bottom-nav a.selected{background:var(--soft);border-radius:3px;color:#141412;font-weight:600}
  .page-head{margin-bottom:16px;align-items:flex-end;gap:8px}
  .page-head .subtle{font-size:12px;margin-top:5px}
  .metrics{margin-bottom:15px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:nth-child(3){border-left:0}
  .metric:nth-child(n+3){border-top:1px solid var(--line)}
  .metrics .metric{padding:10px}
  .metric strong{margin:4px 0 2px}
  .metric-label{font-size:9px}
  .panel{margin-bottom:12px}
  .panel-head{padding:11px}
  .panel-head .subtle{font-size:11px}
  .empty{min-height:126px;padding:14px}
  .quick-links{gap:7px}
  .quick-link{padding:8px;min-height:54px;gap:6px}
  .quick-link .subtle{display:none}
  .quick-icon{width:28px;height:28px}
  .quick-icon svg{width:15px;height:15px}
  .auth{display:block}
  .auth-brand{display:none}
  .auth-main{padding:22px 23px 15px}
  .auth-content{padding-block:30px}
  .field input,.field textarea,.search input{font-size:16px}
  #notice{bottom:calc(64px + env(safe-area-inset-bottom));right:10px}
}
@media(max-width:540px){
  .list-head{display:none}
  .list-row{padding:9px;gap:5px 8px}
  .photo{width:39px;height:44px}
  .partner-row{grid-template-columns:minmax(0,1fr) auto 14px;grid-template-areas:'person status arrow' 'person count rate'}
  .partner-row .piece{grid-area:person}
  .partner-row .status{grid-area:status;justify-self:end}
  .partner-count{grid-area:count;font-size:10px;text-align:right;color:var(--muted)}
  .partner-rate{grid-area:rate;font-size:9px;justify-self:end}
  .row-chevron{grid-area:arrow}
  .row-chevron svg{width:13px}
  .earning-row{grid-template-columns:repeat(3,1fr);row-gap:6px}
  .earning-row>div{grid-column:1/-1}
  .earning-row>span,.earning-row>strong{display:block;font-size:12px}
  .earning-row>span::before,.earning-row>strong::before{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-bottom:2px}
  .earning-row>span:nth-child(2)::before{content:'Gross'}
  .earning-row>span:nth-child(3)::before{content:'Commission'}
  .earning-row>strong::before{content:'Estimated net'}
  .toolbar{flex-wrap:wrap}
  .search{flex:1;width:auto;min-width:145px}
  .head-actions{gap:4px}
  .head-actions .button{font-size:10px;padding:6px}
  .head-actions .button svg{display:none}
  .tabs{gap:13px}
}

.auth-success{padding:9px 10px;border:1px solid #cad8c8;background:#eef3ed;color:#365641;font-size:12px;line-height:1.45}
.link-actions{display:grid;gap:8px;margin-top:19px}

.overview-search .search{width:min(100%,440px)}
@media(max-width:760px){.toolbar .button,.row-actions .button,.dialog-actions .button{min-height:44px}.overview-search input{font-size:16px}}

.auth-type .archive-logo{width:min(100%,560px);filter:invert(1)}

.auth-footer{align-items:center}
.auth-footer>span{margin-left:auto}
.auth-footer .button{min-height:44px;padding-inline:0;font-size:11px;font-weight:400;color:var(--muted)}

@media (min-width: 761px) {
  .seller-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
  .seller-metrics:has(.metric:nth-child(5)) {grid-template-columns:repeat(5,minmax(0,1fr))}
}
.sale-detail + .sale-detail {border-top:1px solid var(--line)}
.sale-detail summary {display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer}
.sale-detail summary::before {content:'+';flex:none}
.sale-detail[open] summary::before {content:'−'}
.sale-detail summary .piece {flex:1;min-width:0}
.sale-detail summary > strong {white-space:nowrap}
.sale-detail dl {margin:0;padding:0 16px 12px}
.sale-detail dl div {display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.sale-detail dd {margin:0;text-align:right}

.product-photo-preview{display:block;width:100%;height:min(42vh,350px);object-fit:contain;background:#FFFFFF}
.product-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:8px;margin:12px 0}
.product-photo-grid .button{padding:0;border:0;background:#FFFFFF;cursor:grab}
.product-photo-grid img{width:100%;height:72px;object-fit:contain;background:#FFFFFF}

:root {
  --ink:#111;
  --muted:#646464;
  --ground:#fff;
  --side:#fff;
  --soft:#f4f4f4;
  --line:#e4e4e4;
  --radius:0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.sell-landing {
  padding:32px clamp(24px,6vw,96px);
  min-height:100vh;
  display:grid;
  grid-template-rows:auto 1fr;
}
.sell-intro {
  align-self:center;
  padding-block:48px 96px;
}
.sell-intro h1 {
  font-size:clamp(42px,10vw,142px);
  line-height:.94;
  letter-spacing:-.065em;
  margin:0 0 24px;
}
.sell-intro p {max-width:32ch;font-size:18px;line-height:1.45}
.sell-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sell-actions .button {min-height:44px}
.auth-brand {background:#111;display:grid;place-items:center}
.page-head .eyebrow:empty {display:none}