@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Barlow+Condensed:wght@600;700&display=swap";:root{color:oklch(22% .025 292);font-synthesis:none;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--ink:oklch(22% .025 292);--ink-muted:oklch(49% .025 292);--surface:oklch(99.3% .004 292);--surface-soft:oklch(96.2% .012 292);--surface-purple:oklch(95% .035 292);--line:oklch(89.5% .018 292);--purple:oklch(56% .245 292);--purple-dark:oklch(45% .22 292);--purple-light:oklch(73% .18 292);--green:oklch(62% .17 154);--green-soft:oklch(94% .045 154);--red:oklch(59% .22 25);--red-dark:oklch(47% .18 25);--red-soft:oklch(95% .045 25);--amber:oklch(68% .14 75);--shadow-sm:0 4px 16px oklch(30% .04 292/.07);--shadow-md:0 18px 50px oklch(28% .05 292/.12);--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--z-nav:200;--z-toast:500;background:oklch(97.3% .008 292);font-family:Atkinson Hyperlegible,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface-soft);min-width:320px}body{background:var(--surface-soft);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid oklch(75% .16 292/.75)}button:disabled{cursor:not-allowed;opacity:.52}svg{stroke-width:1.9px;width:20px;height:20px}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-kerning:normal}h1,h2{font-family:var(--font-display)}h1{letter-spacing:-.02em;font-size:2rem;line-height:1}h2{font-size:1.45rem;line-height:1.1}button{cursor:pointer;border:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--ink);color:var(--surface);border-radius:10px;padding:12px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.brand{color:oklch(97% .01 292);align-items:center;gap:12px;display:inline-flex}.brand__mark{width:54px;height:54px;color:var(--purple-light);place-items:center;display:grid;transform:rotate(-7deg)}.brand__mark svg{width:48px;height:48px}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:2rem;font-weight:600}.brand__name strong{color:var(--purple-light)}.brand--compact .brand__mark{width:38px;height:38px}.brand--compact .brand__mark svg{width:34px;height:34px}.brand--compact .brand__name{font-size:1.45rem}.login-page{color:oklch(97% .01 292);background:oklch(15% .025 292);min-height:100vh;display:grid}.login-panel{isolation:isolate;min-height:100vh;padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;gap:40px;display:flex;position:relative;overflow:hidden}.login-panel:after{content:"";z-index:-2;background:radial-gradient(circle at 80% 24%,oklch(40% .16 292/.38),#0000 32%),linear-gradient(145deg,oklch(13% .025 292),oklch(21% .045 292));position:absolute;inset:0}.login-panel__texture{z-index:-1;opacity:.14;background:repeating-linear-gradient(95deg,#0000 0 17px,oklch(90% .02 292/.2) 18px 19px);position:absolute;inset:-30%;transform:rotate(16deg)}.eyebrow{color:var(--purple);letter-spacing:.105em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.2;display:block}.login-copy{gap:16px;max-width:430px;display:grid}.login-copy .eyebrow{color:var(--purple-light)}.login-copy h1{letter-spacing:-.035em;font-size:clamp(3rem,12vw,5.4rem);line-height:.9}.login-copy p{color:oklch(78% .025 292);max-width:34ch;font-size:1.05rem;line-height:1.5}.login-actions{gap:12px;display:grid}.role-button{color:oklch(96% .01 292);background:oklch(28% .04 292/.54);border:1px solid oklch(67% .05 292/.33);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 18px;transition:transform .18s ease-out,background .18s ease-out;display:flex}.role-button>span{align-items:center;gap:12px;font-weight:700;display:inline-flex}.role-button--primary{border-color:var(--purple);background:var(--purple)}.role-button:active{transform:scale(.985)}.demo-note{color:oklch(69% .02 292);justify-content:center;align-items:center;gap:8px;font-size:.82rem;display:flex}.demo-note svg{width:16px}.login-side{display:none}.app-shell{min-height:100vh}.side-nav{display:none}.app-frame{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.demo-bar{color:oklch(41% .045 75);text-align:center;background:oklch(94% .045 75);justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 16px;font-size:.78rem;font-weight:700;display:flex}.demo-bar svg{width:16px;height:16px}.app-content{width:100%;max-width:1120px;margin:0 auto;padding:24px 18px 48px}.bottom-nav{z-index:var(--z-nav);min-height:72px;padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);justify-content:space-around;align-items:center;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px oklch(30% .03 292/.06)}.bottom-nav button{min-width:0;min-height:52px;color:var(--ink-muted);background:0 0;border-radius:14px;flex:1 1 0;place-items:center;gap:3px;padding:6px 4px;font-size:clamp(.58rem,2.4vw,.68rem);font-weight:700;display:grid}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{color:var(--purple);background:var(--surface-purple)}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header>div{gap:7px;display:grid}.date-chip{white-space:nowrap;color:var(--ink-muted);align-items:center;gap:7px;font-size:.8rem;display:inline-flex}.date-chip svg{width:16px;height:16px}.primary-button,.secondary-button,.danger-button,.success-button{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-weight:700;transition:transform .16s ease-out,filter .16s ease-out;display:inline-flex}.primary-button{color:oklch(98% .008 292);background:var(--purple);box-shadow:0 9px 22px oklch(51% .22 292/.22)}.secondary-button{color:var(--purple-dark);border:1px solid var(--line);background:var(--surface)}.danger-button{color:oklch(98% .008 25);background:var(--red);box-shadow:0 9px 22px oklch(51% .2 25/.18)}.success-button{color:oklch(98% .006 154);background:var(--green)}.primary-button:active,.secondary-button:active,.danger-button:active,.success-button:active{transform:scale(.985)}.primary-button--compact,.secondary-button--compact,.danger-button--compact{min-height:42px;padding:0 14px;font-size:.86rem}.wide-button{width:100%;margin-top:24px}.text-button{min-height:44px;color:var(--purple);background:0 0;align-items:center;gap:7px;padding:4px 0 4px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.text-button svg{width:17px}.back-button{min-height:44px;color:var(--ink-muted);background:0 0;align-items:center;gap:8px;margin:-8px 0 18px -8px;padding:8px;font-weight:700;display:inline-flex}.quick-actions{gap:10px;margin-bottom:24px;display:grid}.quick-actions button{border:1px solid var(--line);border-radius:var(--radius-md);min-height:62px;color:var(--ink);background:var(--surface);text-align:left;box-shadow:var(--shadow-sm);grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;padding:0 16px;display:grid}.quick-actions button>svg:first-child{width:36px;height:36px;color:var(--purple);background:var(--surface-purple);border-radius:10px;padding:8px}.quick-actions button>svg:last-child{width:18px;color:var(--ink-muted)}.quick-actions button span{font-weight:700}.quick-actions button.quick-actions__danger>svg:first-child{color:var(--red);background:var(--red-soft)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:32px;display:grid}.metrics article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:6px;min-width:0;padding:16px;display:grid}.metrics article:last-child{grid-column:1/-1}.metrics small{color:var(--ink-muted);font-size:.78rem}.metrics strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.55rem;line-height:1}.metrics em{color:var(--green);font-size:.72rem;font-style:normal;font-weight:700}.metric-icon{width:34px;height:34px;color:var(--purple);background:var(--surface-purple);border-radius:10px;place-items:center;display:grid}.metric-icon svg{width:18px}.metric-icon--green{color:var(--green);background:var(--green-soft)}.metric-icon--red{color:var(--red);background:var(--red-soft)}.production-block{gap:16px;display:grid}.section-title{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-title>div{gap:6px;display:grid}.cut-list,.supplier-list,.history-list{gap:8px;display:grid}.inline-empty{color:var(--ink-muted);padding:18px 0;line-height:1.45}.cut-row{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.cut-row__date{width:42px;height:48px;color:var(--purple-dark);background:var(--surface-purple);border-radius:10px;align-content:center;place-items:center;line-height:1;display:grid}.cut-row__date b{font-family:var(--font-display);font-size:1.2rem}.cut-row__date span{margin-top:3px;font-size:.57rem;font-weight:700}.cut-row>div:nth-child(2){gap:2px;min-width:0;display:grid}.cut-row>div:nth-child(2) strong,.cut-row>div:nth-child(2) span,.cut-row>div:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cut-row>div:nth-child(2) span{color:var(--ink-muted);font-size:.82rem}.cut-row>div:nth-child(2) small{color:var(--ink-muted);font-size:.7rem}.cut-row__result{text-align:right;display:grid}.cut-row__result strong{font-variant-numeric:tabular-nums}.cut-row__result span{color:var(--ink-muted);font-size:.68rem}.status{border-radius:999px;align-items:center;gap:4px;width:fit-content;min-height:26px;padding:4px 8px;font-size:.67rem;font-weight:700;display:inline-flex}.status svg{width:13px;height:13px}.status--success{color:oklch(40% .13 154);background:var(--green-soft)}.status--danger{color:var(--red-dark);background:var(--red-soft)}.cut-row>.status{display:none}.search-box{border:1px solid var(--line);height:50px;color:var(--ink-muted);background:var(--surface);border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:0 14px;display:flex}.search-box:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px oklch(72% .16 292/.2)}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search-box input::placeholder{color:oklch(56% .025 292)}.supplier-list,.history-list{border-top:1px solid var(--line)}.supplier-row{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:10px 4px;display:grid}.supplier-row>div{gap:3px;min-width:0;display:grid}.supplier-row strong,.supplier-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.supplier-row span{color:var(--ink-muted);font-size:.8rem}.icon-danger-button{width:42px;height:42px;color:var(--red-dark);background:var(--red-soft);border-radius:12px;place-items:center;display:grid}.icon-danger-button svg{width:18px;height:18px}.supplier-avatar{color:oklch(97% .01 292);background:var(--purple);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.supplier-avatar--1{background:oklch(45% .13 265)}.supplier-avatar--2{background:oklch(55% .18 10)}.supplier-avatar--3{background:oklch(52% .17 250)}.supplier-avatar--4{background:oklch(48% .2 310)}.history-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-height:80px;padding:6px 0;display:grid}.history-row__main{text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-width:0;min-height:68px;padding:6px 4px;display:grid}.history-row__main>div:first-child{gap:4px;display:grid}.history-row__main>div:first-child strong{font-variant-numeric:tabular-nums}.history-row__main>div:first-child span{color:var(--ink-muted);font-size:.7rem}.history-row__main>div:nth-child(2){gap:5px;min-width:0;display:grid}.history-row__main>div:nth-child(2) b,.history-row__main>div:nth-child(2) span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-row__main>div:nth-child(2) span{color:var(--ink-muted);font-size:.78rem}.history-row__main>svg{color:var(--ink-muted)}.detail-page{gap:24px;display:grid}.detail-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:24px;display:flex}.detail-hero>div{gap:6px;display:grid}.detail-hero p{color:var(--ink-muted)}.detail-grid{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.detail-grid>div{background:var(--surface);gap:6px;min-width:0;padding:14px;display:grid}.detail-grid dt{color:var(--ink-muted);font-size:.72rem}.detail-grid dd{overflow-wrap:anywhere;margin:0;font-weight:700}.cut-products{gap:14px;display:grid}.pieces-total{color:var(--purple-dark);background:var(--surface-purple);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem}.product-breakdown{gap:12px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.product-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px 14px;display:flex}.product-card>header>div{gap:3px;min-width:0;display:grid}.product-card>header strong{font-size:1.05rem}.product-card>header span{color:var(--ink-muted);font-size:.7rem}.product-card>header>b{color:var(--purple-dark);flex:none;font-size:.82rem}.size-breakdown{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;padding:12px;display:grid}.size-breakdown>div{background:var(--surface-soft);border-radius:11px;align-content:center;place-items:center;gap:3px;min-height:58px;display:grid}.size-breakdown span{color:var(--ink-muted);text-transform:uppercase;font-size:.67rem;font-weight:700}.size-breakdown strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.size-breakdown small{max-width:100%;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.cut-notes{border-left:4px solid var(--purple);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-purple);gap:6px;padding:14px 16px;display:grid}.cut-notes span{color:var(--purple-dark);text-transform:uppercase;font-size:.72rem;font-weight:700}.cut-notes p{line-height:1.45}.detail-callout{border-radius:var(--radius-md);color:oklch(37% .12 154);background:var(--green-soft);grid-template-columns:38px 1fr 20px;align-items:center;gap:12px;min-height:74px;padding:14px;display:grid}.detail-callout>svg:first-child{background:oklch(88% .08 154);border-radius:10px;width:38px;height:38px;padding:8px}.detail-callout>div{gap:3px;display:grid}.detail-callout span{color:oklch(48% .08 154);font-size:.78rem}.empty-state{text-align:center;align-content:center;place-items:center;gap:14px;max-width:480px;min-height:440px;margin:0 auto;display:grid}.empty-state--compact{min-height:300px}.empty-state>span{width:72px;height:72px;color:var(--red);background:var(--red-soft);border-radius:22px;place-items:center;display:grid;transform:rotate(-4deg)}.empty-state>span svg{width:32px;height:32px}.empty-state p{max-width:38ch;color:var(--ink-muted);line-height:1.5}.empty-state .danger-button,.empty-state .primary-button{margin-top:8px}.scrap-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.scrap-summary article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:6px;min-width:0;padding:16px;display:grid}.scrap-summary article>span{width:36px;height:36px;color:var(--purple);background:var(--surface-purple);border-radius:11px;place-items:center;display:grid}.scrap-summary small{color:var(--ink-muted)}.scrap-summary strong{font-family:var(--font-display);font-size:1.65rem}.scrap-list{border-top:1px solid var(--line);display:grid}.scrap-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:78px;padding:12px 4px;display:grid}.scrap-list article>div{gap:4px;min-width:0;display:grid}.scrap-list article>div:first-child span,.scrap-list article small,.scrap-list article>div:last-child span{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.scrap-list article>div:last-child{text-align:right}.catalog-list{gap:14px;display:grid}.catalog-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.catalog-item>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:12px 14px;display:flex}.catalog-item>header>div{gap:4px;min-width:0;display:grid}.catalog-item>header span{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.sku-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:12px;display:grid}.sku-list>div{background:var(--surface-soft);border-radius:11px;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:6px;min-width:0;min-height:48px;padding:7px 7px 7px 10px;display:grid}.sku-list>div>span{color:var(--purple-dark);font-size:.72rem;font-weight:700}.sku-list>div>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.sku-list>div>button{width:36px;height:36px;color:var(--red-dark);background:0 0;place-items:center;display:grid}.sku-list>p{color:var(--ink-muted)}.defect-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.defect-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.defect-item img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.defect-item>div{gap:6px;padding:16px;display:grid}.defect-item h3{margin-top:4px}.defect-item p,.defect-item small{color:var(--ink-muted)}.form-page{width:min(100%,760px);margin:0 auto}.form-page>header{gap:7px;margin-bottom:26px;display:grid}.record-form,.form-grid{gap:16px;display:grid}.field{color:var(--ink);gap:7px;font-size:.84rem;font-weight:700;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:var(--surface);border-radius:12px;outline:none;padding:12px 14px;font-size:1rem;font-weight:400}.field textarea{resize:vertical;min-height:108px}.field input::placeholder,.field textarea::placeholder{color:oklch(56% .025 292)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px oklch(72% .16 292/.18)}.field small{color:var(--ink-muted);font-size:.72rem;font-weight:400}.field em{color:var(--red-dark);font-size:.76rem;font-style:normal}.field--error input,.field--error select{border-color:var(--red)}.cut-form-result,.product-entry-section,.material-balance,.product-entry-list{gap:16px;display:grid}.material-balance{border-top:1px solid var(--line);margin-top:12px;padding-top:24px}.product-entry{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);gap:16px;padding:16px;display:grid}.product-entry>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-entry>header>button{min-height:40px;color:var(--red-dark);background:0 0;align-items:center;gap:5px;padding:6px;font-size:.74rem;font-weight:700;display:inline-flex}.product-entry>header>button svg{width:16px;height:16px}.product-main-fields{gap:14px;display:grid}.size-entry{border:0;min-width:0;margin:0;padding:0}.size-entry legend{color:var(--ink-muted);margin-bottom:8px;font-size:.74rem;font-weight:700}.size-entry>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.size-entry label{min-width:0;color:var(--ink-muted);text-align:center;gap:5px;font-size:.68rem;font-weight:700;display:grid}.size-entry label small{color:var(--purple-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;overflow:hidden}.size-entry input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:var(--surface-soft);text-align:center;border-radius:10px;outline:0;padding:8px 4px;font-size:.95rem}.size-entry input:focus{border-color:var(--purple);box-shadow:0 0 0 3px oklch(72% .16 292/.18)}.product-subtotal{border-top:1px solid var(--line);color:var(--ink-muted);text-align:right;padding-top:10px;font-size:.8rem}.product-subtotal strong{color:var(--ink)}.add-product-button{border-style:dashed;width:100%}.form-alert{color:var(--red-dark);background:var(--red-soft);border-radius:10px;padding:11px 13px;font-size:.8rem;font-weight:700}.form-hint{color:var(--ink-muted);font-size:.8rem}.sku-entry{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;margin:8px 0 0;padding:16px}.sku-entry legend{padding:0 6px;font-weight:700}.sku-entry>p{color:var(--ink-muted);margin-bottom:14px;font-size:.78rem}.sku-entry>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sku-entry label{gap:6px;min-width:0;font-size:.74rem;font-weight:700;display:grid}.sku-entry input{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;outline:0;width:100%;min-height:46px;padding:10px}.sku-entry input:focus{border-color:var(--purple);box-shadow:0 0 0 3px oklch(72% .16 292/.18)}.photo-field{gap:10px;margin-top:4px;display:grid}.photo-field__heading{justify-content:space-between;align-items:center;gap:12px;font-size:.84rem;font-weight:700;display:flex}.photo-field__heading>span{align-items:center;gap:7px;display:inline-flex}.photo-field__heading b{color:var(--red-dark);background:var(--red-soft);text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.65rem}.photo-field__heading button{min-height:40px;color:var(--red-dark);background:0 0;align-items:center;gap:6px;padding:6px;font-size:.76rem;font-weight:700;display:inline-flex}.photo-drop{border-radius:var(--radius-md);min-height:180px;color:var(--ink-muted);background:var(--surface);cursor:pointer;text-align:center;border:2px dashed oklch(77% .045 292);align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.photo-drop input{opacity:0;pointer-events:none;position:absolute}.photo-drop svg{width:32px;height:32px;color:var(--purple);margin-bottom:4px}.photo-drop strong{color:var(--ink)}.photo-drop span{max-width:34ch;font-size:.78rem;line-height:1.4}.photo-field--error .photo-drop{border-color:var(--red);background:var(--red-soft)}.photo-field>p{color:var(--red-dark);font-size:.8rem}.photo-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink);position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;max-height:320px;display:block}.photo-preview span{color:oklch(97% .01 292);text-overflow:ellipsis;white-space:nowrap;background:oklch(20% .025 292/.88);border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:.75rem;display:flex;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.photo-preview span svg{color:oklch(78% .16 154);flex:none}.report-lead{border-radius:var(--radius-md);color:oklch(98% .008 292);background:var(--purple-dark);justify-content:space-between;align-items:center;gap:16px;min-height:130px;padding:20px;display:flex}.report-lead>div{gap:6px;display:grid}.report-lead span{color:oklch(87% .05 292);font-size:.78rem}.report-lead strong{font-family:var(--font-display);font-size:2.7rem;line-height:1}.report-lead em{color:oklch(84% .12 154);font-size:.72rem;font-style:normal}.report-lead>svg{width:54px;height:54px;color:var(--purple-light)}.chart{border-bottom:1px solid var(--line);justify-content:space-around;align-items:stretch;gap:8px;height:210px;margin:24px 0;padding:20px 8px 0;display:flex}.chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.chart span{background:var(--purple);border-radius:7px 7px 2px 2px;width:min(100%,30px);min-height:8px}.chart small{color:var(--ink-muted);font-size:.68rem}.metrics--report article:last-child{grid-column:auto}.supplier-ranking{gap:6px;display:grid}.supplier-ranking .section-title{margin-bottom:8px}.supplier-ranking>div:not(.section-title){border-bottom:1px solid var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:52px;display:grid}.supplier-ranking>div:not(.section-title) span{width:28px;height:28px;color:var(--purple-dark);background:var(--surface-purple);border-radius:9px;place-items:center;font-weight:700;display:grid}.supplier-ranking em{color:var(--ink-muted);font-size:.76rem;font-style:normal}.profile-strip{border-radius:var(--radius-md);color:oklch(98% .008 292);background:var(--purple-dark);align-items:center;gap:14px;min-height:82px;padding:16px;display:flex}.profile-strip>svg{width:42px;height:42px}.profile-strip>div{gap:3px;display:grid}.profile-strip span{color:oklch(85% .04 292);font-size:.78rem}.menu-list{margin-top:24px;display:grid}.menu-list button{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;min-height:70px;padding:10px 4px;display:grid}.menu-list button>svg:first-child{width:36px;height:36px;color:var(--purple);background:var(--surface-purple);border-radius:10px;padding:8px}.menu-list button>span{gap:4px;display:grid}.menu-list small,.menu-list button>svg:last-child{color:var(--ink-muted)}.toast{z-index:var(--z-toast);left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));color:oklch(35% .11 154);min-height:54px;box-shadow:var(--shadow-md);background:oklch(96% .04 154);border:1px solid oklch(80% .08 154);border-radius:15px;grid-template-columns:24px 1fr 40px;align-items:center;gap:8px;padding:12px 10px 12px 14px;font-weight:700;display:grid;position:fixed}.toast>button{width:40px;height:40px;color:inherit;background:0 0;place-items:center;display:grid}@media (hover:hover){.role-button:hover,.quick-actions button:hover,.history-row__main:hover,.menu-list button:hover{transform:translateY(-2px)}.primary-button:hover,.danger-button:hover,.success-button:hover{filter:brightness(1.07)}.secondary-button:hover{background:var(--surface-purple)}}@media (width>=640px){.app-content{padding:32px 28px 64px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions button{grid-template-columns:40px 1fr;align-content:center;min-height:88px}.quick-actions button>svg:last-child{display:none}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics article:last-child{grid-column:auto}.cut-row{grid-template-columns:42px 1fr auto auto}.cut-row>.status{display:inline-flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-main-fields{grid-template-columns:1.4fr 1fr}.size-entry>div{grid-template-columns:repeat(7,minmax(0,1fr))}.sku-entry>div{grid-template-columns:repeat(4,minmax(0,1fr))}.field:has(textarea){grid-column:1/-1}.toast{width:390px;bottom:24px;left:auto}}@media (width>=920px){.login-page{grid-template-columns:minmax(520px,.95fr) minmax(400px,1.05fr)}.login-panel{padding:54px clamp(48px,7vw,100px)}.login-side{background:var(--surface-purple);color:var(--ink);flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:16px;padding:52px;display:flex;position:relative;overflow:hidden}.login-side:before{content:"";border:1px solid oklch(72% .12 292);border-radius:48% 52% 41% 59%/61% 44% 56% 39%;position:absolute;inset:10% 14% 18%;transform:rotate(-12deg);box-shadow:0 0 0 80px oklch(87% .08 292/.55),0 0 0 160px oklch(91% .05 292/.6)}.bolt-card{font-family:var(--font-display);align-items:center;gap:30px;font-size:1.55rem;font-weight:700;display:flex;position:absolute;top:52px;right:52px}.bolt-card svg{width:54px;height:54px;color:var(--purple)}.login-stat{width:min(100%,460px);box-shadow:var(--shadow-md);background:oklch(97% .012 292);border:1px solid oklch(82% .07 292);border-radius:18px;gap:4px;padding:22px 24px;display:grid;position:relative}.login-stat b{font-family:var(--font-display);font-size:1.5rem}.login-stat span{color:var(--ink-muted)}.app-shell{grid-template-columns:248px 1fr;display:grid}.side-nav{color:oklch(90% .015 292);background:oklch(17% .025 292);flex-direction:column;gap:42px;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.side-nav nav{gap:6px;display:grid}.side-nav nav button{color:oklch(72% .025 292);text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-weight:700;display:flex}.side-nav nav button.active{color:oklch(97% .008 292);background:oklch(31% .085 292)}.side-nav__user{border-top:1px solid oklch(33% .025 292);grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:grid}.side-nav__user>svg{width:34px;height:34px;color:var(--purple-light)}.side-nav__user>span{gap:2px;min-width:0;display:grid}.side-nav__user b,.side-nav__user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-nav__user small{color:oklch(65% .025 292)}.side-nav__user button{color:oklch(72% .025 292);background:0 0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.app-frame{padding-bottom:0}.bottom-nav{display:none}.app-content{padding-top:44px}.page-header h1{font-size:2.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}