:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-pink:#e8a7b7;--color-brand-charcoal:#5a5a5f;--color-brand-gold:#d4af37;--color-canvas:#fbf7f5;--color-surface:#fff;--color-surface-muted:#f6efec;--color-surface-tint:#fff8f7;--color-border:#e4d6d0;--color-border-strong:#cab8af;--color-text:#2f3033;--color-text-muted:#68605d;--color-accent:var(--color-brand-pink);--color-accent-strong:var(--color-brand-charcoal);--color-gold:var(--color-brand-gold);--color-ink-soft:#505055;--shadow-soft:0 18px 44px #49372e14;--shadow-tight:0 8px 18px #49372e12;--font-display:"Bodoni 72", "Didot", Georgia, "Times New Roman", serif;--font-sans:"Avenir Next", Avenir, Aptos, "Segoe UI", Calibri, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:8px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text);background:linear-gradient(180deg, #ffffffb8 0, #fbf7f500 320px), var(--color-canvas);font-family:var(--font-sans);margin:0}a{color:inherit}.app-shell{grid-template-columns:400px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{min-height:100vh;padding:var(--space-6);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;grid-template-rows:auto 1fr auto;display:grid;position:sticky;top:0}.brand-lockup{gap:var(--space-2);margin-bottom:var(--space-8);align-items:start;display:grid}.brand-wordmark{width:min(336px,100%);height:auto;display:block}.eyebrow{color:var(--color-accent-strong);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.brand-lockup h1,.page-header h2,.placeholder-panel h3{margin:0}.brand-lockup small{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.82rem;font-weight:650;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.nav-list{gap:var(--space-2);align-content:start;display:grid}.nav-link{padding:.85rem var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid #0000;gap:.15rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:border-color .14s,background-color .14s,color .14s;display:grid}.nav-link span{color:inherit}.nav-link small{color:var(--color-text-muted);font-size:.76rem;font-weight:600}.nav-link:hover,.nav-link-active{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-tight)}.nav-link-active{border-left-color:var(--color-brand-gold)}.main-content{width:min(1180px,100%);padding:var(--space-8) var(--space-10) var(--space-10)}.sidebar-footer{gap:var(--space-1);padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.78rem;display:grid}.sidebar-footer strong{color:var(--color-text);font-size:.86rem}.auth-screen{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg, #5a5a5f17, transparent 34%), linear-gradient(180deg, #e8a7b729, transparent 56%), var(--color-canvas);place-items:center;display:grid}.auth-panel{width:min(560px,100%);padding:var(--space-8)}.auth-panel h1{margin:var(--space-1) 0 var(--space-3);font-family:var(--font-display);font-size:2.4rem;line-height:1}.auth-wordmark{width:min(376px,100%);height:auto;margin-bottom:var(--space-8);display:block}.auth-copy{margin:0 0 var(--space-6);color:var(--color-text-muted);line-height:1.55}.auth-steps{gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none;display:grid}.auth-steps li{gap:var(--space-2);color:var(--color-text-muted);align-items:center;font-size:.86rem;font-weight:650;display:flex}.auth-steps li:before{content:"";border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:999px;width:10px;height:10px}.auth-steps .complete:before,.auth-steps .active:before{border-color:var(--color-brand-gold);background:var(--color-brand-gold)}.auth-steps .active{color:var(--color-text)}.field-hint{margin:calc(var(--space-2) * -1) 0 var(--space-4);color:var(--color-text-muted);font-size:.82rem;line-height:1.45}.page-header{margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:1.25rem}.page-header h2{font-family:var(--font-display);font-size:2.35rem;font-weight:600;line-height:1}.page-header p:last-child{max-width:720px;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:1.6}.placeholder-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.placeholder-panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft)}.placeholder-panel h3{margin-bottom:var(--space-3);font-size:1rem}.placeholder-panel p{color:var(--color-text-muted);margin:0;line-height:1.6}.toolbar-row,.filter-row,.section-heading{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.toolbar-row{margin:calc(var(--space-6) * -1) 0 var(--space-6)}.inline-status{width:fit-content;margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-accent-strong);background:#e8a7b724;border:1px solid #e8a7b785;font-weight:650}.workflow-layout{gap:var(--space-6);grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);align-items:start;display:grid}.operations-strip{gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-5,1.25rem) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-tint) 100%);box-shadow:var(--shadow-tight);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;display:grid}.operations-strip h3{margin:var(--space-1) 0 var(--space-2);font-family:var(--font-display);font-size:1.42rem;line-height:1.1}.operations-strip span{color:var(--color-text-muted);line-height:1.5}.operations-kpis{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detail-stack{gap:var(--space-6);display:grid}.panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-tight)}.section-heading{margin-bottom:var(--space-4)}.section-heading h3,.section-heading h4,.panel h4{margin:0}.section-heading h3,.panel h4,.subsection-heading h4,.reference-grid h4{font-family:var(--font-display);font-weight:600;line-height:1.15}.section-heading h3{font-size:1.22rem}.section-heading span{color:var(--color-text-muted);font-size:.9rem}.inventory-list{gap:var(--space-3);display:grid}.empty-state{gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text-muted);line-height:1.45;display:grid}.empty-state strong{color:var(--color-text)}.sort-control{max-width:240px;margin-bottom:var(--space-4)}.table-sort-control{margin-left:auto}.inventory-row{gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);text-align:left;cursor:pointer;grid-template-columns:58px minmax(0,1fr) minmax(88px,auto) auto;align-items:center;display:grid}.inventory-row.active,.inventory-row:hover{border-color:var(--color-accent);background:var(--color-surface-muted)}.inventory-row small,td span{color:var(--color-text-muted);overflow-wrap:anywhere;line-height:1.45;display:block}.image-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:52px;height:52px;color:var(--color-accent-strong);place-items:center;font-weight:700;display:grid;overflow:hidden}.image-thumb img{object-fit:cover;width:100%;height:100%}.status-pill{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;font-size:.78rem;font-weight:750}.status-listed,.status-ready,.status-returned{color:var(--color-accent-strong);background:#e8a7b729;border-color:#e8a7b799}.status-sold{color:var(--color-text);background:#241f1a14;border-color:#241f1a40}.form-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-grid .section-heading,.wide-field,.subform,.form-grid>.button{grid-column:1/-1}.form-grid .section-heading{align-items:flex-start}.form-grid .section-heading .eyebrow{margin-bottom:var(--space-1)}.form-section{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);display:grid}.subsection-heading{gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;display:flex}.subsection-heading h4{margin:0}.subsection-heading span{color:var(--color-text-muted);font-size:.84rem}.form-section-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.status-path{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.status-step{min-height:34px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);text-align:center;font-size:.78rem;font-weight:750}.status-step.active{color:var(--color-text);background:#d4af371f;border-color:#d4af3794}.form-primary-action{justify-self:end;min-width:min(100%,220px)}label{gap:var(--space-2);color:var(--color-text-muted);text-transform:uppercase;font-size:.8rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--color-text);background:var(--color-surface);font-family:var(--font-sans);text-overflow:ellipsis;padding:.65rem .75rem;font-size:.94rem;font-weight:500;line-height:1.25;overflow:hidden}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 1rem),calc(100% - .68rem);background-repeat:no-repeat;background-size:.34rem .34rem;padding-right:2.4rem}select option{color:var(--color-text);background:var(--color-surface);font-family:var(--font-sans)}input:focus,select:focus,textarea:focus{border-color:var(--color-brand-pink);outline:3px solid #e8a7b738}textarea{resize:vertical;min-height:88px}.button{border-radius:var(--radius-sm);color:#fff;min-height:42px;font-family:var(--font-sans);letter-spacing:0;cursor:pointer;background:#4b413e;border:1px solid #4b413e;padding:.7rem 1rem;font-size:.92rem;font-weight:750;box-shadow:0 6px 14px #4b413e1f}.button:hover{background:var(--color-text)}.button:disabled{border-color:var(--color-border);background:var(--color-border);cursor:not-allowed}.button-secondary{color:var(--color-text);background:var(--color-surface);box-shadow:none}.button-secondary:hover{background:var(--color-surface-tint)}.button-small{min-height:36px;padding:.55rem .8rem;font-size:.88rem}.subform{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.subform-heading{margin-bottom:0}.inline-grid{gap:var(--space-3);grid-template-columns:1fr 140px minmax(0,1.4fr);display:grid}.attachment-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) minmax(260px,1.4fr) auto;align-items:end;display:grid}.attachment-remove{white-space:nowrap}.metric-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-filters,.dashboard-metrics,.dashboard-grid,.settings-layout{margin-bottom:var(--space-6)}.dashboard-filters{gap:var(--space-4);display:grid}.dashboard-grid,.settings-layout,.reference-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-status{margin:calc(var(--space-4) * -1) 0 var(--space-4)}.woo-sync-actions{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.woo-sync-actions div{gap:var(--space-1);min-width:0;display:grid}.woo-sync-actions strong{font-size:.98rem;font-weight:700}.woo-sync-actions small{color:var(--color-text-muted);line-height:1.45}.sync-result-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.checkbox-label{gap:var(--space-2);flex-direction:row;align-self:end;align-items:center;min-height:42px;display:flex}.checkbox-label input{width:auto;min-height:auto}.settings-row-button{gap:var(--space-3);width:100%;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;font-size:.94rem;display:flex}.settings-row-button span{gap:var(--space-1);min-width:0;font-weight:650;display:grid}.settings-row-button small{color:var(--color-text-muted);line-height:1.45}.settings-row-button strong{margin-left:var(--space-3);color:var(--color-text);text-align:right;flex:none;font-size:.92rem;font-weight:650}.provider-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.provider-card{justify-content:space-between;gap:var(--space-4);min-height:112px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-canvas);font-family:var(--font-sans);text-align:left;cursor:pointer;flex-direction:column;font-size:.94rem;display:flex}.provider-card:hover{border-color:var(--color-accent);background:var(--color-surface-tint)}.provider-card strong,.provider-card small,.provider-card em{display:block}.provider-card small{margin-top:var(--space-2);color:var(--color-text-muted);line-height:1.45}.provider-card em{color:var(--color-accent-strong);text-transform:uppercase;font-size:.78rem;font-style:normal;font-weight:750}.settings-row-button:hover{color:var(--color-accent-strong)}.tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-list span{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.84rem;font-weight:650}.metric{min-height:92px;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-content:center;display:grid}.metric span{margin-bottom:var(--space-3);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.9rem;font-weight:650;line-height:1.2;display:block}.metric strong{color:var(--color-text);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:1.34rem;font-weight:650;line-height:1.15}.compact-table{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);display:grid}.compact-table div{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.price-override-row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(160px,1fr) 124px minmax(180px,1fr) auto;align-items:end;display:grid}.price-override-row>span{min-width:0}.price-override-row label{gap:0}.compact-table span{min-width:0;line-height:1.45}.compact-table strong{text-align:right;overflow-wrap:anywhere;flex:none;max-width:46%}.document-list strong{color:var(--color-text-muted);font-size:.86rem;font-weight:650}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:.7rem var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}th{color:var(--color-text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.numeric-cell{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}tbody tr:hover{background:var(--color-surface-muted)}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:var(--space-4);border-right:0;border-bottom:1px solid var(--color-border);position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:var(--space-6) var(--space-4)}.sidebar-footer{display:none}.placeholder-grid,.workflow-layout,.operations-strip,.dashboard-grid,.settings-layout,.reference-grid,.form-grid,.form-section-grid,.metric-grid,.sync-result-grid,.woo-sync-actions,.provider-grid,.operations-kpis{grid-template-columns:1fr}.inventory-row,.inline-grid,.price-override-row,.attachment-row,.filter-row,.toolbar-row,.status-path{grid-template-columns:1fr;align-items:stretch}.toolbar-row,.filter-row,.section-heading,.subsection-heading{flex-direction:column;align-items:flex-start}.form-primary-action{justify-self:stretch}}
