:root{
  --green:#006a3c;--green-dark:#004f2d;--green-soft:#eaf5ef;
  --page:#f4f7f5;--card:#fff;--line:#dfe7e2;--text:#17342b;--muted:#718078;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--page);color:var(--text)}
button,input,select{font:inherit}
button{border:0;border-radius:8px;padding:11px 14px;font-weight:700;cursor:pointer}
input,select{width:100%;padding:10px;border:1px solid #c8d7ce;border-radius:7px;background:#fff;font-size:14px}
label{display:block;font-size:12px;font-weight:700;margin:10px 0 5px;color:#38564b}
.top{position:sticky;top:0;z-index:5;padding:15px 20px;color:#fff;background:linear-gradient(135deg,var(--green-dark),var(--green));box-shadow:0 2px 8px rgba(0,55,31,.18)}
.brand{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}
.brand h1{margin:0;font-size:22px}.brand small{opacity:.78}.tag{font-size:11px;padding:5px 8px;border-radius:999px;background:#e6f4ef;color:#166534;font-weight:700}
.layout{max-width:1600px;margin:16px auto;padding:0 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.panel{display:grid;grid-template-columns:minmax(310px,.7fr) minmax(620px,1.5fr);gap:14px;align-items:start}
.section,.content-card,.actions{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 12px rgba(10,62,38,.06);overflow:hidden}
.duty-section{grid-column:1;grid-row:1}
.product-filter-section{grid-column:2;grid-row:1}
.actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px}
.actions button{min-width:150px}.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}.search{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff}.search:hover{filter:brightness(.94)}
.section-head,.headrow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff}
.section-head{padding:12px 15px;font-size:15px;font-weight:700;cursor:pointer}.section-body{display:none;padding:14px 15px 16px}.section.open .section-body{display:block}.chev{transition:.2s}.section.open .chev{transform:rotate(180deg)}
.icon-label{display:inline-flex;align-items:center;gap:8px}.ui-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:17px}
.product-filter-grid{grid-template-columns:1fr 1fr;gap:18px;align-items:start}.section.open .product-filter-grid{display:grid}
@media(min-width:1001px){.duty-section{align-self:stretch}.product-filter-grid{grid-template-areas:"category brand" "category model"}.filter-category{grid-area:category}.filter-brand{grid-area:brand}.filter-model{grid-area:model}}
.filter-accordion{margin:0;border:0;background:#fff}.filter-accordion summary{list-style:none;padding:0 0 9px;font-size:14px;font-weight:800;display:flex;align-items:center;cursor:pointer}.filter-accordion summary::-webkit-details-marker{display:none}.filter-accordion summary:before{content:'▸';margin-right:7px;color:var(--green);transition:transform .18s}.filter-accordion[open] summary:before{transform:rotate(90deg)}.summary-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--muted)}
.filter-search{padding:0 0 9px}.filter-accordion input[type=search]{padding:10px 12px}
.list-box{max-height:310px;border:1px solid var(--line);border-radius:6px;overflow:auto;background:#fff}.list-item{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:8px 11px;border:0;border-bottom:1px solid #e9efeb;border-radius:0;background:#fff;text-align:left;color:#233e34;font-size:13px}.list-item:last-child{border-bottom:0}.list-item:hover{background:#f4faf6}.list-item.active,.list-item.series-active{background:linear-gradient(90deg,#e5f4eb,#f6fbf8);color:#173d2d;font-weight:800}.checkmark{width:17px;height:17px;border:1px solid #a8bcc0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#fff;flex:0 0 auto}.list-item.active .checkmark,.list-item.series-active .checkmark{background:var(--green);border-color:var(--green)}
.series-filter-item{min-height:48px}.series-item-copy{display:grid;grid-template-columns:minmax(56px,auto) minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;flex:1}.series-code{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:5px 7px;border:1px solid #cfe1d7;border-radius:7px;background:#eef7f2;color:#087f4f;font-size:11px;line-height:1;font-weight:900;letter-spacing:.025em;white-space:nowrap}.series-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#29483d}.series-model-count{color:#718078;font-size:10px;font-weight:700;white-space:nowrap}.series-filter-item.active .series-code{border-color:#087f4f;background:#087f4f;color:#fff}.series-filter-item.active .series-label{color:#173d2d}
.duty-block{padding:2px 0 4px}.duty-divider{height:1px;background:#e4ebe7;margin:18px 0}.tolerance-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 7px;font-size:12px;color:#466158}.tolerance-caption b{color:var(--green);font-size:12px;white-space:nowrap}
.tolerance-control{touch-action:manipulation;cursor:pointer}.dual-range{position:relative;height:34px;margin:6px 2px 0}.dual-range-track,.dual-range-fill{position:absolute;left:0;right:0;top:14px;height:6px;border-radius:999px}.dual-range-track{background:#e3e9e5}.dual-range-fill{background:#0b7f4c}.dual-range-input{position:absolute;left:0;top:0;width:100%;height:34px;margin:0;padding:0;border:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}.dual-range-input::-webkit-slider-runnable-track{height:6px;background:transparent}.dual-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;border:3px solid #fff;background:var(--green);box-shadow:0 1px 5px rgba(0,74,42,.35);pointer-events:auto;cursor:grab}.dual-range-input::-moz-range-track{height:6px;background:transparent}.dual-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:3px solid #fff;background:var(--green);box-shadow:0 1px 5px rgba(0,74,42,.35);pointer-events:auto;cursor:grab}.dual-range-scale{display:flex;justify-content:space-between;min-height:18px;color:#7a8a82;font-size:10px}
.content-card{padding:0}.headrow{padding:11px 15px}.headrow h2{margin:0;font-size:16px}.range{margin:10px 14px 0;padding:10px;border:1px solid #e1ebe5;border-radius:7px;background:#f3f8f5;color:#496056;font-size:13px}.table-toolbar{display:flex;justify-content:flex-end;padding:0 14px;margin-top:10px}.table-sort-btn{border:1px solid #cfe0d6;background:#fff;color:var(--green);padding:8px 11px;font-size:12px}.table-sort-btn.active{background:var(--green);color:#fff}
.results-table-wrap{overflow:auto;margin:10px 14px 14px;border:1px solid var(--line);border-radius:6px;background:#fff}.results-table{width:100%;border-collapse:collapse;min-width:860px}.results-table th{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;text-align:left;padding:10px 11px;border-bottom:2px solid var(--line);font-size:12px;white-space:nowrap}.results-table td{padding:9px 11px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.results-table tbody tr:nth-child(even){background:#fbfdfc}.results-table tbody tr:hover{background:#eaf5ef}.sort-head{border:0;background:transparent;padding:0;color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:6px}.sort-arrow{font-size:11px}.model-main{font-weight:800}.detail-icon-btn{border:0;background:transparent;color:var(--green);font-size:20px;padding:6px 9px;border-radius:7px}.detail-icon-btn:hover{background:var(--green-soft)}.empty{padding:35px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.top{padding:10px 12px}.top img{max-width:150px!important;height:auto!important}.top h1{font-size:20px}.layout{margin:10px 0;padding:0 10px}.panel{display:block}.section,.actions{margin-bottom:12px}.product-filter-grid{grid-template-columns:1fr}.filter-accordion{margin-bottom:14px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions button{width:100%;min-width:0}.list-box{max-height:250px}.tolerance-control{margin:0 -6px;padding:0 6px 3px}.dual-range{height:46px;margin-top:2px}.dual-range-track,.dual-range-fill{top:20px}.dual-range-input{height:46px}.dual-range-input::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px}.dual-range-input::-moz-range-thumb{width:24px;height:24px}.dual-range-scale{min-height:34px;padding-top:3px}.results-table-wrap{width:calc(100% - 20px);margin:10px}.results-table th,.results-table td{white-space:nowrap}}
@media(max-width:560px){.top img{max-width:125px!important}.top h1{font-size:17px}.brand small{display:none}.actions{grid-template-columns:1fr}.list-box{max-height:220px}.series-item-copy{grid-template-columns:58px minmax(0,1fr)}.series-model-count{grid-column:2;line-height:1}.series-label{white-space:normal;line-height:1.25}.series-filter-item{align-items:flex-start;padding-top:9px;padding-bottom:9px}.series-filter-item .checkmark{margin-top:4px}}