*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3eee7;color:#3f403d}.topbar{height:76px;background:#fffdf9;border-bottom:1px solid #ddd6cc;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#3f403d}.brand-icon{width:40px;height:40px;border-radius:11px;background:#3f403d;color:#fffdf9;display:grid;place-items:center;font-weight:800}.brand span{display:block;font-size:11px;color:#827d75;margin-top:2px}.topbar nav{display:flex;gap:25px;align-items:center}.topbar nav a{color:#67645f;text-decoration:none;font-size:14px}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}.btn-dark{background:#3f403d;color:#fffdf9}.btn-primary{background:#b59a78;color:#fffdf9fff}.btn-light{background:#fffdf9;color:#26313b;border:1px solid #dfe4e9}.hero{max-width:1180px;margin:auto;padding:80px 30px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#a47b18;margin-bottom:13px}.hero h1{font-size:55px;line-height:1.04;margin:0 0 20px;letter-spacing:-2px}.hero h1 span{color:#a47b18}.hero p{font-size:17px;line-height:1.7;color:#6e6a63;max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-card{background:#fffdf9;border:1px solid #ddd5ca;border-radius:20px;padding:24px;box-shadow:0 20px 50px #3f403d12}.mini-top{display:flex;justify-content:space-between;font-weight:800}.status{color:#637363;font-size:12px}.stats,.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.stats div,.dash-stats div{background:#f3eee7;border-radius:12px;padding:15px}.stats b{display:block;font-size:21px}.stats small{color:#827d75}.stock-row{display:flex;justify-content:space-between;border-top:1px solid #e7e0d7;padding:14px 2px;font-size:14px}.stock-row.low b{color:#9a6650}.section{max-width:1180px;margin:auto;padding:65px 30px}.section-head,.dashboard-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section h2{font-size:32px;margin:0 0 8px;letter-spacing:-1px}.section p,.dashboard p{color:#77736d;margin:0}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inventory{background:#fffdf9;border:1px solid #dcd4c9;border-radius:16px;padding:22px;transition:.2s}.inventory:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3f403d10}.inv-icon{width:44px;height:44px;border-radius:12px;background:#e7dccb;color:#786650;display:grid;place-items:center;font-weight:800;margin-bottom:20px}.inventory h3{margin:0 0 7px}.inventory p{font-size:13px;margin-bottom:18px}.inventory .open{color:#806b54;text-decoration:none;font-weight:800;font-size:13px}.features{border-top:1px solid #ddd5ca}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.feature-grid article{background:#fffdf9;border:1px solid #dcd4c9;border-radius:16px;padding:22px}.feature-icon{font-size:23px;color:#806b54;margin-bottom:15px}.feature-grid h3{margin:0 0 8px}.feature-grid p{font-size:13px;line-height:1.6}footer{background:#3f403d;color:#c7c0b7;text-align:center;padding:28px;font-size:13px}footer strong{color:#fffdf9}.modal{position:fixed;inset:0;background:#3f403d88;display:grid;place-items:center;z-index:20;padding:20px}.hidden{display:none}.modal-box{width:min(470px,100%);background:#fffdf9;border-radius:18px;padding:30px;position:relative}.close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:28px;cursor:pointer;color:#716d67}.modal-box label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}.modal-box input,.modal-box select{width:100%;padding:13px;border:1px solid #d7cec2;border-radius:9px;font-size:14px}.full{width:100%;margin-top:22px}.notice{background:#e7eee7;color:#536553;border:1px solid #cfdccf;border-radius:10px;padding:12px 15px;margin-bottom:20px}.dashboard{max-width:1180px;margin:auto;padding:55px 30px 80px}.dashboard-head h1{font-size:38px;margin:0 0 6px}.dash-stats{grid-template-columns:repeat(4,1fr)}.dash-stats span{display:block;color:#75818d;font-size:12px;margin-bottom:8px}.dash-stats strong{font-size:24px}.dashboard-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:20px;margin-top:20px}.panel{background:#fffdf9;border:1px solid #dcd4c9;border-radius:16px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e0d7;padding-bottom:16px}.panel-head h2{font-size:19px;margin:0}.small-btn{border:1px solid #ddd;background:#fffdf9;border-radius:8px;padding:8px 12px;font-weight:700}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:35px;color:#806b54}.empty-state h3{margin:12px 0 6px}.empty-state p{margin-bottom:20px;color:#7a8792}.quick-actions{display:grid;gap:10px;margin-top:18px}.quick-actions button{background:#f3eee7;border:1px solid #e7eaed;border-radius:10px;padding:14px;text-align:left;font-weight:700;color:#34404b;cursor:pointer}@media(max-width:800px){.topbar{padding:0 20px}.topbar nav a{display:none}.hero{grid-template-columns:1fr;padding-top:50px;gap:35px}.hero h1{font-size:43px}.inventory-grid,.dashboard-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.dash-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.inventory-grid,.feature-grid,.dash-stats{grid-template-columns:1fr}.section-head,.dashboard-head{display:block}.section-head .btn,.dashboard-head .btn{margin-top:18px}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center}}

/* 8inventory.asia warm beige + grey theme */
body{background:#f3eee7;color:#3f403d}
.topbar{background:#fffdf9}
.brand-icon{background:#4a4945;color:#f8f3eb}
.btn-dark{background:#4a4945;color:#fffdf9}
.btn-primary{background:#b59a78;color:#fffdf9}
.btn-light{background:#fffdf9;color:#4a4945;border-color:#d4cbbf}
.hero h1 span{color:#806b54}
.hero-card,.inventory,.feature-grid article,.panel{background:#fffdf9;border-color:#dcd4c9}
.inventory:hover{box-shadow:0 12px 30px rgba(63,64,61,.10)}
.inv-icon{background:#e7dccb;color:#6f5c48}
.eyebrow{color:#806b54}
.open{color:#806b54!important}
footer{background:#4a4945;color:#d8d1c7}
footer strong{color:#fffdf9}
.status{color:#637363}
.notice{background:#e7eee7;color:#536553;border-color:#cfdccf}
.modal{background:rgba(63,64,61,.60)}
.modal-box{background:#fffdf9}