:root{--ink:#172824;--muted:#6e7d79;--green:#1b745a;--light:#eef5ef;--border:#e0e7e2;--bg:#f8faf7;--card:#fff;--gold:#b48452;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,4.5rem)}h2{font-size:1.5rem}h3{font-size:1.03rem}p{line-height:1.65}.page-width{max-width:1280px;margin:auto;padding-left:34px;padding-right:34px}.site-header{padding:18px 34px;max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:800;display:flex;align-items:center;gap:2px;letter-spacing:-.04em;font-size:20px;white-space:nowrap}.brand-mark{background:var(--green);color:white;display:inline-grid;place-items:center;border-radius:10px;width:36px;height:36px;font-weight:900;font-size:20px;margin-right:8px}.brand-accent{color:var(--green)}.brand-cloud{font-size:9px;letter-spacing:.13em;font-weight:800;background:#e6eee7;border:1px solid #dae7dc;border-radius:4px;padding:3px 5px;margin-left:9px}.top-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650}.top-nav a:hover,.auth-footer a:hover{color:var(--green)}.button{background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--green);border-radius:10px;padding:12px 18px;white-space:nowrap;font-size:13px;font-weight:740;transition:filter .15s}.button:hover{filter:brightness(1.08)}.button-small{padding:10px 13px}.button-outline{color:var(--ink);background:#fff;border-color:var(--border)}.button-wide{width:100%}.small{font-size:12px}.subtle,.muted{color:var(--muted)}.eyebrow{font-size:10px;color:var(--green);letter-spacing:.14em;font-weight:850}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:11px;text-align:center;padding:24px 10px;margin-top:75px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-top:94px;padding-bottom:94px}.hero-copy h1{margin:17px 0 22px}.hero-copy h1 span{color:var(--green)}.hero-copy>p{font-size:17px;color:var(--muted);max-width:570px}.button-row{display:flex;gap:11px;margin:28px 0 18px;flex-wrap:wrap}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#409b66;vertical-align:middle;margin-right:6px}.hero-preview{background:#fff;box-shadow:0 28px 70px rgba(12,51,34,.08);border:1px solid var(--border);border-radius:19px;padding:27px;transform:rotate(-1.1deg)}.preview-top{display:flex;justify-content:space-between;gap:8px}.preview-brand{font-weight:760;font-size:16px}.online-dot{color:var(--green);font-size:11px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.preview-stats>div{background:#f3f7f3;border-radius:9px;padding:15px}.preview-stats span{display:block;color:var(--muted);font-size:11px}.preview-stats strong{font-size:28px}.preview-divider{border-top:1px solid var(--border)}.preview-section-label{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:760;margin:22px 0 10px}.preview-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 0;gap:8px;font-size:13px}.preview-line strong{color:var(--green);font-size:11px}.features{padding-top:65px;padding-bottom:80px}.section-heading{max-width:650px}.section-heading h2{font-size:35px;margin:10px 0}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.feature-card{padding:23px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.feature-card p{font-size:13px;color:var(--muted);margin:0}.feature-icon{width:38px;height:38px;border-radius:9px;background:#e7f3eb;display:grid;place-items:center;color:var(--green);font-weight:900;font-size:21px;margin-bottom:22px}.closing-cta{padding-top:45px;padding-bottom:65px;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing-cta h2{font-size:30px;margin:8px 0}.closing-cta p{color:var(--muted);margin:0}.auth-wrap{min-height:67vh;display:grid;place-items:center;padding:40px 18px}.auth-card{width:min(100%,455px);background:#fff;border:1px solid var(--border);border-radius:19px;padding:38px;box-shadow:0 18px 60px rgba(16,51,35,.05)}.auth-symbol{height:44px;width:44px;border-radius:12px;display:grid;place-items:center;background:var(--light);color:var(--green);font-size:26px;margin-bottom:24px}.auth-card h1{font-size:36px;margin:7px 0}.auth-card>p{color:var(--muted);font-size:13px}.stack-form{display:grid;gap:16px;margin:25px 0}.stack-form label,.mini-form label,.order-fields label{display:grid;gap:6px;color:#42554e;font-size:12px;font-weight:760}input,select{border:1px solid #d8e2da;border-radius:9px;background:#fff;padding:11px 12px;width:100%;color:var(--ink);outline:none;font-weight:450;min-width:0}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1b745a1c}.auth-footer{text-align:center}.auth-footer a{font-weight:760;color:var(--green)}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:31px;align-items:start;min-height:78vh;margin-top:35px}.sidebar{background:#fff;border:1px solid var(--border);border-radius:15px;position:sticky;top:20px;padding:20px 12px;min-height:420px}.sidebar-label{font-size:10px;color:#9baaa2;letter-spacing:.12em;font-weight:780;padding:5px 11px}.workspace-identity{display:flex;gap:10px;align-items:center;padding:10px 8px 25px;border-bottom:1px solid var(--border)}.avatar{background:var(--light);color:var(--green);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.workspace-identity strong{font-size:12px;display:block;line-height:1.3}.workspace-identity small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.sidebar-links{display:grid;gap:4px;margin-top:18px}.side-link{text-align:left;border:0;background:none;width:100%;border-radius:8px;padding:11px 12px;color:#57655f;font-size:12px;font-weight:680}.side-link:hover,.side-link.active{background:#e9f4ed;color:var(--green)}.sidebar-bottom{border-top:1px solid var(--border);padding:22px 12px 0;margin-top:45px}.slug-code{display:block;overflow-wrap:anywhere;font-size:11px;margin:7px 0}.sidebar-bottom small{display:block;color:var(--muted);font-size:10px}.text-button,.link-button{border:0;background:none;color:var(--green);padding:0;font-size:12px;font-weight:780}.text-button{margin-top:16px}.dashboard-main{min-width:0}.dashboard-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:31px}.dashboard-top h1{font-size:29px;margin:8px 0}.dashboard-top p{font-size:13px;color:var(--muted);margin-bottom:0}.header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.pill-demo{color:#9b6a37;background:#fcf1e2}.pill-live{color:var(--green);background:#e7f3ec}.pill-warn{background:#fff1e8;color:#af6232}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--border);border-radius:13px}.stat-card{padding:22px}.stat-card>span{font-size:12px;color:var(--muted)}.stat-card strong{display:block;font-size:31px;letter-spacing:-.04em;margin:8px 0}.stat-card small{color:var(--muted);font-size:11px}.two-column{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel{padding:21px;margin-bottom:19px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:16px}.panel-title h2,.panel-title h3{font-size:16px;margin:0}.panel-title p{color:var(--muted);font-size:11px;margin:7px 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a9992;letter-spacing:.055em;font-weight:740;font-size:10px;text-transform:uppercase;padding:10px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{border-bottom:1px solid #eef1ec;padding:13px 10px;vertical-align:middle}td strong{font-size:12px}td small{display:block;font-size:10px;color:var(--muted);padding-top:4px}tr:last-child td{border-bottom:0}.status{border-radius:20px;font-size:10px;font-weight:800;padding:5px 8px;white-space:nowrap}.status-low{background:#fff0e8;color:#ad5634}.status-reserved{background:#fff3da;color:#926215}.status-fulfilled{background:#e7f4ea;color:#1a7852}.status-canceled{background:#e9edee;color:#667770}.low-text{color:#c36e35}.summary-rows>div{padding:16px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;font-size:12px}.summary-rows span{color:var(--muted)}.summary-rows strong{font-size:15px}.tip-box{background:#f0f7f1;border:1px solid #e1eee4;border-radius:8px;padding:14px;color:#46725c;font-size:12px;margin-top:21px}.demo-cta{border-radius:14px;background:#deeee1;margin-top:18px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:14px}.demo-cta p{margin:6px 0 0;color:#688372;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.section-title h2{margin:0;font-size:23px}.section-title p{font-size:13px;color:var(--muted);margin:7px 0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mini-form{display:grid;align-content:start;gap:12px}.mini-form h3{margin-bottom:3px}.mini-form .button{margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.import-panel{display:flex;gap:25px;justify-content:space-between;align-items:center}.import-panel h3{margin-bottom:5px}.import-panel p{font-size:12px;color:var(--muted);margin-bottom:8px}.import-panel a{color:var(--green);font-size:12px;font-weight:750}.inline-upload{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-upload input{max-width:235px}.order-form{margin-bottom:19px}.order-form h3{margin-bottom:16px}.order-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .6fr;gap:10px;align-items:end}.order-form button{margin-top:13px}.supplier-add{max-width:430px}.alert{padding:13px 16px;border-radius:9px;margin-bottom:17px;font-size:12px}.alert.error{background:#fff1ec;color:#a0462a;border:1px solid #f0d2c5}.alert.success{background:#eaf5ed;color:#266c4b;border:1px solid #d0e7d5}.empty-state{color:var(--muted);font-size:12px;padding:23px 3px}.hidden{display:none!important}.muted-link{color:#8f9f96;margin-left:6px}.link-button:hover{text-decoration:underline}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.order-fields{grid-template-columns:repeat(3,1fr)}.hero{gap:25px}.hero-preview{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-width{padding-left:17px;padding-right:17px}.site-header{padding:13px 17px}.brand{font-size:17px}.top-nav{gap:11px}.top-nav>a:first-child{display:none}.top-nav a{font-size:11px}.hero{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:40px}.hero-copy>p{font-size:15px}.hero-preview{padding:18px}.features{padding-top:35px}.feature-grid{grid-template-columns:1fr}.closing-cta{flex-direction:column;align-items:start}.workspace{display:block;margin-top:12px}.sidebar{position:static;min-height:0;margin-bottom:24px}.sidebar-links{display:flex;flex-wrap:wrap}.side-link{width:auto}.sidebar-bottom{margin-top:18px}.dashboard-top{align-items:start;flex-direction:column}.two-column{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.order-fields{grid-template-columns:1fr 1fr}.import-panel,.demo-cta{flex-direction:column;align-items:start}.stat-grid{gap:9px}.stat-card{padding:16px}.stat-card strong{font-size:26px}.auth-card{padding:25px}}
@media(max-width:440px){.brand-cloud{display:none}.top-nav .button{padding:8px}.stat-grid,.order-fields{grid-template-columns:1fr}.button-row{flex-direction:column}.button-row .button{width:100%}}