:root{--ink:#143b37;--accent:#176a59;--paper:#f4f6f2}body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Tahoma",sans-serif;line-height:1.7}.topbar{background:#fff;padding:18px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e1e8e0}.brand{font-weight:800;text-decoration:none;color:var(--ink);display:flex;gap:10px;align-items:center}.brand small{font-weight:400;font-size:12px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;border-radius:10px;width:34px;height:34px}.container{max-width:1120px}.hero{background:#e3ece5;border-radius:24px;padding:40px 48px;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:#4d7468}h1{font-weight:800;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.25;margin:14px 0}h1 span{color:#27866a}.hero p{margin-top:22px}.hero-art{font-size:30px;align-self:center;text-align:center;transform:rotate(-5deg);border:2px solid #b9cec0;padding:16px 50px;border-radius:30px}.hero-art strong{display:block;font-size:100px;line-height:1.1}.hero-art span{display:block;font-size:13px}.panel{background:#fff;border:1px solid #e1e7df;border-radius:18px;padding:28px;margin-bottom:20px;box-shadow:0 6px 24px #153b3705}.steps{list-style:none;display:flex;padding:0;gap:10px;counter-reset:step;margin:28px 0}.steps li{flex:1;border-bottom:3px solid #d6ded6;padding:10px 0;color:#7a867f;font-size:14px}.steps li:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;background:#e5ebe5;width:26px;height:26px;border-radius:50%;margin-right:6px}.steps li.current{border-color:var(--accent);color:var(--accent)}.steps li.current:before{background:var(--accent);color:#fff}.btn{padding:11px 22px;border-radius:10px;font-weight:600}.btn-primary{--bs-btn-bg:#176a59;--bs-btn-border-color:#176a59;--bs-btn-hover-bg:#105346;--bs-btn-hover-border-color:#105346}.btn-outline-primary{--bs-btn-color:#176a59;--bs-btn-border-color:#176a59;--bs-btn-hover-bg:#176a59;--bs-btn-hover-border-color:#176a59}.form-control,.form-select{min-height:46px;border-color:#cfd9d1;border-radius:9px}.select2-container--bootstrap-5 .select2-selection{min-height:46px;padding-top:9px}.product-card{display:grid;grid-template-columns:1fr 1fr;gap:32px}.product-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f3f5f1;border-radius:14px}.placeholder-image{display:grid;place-items:center;color:#819087}.size-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ede7;padding:12px 0}.size-row small{display:block;color:#718078}.qty{max-width:90px}.total-bar{position:sticky;bottom:15px;display:flex;justify-content:space-between;background:var(--ink);color:white;padding:17px 24px;border-radius:14px;z-index:5}.preview{max-width:260px;max-height:300px;object-fit:contain}.bank-box{background:#edf4ed;padding:24px;border-radius:12px}.status-pill{display:inline-block;background:#e5f1e9;color:#176a59;border-radius:20px;padding:5px 16px}.login-panel{max-width:460px;margin:50px auto}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav .active{background:var(--accent);color:white}.admin-form{border-top:1px solid #dce5dd;padding-top:20px;margin-top:24px}.admin-form label{margin-top:10px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric{padding:24px;background:#edf4ed;border-radius:14px}.metric strong{display:block;font-size:26px}.table{font-size:14px}.table td{vertical-align:middle}.filter-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-grid>*{flex:1;min-width:140px}pre{white-space:pre-wrap;word-break:break-word}.admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[hidden]{display:none!important}@media(max-width:640px){.brand small{display:none}.topbar{font-size:12px}.hero{padding:26px}.hero-art{display:none}.panel{padding:20px}.steps{gap:5px}.steps li{font-size:11px}.steps li:before{display:block;margin-bottom:5px}.product-card{grid-template-columns:1fr}.admin-fields{grid-template-columns:1fr}.btn{padding:10px 15px}}