@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{color:#20332e;font-synthesis:none;background:#f4f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{color:#eaf2ee;background:#153b34;flex-direction:column;padding:30px 20px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:12px;padding:0 8px 34px;font-size:12px;display:flex}.brand svg{color:#dfa6b6}nav{gap:5px;display:grid}button{font:inherit;cursor:pointer}nav button{color:#b9ccc5;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px;display:flex}.aside-note{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #315850;margin-top:auto;padding:20px 8px 0;font-size:11px}.aside-note span{color:#83a49a;text-transform:none;letter-spacing:0;margin-top:5px;display:block}.aside-note .sidebar-version{color:#dfa6b6;letter-spacing:.12em;text-transform:uppercase;margin-top:16px;font-size:10px;font-weight:700}main{min-width:0;padding:30px 38px}header{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}header small,.hero span{letter-spacing:.16em;color:#788983;font-size:10px;font-weight:700}.version-badge{color:#713d4c;letter-spacing:.08em;vertical-align:middle;background:#e9d6dc;border-radius:999px;margin-left:8px;padding:3px 7px;display:inline-flex}h1{margin:4px 0;font:600 32px Playfair Display}header label,form label{color:#70807b;gap:6px;font-size:11px;font-weight:600;display:grid}input,select{color:#20332e;background:#fff;border:1px solid #d7ddd8;border-radius:7px;padding:10px 12px}.hero{color:#fff;background:linear-gradient(120deg,#20483f,#35685c);border-radius:14px;justify-content:space-between;align-items:start;padding:25px 28px;display:flex;box-shadow:0 12px 30px #173c3520}.hero h2{margin:8px 0 0;font:600 54px Playfair Display}.hero p{color:#b8d0c8;margin:0}.hero button,.actions button{color:inherit;background:#ffffff12;border:1px solid #ffffff32;border-radius:7px;gap:7px;padding:8px 12px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0;display:grid}.metric{background:#fff;border:1px solid #e1e4df;border-radius:10px;padding:16px 18px}.metric small{color:#78847f;margin-bottom:8px;display:block}.metric.warn{border-left:3px solid #cf7e49}.grid,.import-layout{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel{background:#fff;border:1px solid #e1e4df;border-radius:11px;min-width:0;padding:20px}.panel.wide{grid-column:1/-1}.panel-title{justify-content:space-between;margin-bottom:18px;display:flex}.panel h3{margin:0;font-size:14px}.panel p{color:#8b9692;margin:4px 0 0;font-size:11px}.icon{color:#89948f;background:0 0;border:0}.bars{gap:14px;display:grid}.bars label{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.bars i{background:#edf0ed;border-radius:10px;height:7px;display:block;overflow:hidden}.bars em{background:#c78197;border-radius:10px;height:100%;display:block}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#84908b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e4e7e3;padding:9px;font-size:10px}td{border-bottom:1px solid #eef0ed;padding:10px 9px}tbody tr:hover{background:#f7f8f5}.empty,.loading{text-align:center;color:#94a09b;padding:34px;font-size:12px}form{gap:13px;display:grid}.primary{border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 14px;display:flex;color:#fff!important;background:#204e44!important}.error{color:#a44848!important}.actions{align-items:center;gap:8px;margin-bottom:14px;display:flex}.actions button{color:#314d45;background:#fff;border-color:#d6dfda}.actions span{color:#70807b;font-size:11px}.table-scroll{max-height:490px;overflow:auto}.badge{color:#45645b;text-transform:capitalize;background:#e9efec;border-radius:20px;padding:4px 7px;font-size:10px;display:inline-block}.badge.error{color:#a7433e;background:#fae1df}.badge.needs_review,.badge.warning{color:#9a681f;background:#f8ead1}.badge.committed,.badge.valid{color:#37754c;background:#dcefe4}pre{white-space:pre-wrap;max-height:600px;font-size:11px;overflow:auto}@media (width<=900px){.app{grid-template-columns:76px 1fr}.brand span,nav button:not(.active){font-size:0}.brand{padding-left:5px}nav button{justify-content:center}main{padding:24px}.metrics{grid-template-columns:1fr 1fr}.grid,.import-layout{grid-template-columns:1fr}.panel.wide{grid-column:auto}}@media (width<=600px){.app{min-height:100vh;display:block}.sidebar{z-index:20;width:100%;padding:12px 14px 10px;display:block;position:sticky;top:0}.brand{gap:9px;padding:0 2px 10px}.brand>span{font-size:11px}nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}nav button,nav button:not(.active){justify-content:center;min-width:0;padding:10px 0;font-size:0}nav button svg{flex:none}.aside-note{display:none}main{width:100%;padding:18px 14px 30px}header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}header label,header input,form input,form select{width:100%;max-width:100%}h1{font-size:28px}.hero{flex-direction:column;gap:18px;padding:20px}.hero h2{font-size:44px}.hero button{align-self:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.table-scroll table{min-width:560px}.metric{min-width:0;padding:14px}.metric strong{overflow-wrap:anywhere;font-size:19px}.panel{padding:15px}.panel-title,.actions{flex-wrap:wrap;gap:10px}}body{min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}textarea{resize:vertical;color:#20332e;background:#fff;border:1px solid #d7ddd8;border-radius:7px;width:100%;padding:10px 12px}nav button span{min-width:0}header select{min-width:160px}.metrics-five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{text-align:left}.metric span{color:#8a9691;margin-top:5px;font-size:10px;display:block}.metric-button{cursor:pointer;border-top:1px solid #e1e4df;border-bottom:1px solid #e1e4df;border-right:1px solid #e1e4df;width:100%}.metric-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #173c3512}.panel-title>label{min-width:155px}.secondary,.table-action,.back-button{color:#294a42;background:#fff;border:1px solid #d7ddd8;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.table-action{padding:6px 9px;font-size:11px}.back-button{background:0 0;border:0;margin-bottom:12px;padding-left:0}.page-intro,.supplier-hero{background:linear-gradient(135deg,#f0e5e8,#f8f6f0 62%);border:1px solid #e4d9db;border-radius:14px;margin-bottom:15px;padding:27px 30px}.page-intro span,.supplier-hero span{color:#926174;letter-spacing:.16em;font-size:10px;font-weight:700}.page-intro h2,.supplier-hero h2{margin:7px 0 5px;font:600 31px Playfair Display}.page-intro p,.supplier-hero p{color:#687a74;max-width:720px;margin:0;font-size:13px;line-height:1.55}.supplier-hero{color:#fff;background:linear-gradient(120deg,#20483f,#35685c);border-color:#0000;justify-content:space-between;align-items:center;gap:25px;display:flex}.supplier-hero span,.supplier-hero p{color:#bdd0ca}.supplier-hero h2{font-size:38px}.supplier-hero .primary{flex:none;color:#21483f!important;background:#fff!important}.supplier-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.supplier-card{color:#20332e;text-align:left;background:#fff;border:1px solid #dfe4df;border-radius:13px;min-height:265px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 25px #173c3508}.supplier-card>:not(.supplier-number){z-index:1;position:relative}.supplier-card:hover{border-color:#bd8da0;transform:translateY(-2px);box-shadow:0 14px 30px #173c3515}.supplier-card>span{color:#997080;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:700}.supplier-card h3{margin:16px 0 5px;font:600 23px Playfair Display}.supplier-card p{color:#7f8d88;min-height:45px;margin:0 0 24px;font-size:11px;line-height:1.45}.supplier-card>div:not(.supplier-number){border-top:1px solid #edf0ed;justify-content:space-between;align-items:end;padding-top:9px;display:flex}.supplier-card small{color:#84908b;font-size:10px}.supplier-card strong{font-size:17px}.supplier-card>svg{color:#a27888;position:absolute;top:18px;right:18px}.supplier-number{color:#f3e8eb;pointer-events:none;z-index:0;font:600 96px Playfair Display;position:absolute;bottom:-48px;right:-8px}.filter-grid{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(135px,1fr));align-items:end;gap:10px;display:grid}.supplier-filters{grid-template-columns:minmax(260px,2fr) repeat(5,minmax(125px,1fr))}.sorting-filters{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(135px,1fr))}.filter-grid label{color:#70807b;gap:6px;min-width:0;font-size:10px;font-weight:600;display:grid}.filter-grid input,.filter-grid select{width:100%;min-width:0}.search-field{position:relative}.search-field svg{color:#87938e;position:absolute;bottom:11px;left:12px}.search-field input{padding-left:38px}.tall-table{max-height:620px}.supplier-table,.sorting-table{min-width:980px}.supplier-table td small{color:#997080;margin-top:3px;font-size:9px;display:block}.unresolved{color:#b26531;font-weight:700}.sorting-intro{justify-content:space-between;align-items:center;display:flex}.sorting-intro>svg{color:#a16d7f;flex:none}.notice{border-radius:8px;align-items:center;gap:8px;margin-bottom:13px;padding:11px 14px;font-size:12px;display:flex}.notice.success{color:#326a47;background:#dfeee5;border:1px solid #c5dfcf}.notice.error{color:#97413d;background:#f9e3e1;border:1px solid #edcbc7}.action-list{gap:9px;display:grid}.action-card{color:#29423b;text-align:left;background:#fbfcfa;border:1px solid #e5e7e3;border-left-width:3px;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.action-card.high{border-left-color:#b95751}.action-card.warning{border-left-color:#d1914c}.action-card.info{border-left-color:#6c9588}.action-card>span{gap:5px;display:grid}.action-card strong{font-size:12px}.action-card small{color:#7a8883;line-height:1.4}.compact-list{display:grid}.compact-list button{color:#263e37;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;display:flex}.compact-list button:last-child{border-bottom:0}.compact-list span{gap:3px;display:grid}.compact-list small{color:#899590;font-size:10px}.compact-list strong{color:#9c6378}.bars>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.bars>button:hover label span{color:#9b6579}.bars label b{align-items:baseline;gap:7px;display:flex}.bars label b small{color:#8c9893;font-weight:500}.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d282280;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{color:#20332e;background:#f7f6f1;flex-direction:column;width:min(540px,92vw);height:100vh;padding:0;display:flex;overflow:hidden;box-shadow:-20px 0 50px #102b2540}.drawer-wide{width:min(820px,95vw)}.drawer-head{background:#fff;border-bottom:1px solid #dfe4df;justify-content:space-between;align-items:start;gap:20px;padding:23px 26px 19px;display:flex}.drawer-head small{color:#9b6a7b;letter-spacing:.14em;font-size:9px;font-weight:700}.drawer-head h2{margin:5px 0 0;font:600 28px Playfair Display}.drawer-head p{color:#7c8984;margin:4px 0 0;font-size:11px}.icon-button{color:#4a6059;background:#eef1ee;border:0;border-radius:50%;padding:8px}.drawer-body{flex:1;padding:22px 26px 35px;overflow:auto}.drawer-metrics{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px;display:grid}.drawer-metrics .metric{padding:13px}.detail-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.detail-grid>section,.detail-grid>form{background:#fff;border:1px solid #dfe4df;border-radius:10px;min-width:0;padding:17px}.detail-grid h3,.drawer-section h3,.sorting-form h3{margin:0 0 13px;font-size:13px}dl{margin:0}dl>div{border-bottom:1px solid #edf0ed;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px;padding:8px 0;display:grid}dl>div:last-child{border-bottom:0}dt{color:#84918c;font-size:10px}dd{overflow-wrap:anywhere;color:#2b413b;min-width:0;margin:0;font-size:11px;font-weight:600}.drawer-section{background:#fff;border:1px solid #dfe4df;border-radius:10px;margin-top:14px;padding:17px}.source-card{background:#efe4e8;border-left:3px solid #b77c90;border-radius:7px;gap:4px;margin-top:14px;padding:13px 15px;display:grid}.source-card span{color:#8d6171;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:700}.source-card strong{overflow-wrap:anywhere;font-size:11px}.source-card small{color:#7e6a71}.raw-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.raw-values>div{background:#f4f5f2;border-radius:6px;gap:3px;min-width:0;padding:8px 10px;display:grid}.raw-values span{color:#89958f;font-size:9px}.raw-values b{overflow-wrap:anywhere;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sorting-form{gap:13px;display:grid}.sorting-form fieldset{border:1px solid #dfe4df;border-radius:8px;gap:8px;padding:11px;display:grid}.sorting-form legend{color:#71817b;font-size:10px;font-weight:700}.radio{background:#f7f8f5;border-radius:6px;grid-template-columns:none;align-items:start;gap:9px;padding:8px;display:flex}.radio input{flex:none;width:auto;margin-top:3px}.radio span{gap:3px;display:grid}.radio b{font-size:11px}.radio small{color:#84908b;font-size:9px;line-height:1.4}.exception-message{background:#fff;border:1px solid #e0e4df;border-radius:9px;gap:10px;margin-bottom:16px;padding:16px;display:grid}.exception-message p{margin:0;line-height:1.5}.exception-message strong{color:#8e5e70}.actions{flex-wrap:wrap}@media (width<=1200px){.supplier-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-filters,.sorting-filters,.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:span 2}.metrics-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.metrics-five,.supplier-filters,.sorting-filters,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media (width<=600px){.sidebar{overflow-x:hidden}nav{grid-template-columns:repeat(6,minmax(0,1fr))}nav button span{display:none}header select{width:100%}.page-intro,.supplier-hero{padding:20px}.page-intro h2,.supplier-hero h2{font-size:28px}.supplier-hero{flex-direction:column;align-items:stretch}.supplier-hero .primary{width:100%}.supplier-cards{grid-template-columns:1fr}.supplier-card{min-height:230px}.supplier-filters,.sorting-filters,.filter-grid{grid-template-columns:1fr}.search-field{grid-column:auto}.metrics-five,.drawer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sorting-intro>svg{display:none}.panel-title>label,.secondary{width:100%}.drawer,.drawer-wide{width:100vw;max-width:100vw}.drawer-head{padding:18px}.drawer-head h2{font-size:24px}.drawer-body{padding:16px 14px 28px}.form-grid,.raw-values{grid-template-columns:1fr}dl>div{grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr)}}.agent-layout{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:16px;display:grid}.agent-guide,.agent-upload{border:1px solid #dfe4df;border-radius:11px;min-width:0;padding:20px}.agent-guide h4,.agent-report h4{margin:12px 0 6px;font-size:15px}.agent-icon{color:#fff;background:#214c42;border-radius:12px;place-items:center;width:45px;height:45px;display:inline-grid}.agent-steps{gap:11px;margin:18px 0;padding:0;list-style:none;display:grid}.agent-steps li{align-items:start;gap:11px;display:flex}.agent-steps li>span{color:#85586a;background:#eadbe0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.agent-steps div{gap:2px;display:grid}.agent-steps small,.agent-ready-note,.agent-pending-note,.agent-disabled{color:#7d8b86;font-size:10px;line-height:1.45}.agent-ready-note,.agent-pending-note{border-radius:7px;margin:0;padding:9px 11px}.agent-ready-note{color:#386b4b;background:#dcece3}.agent-pending-note{color:#8c6229;background:#f6e9d8}.agent-upload{background:#fbfbf8;align-content:start}.agent-upload input,.agent-upload select{width:100%}.agent-file{color:#36574e;background:#fff;border:1px dashed #b8c7c0;border-radius:9px;align-items:center;gap:12px;padding:15px;display:flex;position:relative}.agent-file>svg{color:#a66f83;flex:none}.agent-file>span{flex:1;gap:3px;display:grid}.agent-file small{color:#8b9792;font-weight:400}.agent-file input{max-width:190px;padding:7px;font-size:10px}.agent-disabled{text-align:center}.photo-index-callout{color:#6f5728;background:#fff8e7;border:1px solid #e2d6b8;border-radius:9px;align-items:center;gap:12px;margin-top:15px;padding:13px 15px;display:flex}.photo-index-callout>svg{flex:none}.photo-index-callout>div{flex:1;gap:3px;display:grid}.photo-index-callout b{font-size:11px}.photo-index-callout small{font-size:10px}.agent-report{border-top:1px solid #e1e5e1;margin-top:18px;padding-top:18px}.agent-report-head{justify-content:space-between;gap:20px;display:flex}.agent-report-head>div>span,.vault-intro span{color:#96677a;letter-spacing:.13em;font-size:9px;font-weight:700}.agent-report-head h4{overflow-wrap:anywhere}.agent-report-head p{margin:0}.agent-report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.agent-report-metrics .metric{background:#f8f9f6;padding:13px 14px}.agent-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px;display:grid}.agent-check{color:#3c6950;background:#f1f5f2;border-radius:7px;align-items:start;gap:8px;padding:10px;display:flex}.agent-check.warning{color:#946624;background:#fff5e4}.agent-check.error{color:#9a423e;background:#f9e5e3}.agent-check>svg{flex:none}.agent-check span{gap:3px;display:grid}.agent-check b{font-size:10px;line-height:1.35}.agent-check small{font-size:9px}.agent-preview-table{border:1px solid #e4e7e3;border-radius:8px;max-height:380px}.agent-preview-table table{min-width:850px}.agent-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.vault-intro{background:linear-gradient(130deg,#f1e7ea,#faf9f5);border:1px solid #dfd8da;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;padding:20px 23px;display:flex}.vault-intro h3{margin:5px 0 4px;font:600 25px Playfair Display}.vault-intro p{color:#6f7e79;margin:0;font-size:11px}.vault-intro>svg{color:#98687a;flex:none}.vault-result-line{color:#77857f;justify-content:space-between;gap:15px;margin:15px 0 11px;font-size:10px;display:flex}.vault-result-line button{color:#8e5e70;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.product-card{color:#20332e;text-align:left;background:#fff;border:1px solid #dfe4df;border-radius:11px;min-width:0;padding:0;overflow:hidden}.product-card:hover{border-color:#c8a0ae;transform:translateY(-2px);box-shadow:0 12px 26px #173c3514}.product-image{aspect-ratio:4/3;background:#eef0ec;place-items:center;display:grid;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-image>span:not(.badge){color:#9aa49f;place-items:center;gap:6px;font-size:9px;display:grid}.product-image .badge{position:absolute;top:8px;right:8px}.product-card-body>span{color:#9a6c7c;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.product-card h4{margin:5px 0 3px;font-size:15px}.product-card p{color:#75837e;min-height:31px;margin:0 0 10px;font-size:10px;line-height:1.45;overflow:hidden}.product-facts{border-top:1px solid #edf0ed;grid-template-columns:1fr 1fr;display:grid}.product-facts>div{border-bottom:1px solid #edf0ed;padding:7px 4px;display:block}.product-facts dt{margin-bottom:2px;font-size:8px}.product-facts dd{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.product-card-foot{color:#7a8782;justify-content:space-between;gap:8px;padding-top:9px;font-size:9px;display:flex}.product-card-foot span{align-items:center;gap:3px;display:flex}.product-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.product-gallery figure{background:#fff;border:1px solid #dfe4df;border-radius:9px;margin:0;overflow:hidden}.product-gallery img{aspect-ratio:4/3;object-fit:contain;background:#edf0ec;width:100%;display:block}.product-gallery figcaption{justify-content:space-between;gap:7px;padding:8px 9px;font-size:9px;display:flex}.product-gallery figcaption small{color:#8b9893}.product-no-photo{color:#929e99;border:1px dashed #ccd4cf;border-radius:9px;place-items:center;gap:6px;min-height:140px;margin-bottom:14px;font-size:10px;display:grid}@media (width<=1200px){.product-grid,.vault-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-filters .search-field{grid-column:span 2}}@media (width<=900px){.agent-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-checks{grid-template-columns:1fr}.agent-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.agent-guide,.agent-upload{padding:15px}.agent-file{flex-direction:column;align-items:stretch}.agent-file input{max-width:none}.photo-index-callout,.agent-report-head,.agent-actions,.vault-intro{flex-direction:column;align-items:stretch}.agent-actions button,.photo-index-callout button{width:100%}.agent-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-filters,.vault-filters .search-field{grid-column:auto;grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:minmax(115px,.8fr) minmax(0,1.2fr);display:grid}.product-image{aspect-ratio:auto;height:100%;min-height:220px}.product-facts,.product-gallery{grid-template-columns:1fr}}:root{color:#24332f;background:#f7f7f3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f7f7f3;font-size:15px;line-height:1.45}button,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{min-height:44px}.app{grid-template-columns:220px minmax(0,1fr)}.sidebar{color:#27463e;background:#fdfcf8;border-right:1px solid #e4e6e1;padding:28px 18px}.brand{color:#26483f;padding:0 8px 30px;font-size:13px;font-weight:700}.brand b{color:#7c8e88;font-size:11px}nav button{color:#46615a;min-height:48px;font-size:16px;font-weight:600}nav button.active,nav button:hover{color:#184d40;background:#e7f0eb}.aside-note{color:#5f746e;border-top-color:#e1e5e0;font-size:12px}.aside-note span{color:#7d8d88}.aside-note .sidebar-version{color:#9b6075;font-size:12px}main{padding:32px clamp(22px,3vw,48px) 48px}.supplier-workspace{width:min(100%,1480px);margin:0 auto}header{width:min(100%,1480px);margin:0 auto 24px}header small{color:#778781;font-size:12px}h1,.supplier-hero h2,.vault-intro h3{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}h1{letter-spacing:-.025em;margin-top:6px;font-size:36px;font-weight:750}header label,form label,.filter-grid label,.range-filter-grid label{color:#536862;font-size:13px}input,select{background:#fff;border-color:#d9dfda;border-radius:10px;padding:10px 13px;font-size:15px}input:focus,select:focus,summary:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #b7d7cc}.supplier-hero{color:#24332f;background:linear-gradient(120deg,#fff,#fbf5f6);border:1px solid #e5e5df;border-left:5px solid #cf91a6;margin-bottom:18px;padding:26px 28px;box-shadow:0 8px 28px #263d3508}.supplier-hero span{color:#98657a;font-size:11px}.supplier-hero h2{color:#1f3e36;letter-spacing:-.025em;margin-top:5px;font-size:38px;font-weight:750}.supplier-hero p{color:#61716c;font-size:15px}.panel{border-color:#e2e6e1;border-radius:14px;margin-bottom:18px;padding:24px;box-shadow:0 8px 26px #263d3508}.panel-title{align-items:flex-start;gap:18px}.panel h3{font-size:18px}.panel p{color:#71817c;font-size:14px}.badge{padding:6px 10px;font-size:12px}.agent-guide,.agent-upload{border-color:#e0e5e0;border-radius:12px;padding:22px}.agent-guide{background:#f4f8f5}.agent-guide h4,.agent-report h4{font-size:17px}.agent-steps b{font-size:14px}.agent-steps small,.agent-ready-note,.agent-pending-note,.agent-disabled,.agent-file small{font-size:13px}.agent-file{min-height:78px;padding:16px}.agent-file input{font-size:13px}.primary,.secondary{border-radius:10px;min-height:44px;font-size:15px;font-weight:650}.notice{font-size:14px}.vault-intro{background:#fbf7f8;margin-top:0;padding:22px 24px}.vault-intro span{font-size:11px}.vault-intro h3{font-size:24px;font-weight:720}.vault-intro p{font-size:14px}.vault-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric small,.metric span{font-size:13px}.metric strong{font-size:25px}.colour-distribution{gap:12px;display:grid}.pareto-insight{background:#edf5f1;border-left:4px solid #4d8677;border-radius:8px;gap:4px;margin-bottom:5px;padding:13px 15px;display:grid}.pareto-insight strong{font-size:15px}.pareto-insight span{color:#62766f;font-size:13px}.colour-distribution-row{grid-template-columns:minmax(90px,130px) minmax(120px,1fr) 150px;align-items:center;gap:14px;display:grid}.colour-distribution-row>span{font-weight:650}.colour-distribution-track{background:#edf0ed;border-radius:999px;height:13px;overflow:hidden}.colour-distribution-track i{border-radius:inherit;background:linear-gradient(90deg,#377264,#79a899);min-width:3px;height:100%;display:block}.colour-distribution-row.tail{opacity:.55}.colour-distribution-row strong{justify-content:space-between;gap:10px;font-size:14px;display:flex}.colour-distribution-row strong b{color:#8e5c70;text-align:right;min-width:56px}.colour-distribution-total{text-align:right;margin:2px 0 0!important}.vault-filters{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(145px,1fr))}.advanced-filters{background:#fafbf8;border:1px solid #e2e6e1;border-radius:10px;margin-top:14px}.advanced-filters summary{color:#3f5d55;cursor:pointer;min-height:44px;padding:11px 14px;font-size:14px;font-weight:650}.range-filter-grid{border-top:1px solid #e5e8e4;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;padding:14px;display:grid}.range-filter-grid label{gap:6px;display:grid}.vault-result-line,.vault-result-line button{font-size:13px}.vault-result-actions{gap:14px;display:flex}.product-card.no-photo .product-card-body{min-height:230px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card-body{padding:16px}.product-card-body>span,.product-facts dt,.product-card-foot{font-size:11px}.product-card h4{font-size:18px}.product-card p,.product-facts dd{font-size:13px}.product-card p{min-height:38px}.product-image>span:not(.badge){font-size:12px}table{font-size:14px}th,dt{font-size:12px}dd{font-size:14px}@media (width<=1050px){.vault-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-filters .search-field{grid-column:span 2}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.app{display:block}.sidebar{z-index:20;padding:max(10px, env(safe-area-inset-top)) 14px 10px;-webkit-backdrop-filter:blur(16px);background:#fdfcf8f2;border-bottom:1px solid #e2e5e1;border-right:0;grid-template-columns:1fr auto;align-items:center;display:grid;position:sticky;top:0}.brand{padding:0}nav{display:block}nav button,nav button:not(.active){padding:8px 12px;font-size:14px}nav button span{display:inline}.aside-note{border:0;margin:0;padding:0;font-size:0;display:block;position:absolute;bottom:-24px;right:16px}.aside-note>span:not(.sidebar-version){display:none}.aside-note .sidebar-version{margin:0;font-size:11px}main{padding:38px 14px max(30px, env(safe-area-inset-bottom))}header{gap:14px}input,select{font-size:16px}.supplier-hero,.panel,.vault-intro{padding:19px}.supplier-hero h2{font-size:31px}.agent-layout,.vault-filters,.vault-filters .search-field,.range-filter-grid{grid-column:auto;grid-template-columns:1fr}.colour-distribution-row{grid-template-columns:85px minmax(80px,1fr);gap:9px}.colour-distribution-row strong{grid-column:2}.vault-metrics{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:minmax(130px,.85fr) minmax(0,1.15fr)}.product-card.no-photo{display:block}.product-image{min-height:230px}}