:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light;--fallback-bg: #f8fafc;--fallback-surface: #ffffff;--fallback-text: #172337;--fallback-muted: #59677b;--fallback-link: #176bb4;--success: #166534;--warning: #875400;--danger: #b42332;--returned: #7542a1;--bg: var(--tg-theme-secondary-bg-color, var(--fallback-bg));--surface: var(--tg-theme-bg-color, var(--fallback-surface));--text: var(--tg-theme-text-color, var(--fallback-text));--muted: var(--tg-theme-hint-color, var(--fallback-muted));--primary: var(--tg-theme-button-color, #176bb4);--on-primary: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, var(--fallback-link));--border: color-mix(in srgb, var(--text) 16%, var(--surface));--subtle: color-mix(in srgb, var(--text) 5%, var(--surface));--selected: color-mix(in srgb, var(--link) 12%, var(--surface));color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--fallback-bg: #0f172a;--fallback-surface: #1e293b;--fallback-text: #f1f5f9;--fallback-muted: #a8b6c9;--fallback-link: #72b7fa;--success: #86efac;--warning: #f5cc7b;--danger: #ff9ca6;--returned: #d6b4fc}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--fallback-bg: #0f172a;--fallback-surface: #1e293b;--fallback-text: #f1f5f9;--fallback-muted: #a8b6c9;--fallback-link: #72b7fa;--success: #86efac;--warning: #f5cc7b;--danger: #ff9ca6;--returned: #d6b4fc}}*{box-sizing:border-box}.hub-hero{max-width:720px;padding:32px 0}.hub-hero h2{font-size:clamp(2rem,6vw,3rem);margin:12px 0 20px;line-height:1.15}.hub-hero>p:last-child{max-width:560px;color:var(--muted);font-size:1.0625rem}.hub-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.hub-project{display:flex;flex-direction:column;gap:16px}.hub-project p{margin:0;flex:1}.project-heading{display:flex;align-items:center;justify-content:space-between}.project-monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--selected);color:var(--link);font-weight:700}.owner-tabs{margin:24px 0}.owner-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.owner-toolbar .field{flex:1}.owner-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.owner-metric{display:flex;flex-direction:column;padding:16px;border-radius:12px;background:var(--subtle)}.owner-metric strong{font-size:1.75rem;font-variant-numeric:tabular-nums}.owner-balance{border-top:1px solid var(--border);margin-top:24px}.owner-id{display:block;overflow-wrap:anywhere;font-size:.8125rem;color:var(--muted)}.owner-project-list{margin-top:16px}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:var(--link);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,h4{line-height:1.3;overflow-wrap:anywhere}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.125rem}p{margin:12px 0}img{max-width:100%}.app-shell{max-width:1040px;margin:0 auto;padding:max(20px,var(--tg-content-safe-area-inset-top, 0px)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.app-header>a:first-child{color:var(--text);text-decoration:none}.app-header h1{margin:0;font-size:1.125rem;font-weight:700}.brand-caption{margin:4px 0 0;color:var(--muted);font-size:.8125rem}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.8125rem;font-weight:500}.app-header .nav-link{white-space:nowrap;background:var(--surface);border:1px solid var(--border);font-size:.8125rem}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.nav-link{display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;border-radius:9px;color:var(--muted);font-size:.875rem;font-weight:600;text-align:center}.nav-link:hover{background:var(--subtle);text-decoration:none}.nav-link.active{color:var(--link);background:var(--selected)}.seller-nav{margin-bottom:20px}.page-content{display:grid;gap:16px}.panel{min-width:0;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.panel h2{margin:0}.management{width:100%;max-width:960px;margin:0 auto}.onboarding{max-width:680px;width:100%;margin:0 auto;overflow-wrap:anywhere}.onboarding h2{font-size:1.5rem}.onboarding .alert{margin-top:16px}.onboarding details{margin:24px 0}summary{cursor:pointer;font-weight:600}.connection-steps{padding-left:22px}.connection-steps li{margin:12px 0}.connection-status{color:var(--success);font-weight:600}.muted{color:var(--muted);font-size:.875rem}.button-link,button:not(.compact-row){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid transparent;background:var(--primary);color:var(--on-primary);font-weight:600;line-height:1.4;text-align:center;text-decoration:none}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}button.secondary,.button-link.secondary,button[aria-pressed=false],.pagination button{background:var(--subtle);color:var(--text);border-color:var(--border)}button.danger{background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,var(--surface))}@media(hover:hover){button:not(.compact-row):not(:disabled):hover,.button-link:hover{filter:brightness(.94);text-decoration:none}}button:disabled,.field :disabled{background:var(--subtle);color:var(--muted);border-color:var(--border);cursor:not-allowed;opacity:.65}:is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid var(--link);outline-offset:3px}.form-stack{display:grid;gap:20px;margin-top:24px}.form-grid,.field{display:grid;gap:8px;min-width:0}.form-grid{gap:16px}.field label{font-weight:600;font-size:.875rem;color:var(--text)}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:48px;border-radius:10px;border:1px solid var(--border);padding:12px;color:var(--text);background:var(--surface);font-size:1rem}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}.field input[type=file]{font-size:.875rem}input::file-selector-button{margin-right:12px;padding:6px 10px;background:var(--subtle);color:var(--text);border:1px solid var(--border);border-radius:6px;font:inherit}.field textarea{min-height:112px;resize:vertical}.field-error{color:var(--danger);font-size:.875rem}.field [aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.checkbox-field{display:flex;align-items:flex-start;gap:10px}.checkbox-field input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:var(--primary)}.product-photo{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;margin:16px 0;background:var(--subtle)}.price{font-size:1.5rem;font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.search-toolbar{display:grid;gap:12px;margin-top:16px}.product-search{grid-template-columns:minmax(0,1fr) minmax(130px,.7fr)}.product-search>.button-row{grid-column:1 / -1}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-stack{display:grid;gap:12px}.search-filters summary{padding:8px 0}.search-toolbar .button-row button{font-size:.875rem}.compact-list{display:grid;gap:8px}.compact-row{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;font-weight:400}@media(hover:hover){.compact-row:hover{background:var(--subtle)}}.row-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}.row-main>strong{font-size:1rem;font-weight:600;line-height:1.35}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:44%;min-width:0;text-align:right;overflow-wrap:anywhere}.list-thumbnail{width:80px;height:80px;object-fit:contain;flex-shrink:0;border-radius:8px;background:var(--subtle)}.empty-thumbnail{display:grid;place-items:center;color:var(--muted)}.row-price{font-weight:600;font-variant-numeric:tabular-nums}.product-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto}.product-row .row-meta{max-width:none}.product-row .row-meta>.muted{font-size:.8125rem}.row-chevron{color:var(--muted);font-size:1.25rem}.status-pill{display:inline-block;width:fit-content;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600;line-height:1.5;color:var(--muted);background:var(--subtle)}.status-pill.status-active,.status-pill.status-done{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.status-pill.status-paused,.status-pill.status-in_progress{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.status-pill.status-new{color:var(--link);background:var(--selected)}.status-pill.status-cancelled{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.status-pill.status-returned{color:var(--returned);background:color-mix(in srgb,var(--returned) 10%,var(--surface))}.order-list{display:grid;gap:12px;margin:20px 0}.order-card{padding:16px;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}.order-card h3{margin:0}.detail-view{margin-top:20px;overflow-wrap:anywhere}.detail-view h3{font-size:1.25rem;margin-bottom:8px}.workflow-form{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--subtle)}.workflow-form h4{margin:0}.order-history{border-top:1px solid var(--border);margin-top:24px;padding-top:4px}.history-list{list-style:none;padding:0;display:grid;gap:16px}.history-list li{border-left:2px solid var(--border);padding-left:12px}.history-list p{margin:6px 0}.pagination{justify-content:space-between;margin-top:20px;font-size:.875rem}.contact-link{color:var(--link);text-decoration:underline;overflow-wrap:anywhere}.alert{padding:12px 16px;border-radius:10px;background:var(--subtle);border:1px solid var(--border);overflow-wrap:anywhere}.alert.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 22%,var(--surface))}.alert.success{color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface));border-color:color-mix(in srgb,var(--success) 22%,var(--surface))}.dev-box{padding:16px;border:1px dashed var(--border);border-radius:12px;background:var(--subtle)}.stock-breakdown{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.stock-breakdown dd{margin:0;font-weight:600}.app-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:24px}.app-footer a{color:var(--muted);padding:8px 0}.buyer-card .product-photo{margin-top:0;max-height:340px}.buyer-card .form-stack{gap:16px}.buyer-card .form-stack>p{margin:0}.buyer-card .form-stack>.alert{margin:0}.product-row .row-main>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.buyer-card .price{font-size:1.625rem;margin:12px 0}.buyer-card .availability{color:var(--muted);font-size:.875rem}.buyer-card .request-action{width:100%;min-height:48px}.buyer-card .request-actions{width:100%}.buyer-card .order-total{border-top:1px solid var(--border);padding-top:16px}.post-preview{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--subtle);margin:16px 0}.post-preview .product-photo{margin-top:0}@media(max-width:600px){.app-shell{padding-left:12px;padding-right:12px}.panel{padding:16px}.nav-link{padding:8px 6px;font-size:.8125rem}.product-row{grid-template-columns:80px minmax(0,1fr);gap:4px 12px}.product-row .list-thumbnail{grid-row:span 2}.product-row .row-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:4px 8px;text-align:left}.row-chevron{display:none}.order-row{align-items:flex-start;padding:12px}.order-row .row-meta{max-width:43%}.order-row .row-main>span{font-size:.875rem}}@media(max-width:359px){.product-search,.filter-grid{grid-template-columns:minmax(0,1fr)}.list-thumbnail{width:64px;height:64px}.product-row{grid-template-columns:64px minmax(0,1fr)}.order-row{flex-direction:column}.order-row .row-meta{max-width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left}}
