:root{--bg:#f5f5f3;--white:#fff;--text:#1f252b;--muted:#666d75;--border:#e3e5e8;--green:#3f7426;--green-dark:#315d1d;--red:#8f1620;--gold:#c6b86a;--shadow:0 12px 32px rgba(20,20,20,.08);--max:1240px}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--green),#5b9440);box-shadow:var(--shadow);position:relative}.brand-mark::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:10px;transform:translateY(-50%) skewX(-28deg);border-radius:6px;background:#f3f5ef}.brand-over{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#727880;font-weight:700}.brand-main{font-size:30px;font-weight:900;line-height:1;color:var(--green)}
.nav{display:flex;gap:28px;color:#4f565e;font-weight:600}.header-actions{display:flex;gap:10px}.menu-toggle{display:none;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:16px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn-green{background:var(--green);color:#fff}.btn-light{background:#fff;border-color:var(--border);color:var(--text)}
.hero{padding:56px 0 44px;background:linear-gradient(180deg,#fff 0%,#f3f3ef 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f3f9ef;border:1px solid #dbe7d2;color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.18em}.eyebrow.dark{background:#fff;border-color:var(--border);color:#6a7178}
.hero h1{margin:18px 0 14px;font-size:76px;line-height:.95;letter-spacing:-.05em;font-weight:950}.hero h1 span{color:var(--green)}.hero p{font-size:21px;line-height:1.7;color:var(--muted);max-width:680px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.search-bar{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:12px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);margin-top:22px}.search-bar select,.search-bar input{width:100%;padding:15px 16px;border-radius:18px;border:1px solid var(--border);background:#fafafa;color:#3b4148;font-size:15px}
.hero-art{display:flex;justify-content:center}.logo-card{position:relative;width:min(100%,540px);min-height:420px;padding:34px;border-radius:38px;background:#fff;border:1px solid var(--border);box-shadow:0 20px 50px rgba(0,0,0,.10);overflow:hidden}.slab{position:absolute;border-radius:16px;background:#f0f0ee;border:1px solid #d7d8c4;box-shadow:0 14px 26px rgba(0,0,0,.12)}.slab-back{left:8%;right:18%;top:16%;height:110px;transform:skewX(-22deg)}.slab-front{left:28%;right:6%;top:30%;height:100px;transform:skewX(-22deg)}
.hero-logo{position:relative;margin-top:82px;text-align:center;font-size:108px;font-weight:950;font-style:italic;line-height:.95;letter-spacing:-.06em;color:var(--green);text-shadow:0 4px 0 rgba(0,0,0,.18),0 16px 28px rgba(0,0,0,.12)}.hero-sublogo{position:relative;margin-top:18px;text-align:center;font-size:42px;font-weight:900;font-style:italic;letter-spacing:-.04em}.hero-sublogo .green{color:var(--green)}.hero-sublogo .gold{color:var(--gold)}.hero-sublogo .red{color:var(--red)}.hero-sublogo .black{color:#111}
.how,.inventory-page,.portal-page{padding:48px 0}.section-title-wrap{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:34px}.section-title-wrap .line{height:1px;width:90px;background:rgba(63,116,38,.35)}.section-title-wrap h2{margin:0;font-size:56px;line-height:1;font-weight:950;letter-spacing:-.05em;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card,.panel{position:relative;padding:28px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.step-badge{position:absolute;right:22px;top:-18px;width:84px;height:84px;border-radius:999px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:950;box-shadow:0 0 0 8px var(--bg)}.step-icon{font-size:58px;color:rgba(63,116,38,.85);line-height:1;margin:20px 0 10px}.step-card h3{margin:0;font-size:46px}.step-card p{font-size:19px;color:var(--muted)}.step-link{display:inline-flex;padding:14px 18px;border-radius:18px;background:#f5fbf1;border:1px solid #dbe7d2;color:#2f5e1c;font-weight:900}
.inventory-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}.inventory-head h2{margin:10px 0 0;font-size:54px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{overflow:hidden;border-radius:28px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}.product-art{height:240px;position:relative;background:#e8ecef}.product-art span{position:absolute;left:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.88);font-size:12px;font-weight:900}
.product-art img{width:100%;height:100%;object-fit:cover}.tone-1{background:linear-gradient(135deg,#111827,#2f3641)}.tone-2{background:linear-gradient(135deg,#4b5563,#64748b)}.tone-3{background:linear-gradient(135deg,#fafaf9,#d6d3d1)}.tone-4{background:linear-gradient(135deg,#292524,#525252)}
.product-body{padding:22px}.product-top{display:flex;align-items:start;justify-content:space-between;gap:14px}.product-top h3{margin:0;font-size:28px}.product-top p{margin:8px 0 0;color:var(--muted)}.icon-btn{border:1px solid var(--border);background:#fff;width:42px;height:42px;border-radius:14px;font-size:20px}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:22px}.price{font-size:30px;font-weight:950}.small{margin-top:4px;color:var(--muted);font-size:14px}
.form{display:grid;gap:12px}.form input,.form textarea,.form select{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#fafafa}.form textarea{min-height:120px}.msg{margin-top:10px;color:var(--muted)}.hidden{display:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-head{display:flex;justify-content:space-between;align-items:center}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left}.thumb{width:72px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
@media(max-width:980px){.menu-toggle{display:inline-flex}.nav,.header-actions{display:none}.header-inner.open .nav,.header-inner.open .header-actions{display:flex;width:100%;flex-direction:column}.hero-grid,.two-col,.grid2,.card-grid,.steps{grid-template-columns:1fr}.hero h1{font-size:54px}.search-bar{grid-template-columns:1fr}}
.gallery{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.gallery .thumb{width:110px;height:82px}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.badge-count{display:inline-block;min-width:18px;text-align:center;margin-left:6px}.search-tools{margin-bottom:18px}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.compact{padding:18px}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#4b5563,#64748b);color:#fff;font-weight:900}
.inventory-subtitle{margin:10px 0 0;color:var(--muted);font-size:18px;line-height:1.6;max-width:760px}
.product-card{display:flex;flex-direction:column}
.product-art{height:220px;position:relative;background:#e8ecef}
.product-body{display:flex;flex-direction:column;gap:14px}
.product-top{align-items:flex-start}
.product-top h3{font-size:24px;line-height:1.15}
.product-top p{font-size:15px;line-height:1.45}
.product-bottom{margin-top:0;align-items:center}
.card-grid{align-items:stretch}
.search-tools .grid3 input{width:100%}
@media(max-width:980px){
  .inventory-page{padding-top:28px}
  .inventory-head h2{font-size:42px}
  .inventory-subtitle{font-size:16px}
  .product-art{height:180px}
  .product-top h3{font-size:22px}
  .product-body{padding:18px}
  .product-bottom{flex-direction:column;align-items:flex-start}
  .product-bottom .btn{width:100%}
}

.location-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.location-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5fbf1;border:1px solid #dbe7d2;color:#2f5e1c;font-size:13px;font-weight:700}
.meta-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--muted);font-size:14px}
.grid4{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
@media(max-width:980px){.grid4{grid-template-columns:1fr}.inventory-head h2{font-size:42px}.inventory-subtitle{font-size:16px}}

.inventory-subtitle{margin:10px 0 0;color:var(--muted);font-size:18px;line-height:1.6;max-width:760px}
.location-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.location-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5fbf1;border:1px solid #dbe7d2;color:#2f5e1c;font-size:13px;font-weight:700}
.meta-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--muted);font-size:14px}
.grid4{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
.search-tools{margin-bottom:18px}
@media(max-width:980px){
  .grid4{grid-template-columns:1fr}
  .inventory-head h2{font-size:42px}
  .inventory-subtitle{font-size:16px}
}

.grid4{display:grid;grid-template-columns:1fr 2fr 1.3fr 1.2fr;gap:12px}
.location-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.location-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5fbf1;border:1px solid #dbe7d2;color:#2f5e1c;font-size:13px;font-weight:700}
.meta-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--muted);font-size:14px}
@media(max-width:980px){.grid4{grid-template-columns:1fr}}

.note code{background:#f4f4f4;padding:2px 6px;border-radius:6px}

.uploader-craigslist{display:grid;gap:12px}
.uploader-topline{display:flex;flex-direction:column;gap:6px}
.uploader-label{font-weight:800;font-size:14px;color:#1f252b}
.uploader-help{font-size:13px;color:#666d75}
.cl-uploader-bar{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 16px;
  border:1px solid #d9dde2;
  border-radius:14px;
  background:#fff;
}
.cl-file-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.cl-add-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  padding:11px 16px;
  border-radius:10px;
  border:1px solid #cfd6dc;
  background:#f7f8fa;
  color:#1f252b;
  font-weight:800;
  cursor:pointer;
}
.cl-add-btn:hover{background:#eef3f7}
.cl-selected-count{font-size:14px;color:#4f5b67}
.cl-preview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:12px;
}
.cl-preview-empty{
  padding:16px;
  border:1px dashed #d6dbe0;
  border-radius:12px;
  color:#73808c;
  background:#fff;
}
.cl-preview-card{
  border:1px solid #e3e5e8;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,20,20,.05);
}
.cl-preview-card img{
  width:100%;
  height:100px;
  object-fit:cover;
  display:block;
  background:#eef2f5;
}
.cl-preview-info{padding:8px 10px}
.cl-preview-name{
  font-size:12px;
  color:#1f252b;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cl-preview-size{
  margin-top:4px;
  font-size:11px;
  color:#73808c;
}
@media(max-width:980px){
  .cl-uploader-bar{align-items:flex-start}
}


.upload-progress-shell{display:grid;gap:8px;padding:12px 14px;border:1px solid #d8dee5;border-radius:14px;background:#fafbfc}
.upload-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;color:#25313c}
.upload-progress-track{height:10px;border-radius:999px;background:#e8edf2;overflow:hidden}
.upload-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#111,#5f6f7f);transition:width .2s ease}
.cl-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:14px;border:1px dashed #cfd6dd;border-radius:16px;background:#fcfcfd;min-height:120px}
.cl-preview-grid.is-dragover{border-color:#222;background:#f2f5f7}
.cl-preview-card{position:relative;border:1px solid #dde3ea;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(17,24,39,.06)}
.cl-preview-card img{display:block;width:100%;height:150px;object-fit:cover;background:#eef2f5}
.cl-preview-info{padding:10px 12px;display:grid;gap:4px}
.cl-preview-name{font-size:13px;font-weight:700;color:#1b2430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-preview-size{font-size:12px;color:#66707a}
.cl-preview-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:999px;background:rgba(17,24,39,.78);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.cl-preview-empty{display:grid;place-items:center;min-height:84px;text-align:center;color:#66707a;font-size:14px;padding:16px}
.address-autocomplete{grid-column:1 / -1;border:1px solid #dbe2e8;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.08);padding:6px;display:grid;gap:4px}
.address-option{border:none;background:#fff;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;display:grid;gap:2px}
.address-option:hover{background:#f4f7f9}
.address-option-main{font-size:14px;font-weight:700;color:#1d2630}
.address-option-sub{font-size:12px;color:#6b7480}