:root{--bg:#faf8f6;--surface:#fff;--text:#1f1a1c;--muted:#7a7175;--border:#e6e0dc;--accent:#7a4b8f;--accent-text:#fff;--low:#d9782b;--low-bg:#fdf1e6;--ok:#3f8f5a;--danger:#c0392b;--selected:color-mix(in srgb, var(--accent) 14%, transparent);--hover:color-mix(in srgb, var(--text) 6%, transparent);--radius:12px;--tap:48px;--tabbar:64px;--rail:96px;--master:360px;--detail-max:760px;--gutter-left:max(16px, env(safe-area-inset-left));--gutter-right:max(16px, env(safe-area-inset-right));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171315;--surface:#221d20;--text:#f2edef;--muted:#a69ca1;--border:#3a3236;--accent:#b98ad0;--accent-text:#171315;--low:#f0a060;--low-bg:#3a2a1d}}*{box-sizing:border-box}body{background:var(--bg);-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent)}h1{margin:0;font-size:1.25rem}h2{margin:1.25rem 0 .5rem;font-size:1rem}.page{max-width:600px;padding:0 var(--gutter-right) calc(var(--tabbar) + 24px + env(safe-area-inset-bottom)) var(--gutter-left);margin:0 auto}.auth{flex-direction:column;gap:16px;max-width:480px;padding-top:15vh;display:flex}.header{z-index:2;grid-template-columns:var(--tap) 1fr auto;min-height:56px;padding-top:env(safe-area-inset-top);background:var(--bg);border-bottom:1px solid var(--border);align-items:center;margin:0 -16px 8px;padding-inline:8px 16px;display:grid;position:sticky;top:0}.header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-back{text-align:center;font-size:2rem;line-height:1;text-decoration:none}.stack{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:12px 0;padding:12px 16px}.center{text-align:center}.muted{color:var(--muted)}button,.button,input,select,textarea{font:inherit;color:inherit}button,.button{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}:is(.page,.master,.detail)>:is(.button,button){width:100%;margin:8px 0}.link{color:var(--accent);background:0 0;border:0;min-height:40px;padding:0 8px}.danger{color:var(--danger)}.button-icon{width:var(--tap);height:var(--tap);background:var(--accent);color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;text-decoration:none;display:inline-flex}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--muted);font-size:.875rem}input,select,textarea{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;padding:8px 12px}[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger)}.check{align-items:center;gap:8px;display:flex}.check input{width:auto;min-height:0}.search{margin:8px 0}.filters{align-items:center;gap:8px;margin-bottom:8px;display:flex}.filters select{flex:1}.chips{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.chip{white-space:nowrap;border-radius:20px;min-height:40px}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.error{border-radius:var(--radius);color:var(--danger);background:#fdecea;padding:12px}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--border)}.row{min-height:var(--tap);color:inherit;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;text-decoration:none;display:flex}.row-main{text-align:left;background:0 0;border:0;flex:1;justify-content:flex-start;padding:0}.row-actions{flex-shrink:0;display:flex}.group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.875rem}.stock-row{color:inherit;grid-template-columns:auto 1fr auto;grid-template-areas:"shade name qty""bar bar bar";align-items:baseline;gap:4px 12px;padding:10px 0;text-decoration:none;display:grid}.stock-shade{grid-area:shade;font-size:1.125rem;font-weight:700}.stock-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.stock-qty{grid-area:qty}.bar{background:var(--border);border-radius:2px;grid-area:bar;height:4px;overflow:hidden}.bar>span{background:var(--ok);height:100%;display:block}.stock-row.low .stock-qty,.big.low{color:var(--low)}.stock-row.low .bar>span{background:var(--low)}.big{margin:0;font-size:2.25rem;font-weight:700}.facts{grid-template-columns:auto 1fr;gap:4px 16px;margin:8px 0 0;display:grid}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0}.actions{gap:8px;margin:12px 0;display:flex}.actions>*{flex:1}.plus{color:var(--ok)}.minus{color:var(--low)}.tag{background:var(--border);border-radius:10px;margin-left:6px;padding:0 8px;font-size:.75rem;display:inline-block}.status-sent{background:var(--low-bg);color:var(--low)}.badge{background:var(--low);color:#fff;border-radius:10px;margin-left:4px;padding:0 6px;font-size:.75rem}.order-line{align-items:center;gap:8px;padding:8px 0;display:flex}.order-line>span:first-child{flex:1}.receive-line{grid-template-columns:1fr auto;gap:8px;padding:8px 0;display:grid}.receive-line .field{grid-column:1/-1}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{width:var(--tap);padding:0;font-size:1.25rem}.stepper span{text-align:center;min-width:2ch;font-weight:600}.total{text-align:right;font-weight:600}.message{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:.875rem}.inline-form{gap:8px;margin-top:8px;display:flex}.sheet{width:100%;max-width:480px;max-height:90vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);color:var(--text);border:0;margin:auto auto 0}.sheet::backdrop{background:#0006}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{margin:0}.tabbar{z-index:3;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;inset:auto 0 0}.tabbar a{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.tabbar a.active{color:var(--accent);font-weight:600}.notice{border-radius:var(--radius);background:var(--low-bg);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}@media (width>=700px){.studio{grid-template-columns:calc(var(--rail) + env(safe-area-inset-left)) minmax(0, 1fr);min-height:100dvh;display:grid}.tabbar{top:0;height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:0;border-right:1px solid var(--border);flex-direction:column;gap:4px;position:sticky;inset:auto}.tabbar a{text-align:center;flex-direction:column;flex:none;gap:2px;min-height:64px;padding:0 4px;font-size:.8125rem}.page{width:100%;max-width:640px;padding-inline:16px var(--gutter-right);padding-bottom:24px}.sheet{border-radius:var(--radius);margin:auto;padding-bottom:16px}}@media (width>=1000px){.page:has(>.master-detail){max-width:none;padding:0}.master-detail{grid-template-columns:var(--master) minmax(0, 1fr);height:100dvh;display:grid}.master,.detail{padding:0 16px 24px;overflow-y:auto}.master{border-right:1px solid var(--border)}.detail{padding-inline:max(24px, calc((100% - var(--detail-max)) / 2))}.detail .header{margin-inline:0}.list a.active{background:var(--selected)}}@media (hover:hover){.list a:hover,.row-main:hover{background:var(--hover)}button:hover:not(:disabled){filter:brightness(.96)}}