:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-strong: #f0f6f4;--color-text: #17202a;--color-muted: #5e6b78;--color-border: #dde5ec;--color-primary: #087f5b;--color-primary-strong: #056449;--color-primary-soft: #dff5ed;--color-accent: #1f6feb;--color-warning: #b35c00;--color-warning-soft: #fff2d9;--color-danger: #a62639;--shadow-sm: 0 8px 22px rgba(23, 32, 42, .05);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--control-height: 52px;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:#fff}#app{min-height:100%}body{margin:0;min-width:320px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100%);margin:0 auto;background:#fff;padding:var(--space-4)}.topbar{padding:var(--space-2) 0 var(--space-5)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__mark{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:var(--radius-md);background:var(--color-primary);color:#fff}.brand__mark svg,.icon-glyph svg,.brand-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.eyebrow{margin:0 0 var(--space-1);color:var(--color-primary-strong);font-size:.7rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.55rem;font-weight:700;line-height:1.15}.page-subtitle{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:.95rem}h2{margin-bottom:0;font-size:1.1rem}h3{margin-bottom:0}.search-panel{display:grid;gap:var(--space-3);padding:0}.search-field{position:relative;display:flex;align-items:center;height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.field-icon{display:grid;flex:0 0 42px;place-items:center;color:var(--color-muted)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--color-text);font-size:.95rem}.icon-button{display:grid;flex:0 0 40px;width:40px;height:40px;margin-right:var(--space-2);place-items:center;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-muted)}.icon-button:hover{background:var(--color-surface-strong);color:var(--color-primary-strong)}.filter-grid{display:grid;gap:var(--space-3)}.select-field{display:grid;align-items:end;color:var(--color-muted);font-size:.82rem;font-weight:600}.select-field select{width:100%;height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);font-size:.95rem;font-weight:600;padding:0 var(--space-3)}.selected-unit{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-muted);padding:0 var(--space-4);white-space:nowrap}.chip__remove{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:999px;background:#0564491f;color:var(--color-primary-strong);padding:0}.chip__remove:hover{background:#05644933}.chip__remove .icon-glyph svg{width:15px;height:15px}.chip.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:700}.results-section{padding:0;background:transparent}.content-layout{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.info-panel{display:none}.mobile-info-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.info-trigger{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);width:100%;min-height:64px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);padding:var(--space-3);text-align:left}.info-trigger:hover{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.info-trigger__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-strong)}.info-trigger strong,.info-trigger small{display:block}.info-trigger small{margin-top:2px;color:var(--color-muted);line-height:1.3}@media(max-width:520px){.mobile-info-actions{gap:var(--space-2)}.info-trigger{grid-template-columns:auto 1fr auto;gap:var(--space-2);min-height:64px;align-content:center;padding:var(--space-3)}.info-trigger__icon{width:32px;height:32px}.info-trigger strong{font-size:.92rem;line-height:1.15}}.info-block+.info-block{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.info-block h2{color:var(--color-primary-strong);font-size:1.05rem;font-weight:700;line-height:1.2}.info-block p{margin:var(--space-2) 0 0;color:#4b5563;font-size:.94rem;line-height:1.42}.info-block ul{margin:var(--space-3) 0 0;padding-left:var(--space-5);color:#4b5563;font-size:.94rem;line-height:1.5}.notice{margin-top:var(--space-4);border-left:3px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-primary-soft);color:var(--color-primary-strong);line-height:1.45;padding:var(--space-3)}.unit-list{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.unit-card{display:grid;gap:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;padding:.7rem var(--space-3)}.unit-card h3{color:var(--color-primary-strong);font-size:.92rem;font-weight:700;line-height:1.2}.unit-card p,.unit-card span{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;color:var(--color-muted);font-size:.84rem;line-height:1.35}.unit-card .icon-glyph svg{width:17px;height:17px}.info-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:#fff;padding:0}.info-dialog::backdrop{background:#17202a6b}.info-dialog__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:#fff;padding:var(--space-4)}.info-dialog__content{padding:var(--space-4)}.result-list{display:grid;gap:var(--space-2)}.product-card{display:grid;gap:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;min-height:132px;padding:.7rem var(--space-3)}.product-card__description{font-weight:600;line-height:1.3}.product-card__description,.product-card__meta{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card__meta{min-width:0;color:var(--color-muted);line-height:1.3}.product-card__quantity strong{color:var(--color-text);font-weight:700;font-variant-numeric:tabular-nums}.skeleton-card{pointer-events:none}.skeleton-line{border-radius:var(--radius-xs);background:linear-gradient(90deg,#eef3f7,#f7fafc,#eef3f7);background-size:220% 100%;animation:skeleton-loading 1.15s linear infinite}.skeleton-line--lg{width:min(100%,520px);height:18px}.skeleton-line--md{width:min(100%,240px);height:14px}.skeleton-line--sm{width:min(100%,90px);height:14px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-20% 0}}.empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.empty-state__icon{display:grid;width:56px;height:56px;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-strong);color:var(--color-muted)}.empty-state h3,.empty-state p{margin-bottom:0}.empty-state p{color:var(--color-muted)}.page-shell{width:min(1180px,100%);margin:0 auto;padding:var(--space-4)}.page-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-5)}.brand-mark{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff}.prototype-note{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4)}.prototype-note p{margin:0;color:var(--color-muted);line-height:1.5}@media(min-width:720px){.app-shell,.page-shell{padding:var(--space-6)}.topbar{padding-bottom:var(--space-6)}h1{font-size:1.9rem}.search-panel{grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);align-items:end}.search-field,.selected-unit{grid-column:1 / -1}.product-card{grid-template-columns:minmax(240px,1.75fr) minmax(110px,.55fr) minmax(72px,.35fr) minmax(220px,1.2fr);gap:var(--space-3);align-items:center;height:66px;min-height:0}.product-card__description{font-weight:600}.product-card__meta{color:var(--color-text)}}@media(min-width:980px){.app-shell{padding-top:var(--space-8)}.search-panel{grid-template-columns:minmax(420px,1.45fr) minmax(260px,.75fr)}.content-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);row-gap:var(--space-4);align-items:start}.info-panel{display:block;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;padding:var(--space-3)}.mobile-info-actions{display:none}.search-field{grid-column:auto}.selected-unit{grid-column:1 / -1}.result-list{gap:var(--space-2)}}html,body,.app-shell,main,.results-section{background:#fff!important}.result-list>.product-card,.result-list>.product-card:nth-child(odd),.result-list>.product-card:nth-child(2n){background:#fff!important}