:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173a36;background:#f2f6f4}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;background:#102722;color:#fff;padding:22px 5vw}a{color:#007d6d}header a{color:#8ce7cf;text-decoration:none}.wordmark{font-size:29px;letter-spacing:-1px;font-weight:850;font-style:italic}.demo-label{font-size:11px;letter-spacing:2px;border-left:1px solid #48645d;padding-left:20px}header>a:last-child{margin-left:auto;font-size:14px}main{max-width:1500px;margin:auto;padding:34px 4vw 60px}h1{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-1px;margin:8px 0 12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#617b70}.intro{font-size:18px;line-height:1.6;max-width:760px;color:#536c62}.rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}.room-card{padding:28px;background:white;border:1px solid #cfded5;border-radius:14px;box-shadow:0 7px 25px #163b2510}.room-card h2{font-size:25px}.room-card p{font-size:14px;line-height:1.65;color:#61776b;min-height:70px}.room-card a{display:block;margin-top:15px;font-size:13px}.source-pill{display:inline-block;background:#e5f4ef;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:750}.source-pill.synthetic{background:#fff1cc;color:#715719}button{font:inherit;font-size:13px;padding:11px 15px;border-radius:7px;border:1px solid #b9cec1;background:white;color:#214739;cursor:pointer}button:hover{background:#e4f2eb;border-color:#319f7e}.primary{background:#087e67;color:#fff;border-color:#087e67;font-weight:750}.primary:hover{background:#05624f;color:#fff}button:disabled{opacity:.4;cursor:default}input,select{font:inherit;color:inherit;padding:11px;border:1px solid #c5d6ca;border-radius:7px;background:#fff}#notice{min-height:20px;font-size:14px;color:#80582d;margin-bottom:12px}#notice.error{padding:14px;background:#fff0e5;border:1px solid #e2c2a8;border-radius:8px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading p:not(.eyebrow){color:#657c6c;font-size:14px}.sync-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;background:#123d32;color:#fff;border-radius:12px;margin-top:24px}.sync-card strong,.sync-card small{display:block;margin-top:8px}.sync-card strong{font-size:16px}.sync-card small{color:#bfdbcc;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.status{font-size:11px;letter-spacing:1px;font-weight:800;color:#8df2c8}.status.paused,.status.stale{color:#ffdb83}.status.offline{color:#ffaba1}.explanation{font-size:14px;line-height:1.7;color:#617668;margin:20px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat{background:white;border:1px solid #d3dfd5;border-radius:10px;padding:18px}.stat strong{display:block;font-size:28px;margin-bottom:5px}.stat span{font-size:12px;color:#62766a}.filters{display:flex;gap:15px;margin:26px 0 18px}.filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#5c7466}.filters label:first-child{flex:1}.filters input,.filters select{min-width:0;width:100%}.table-wrap{overflow:auto;background:#fff;border:1px solid #d1ded4;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#667b6d;font-size:11px;background:#eaf1eb;letter-spacing:.3px;padding:15px}th small{font-weight:400;line-height:1.7}td{padding:17px 15px;border-top:1px solid #e5ece5;vertical-align:middle}td:first-child{width:38%}td strong{font-size:13px;line-height:1.45;display:block}td small{display:block;color:#7a8c7e;margin-top:5px;line-height:1.5;font-size:11px}.quantity{display:flex;align-items:center;gap:5px}.quantity button{padding:7px 10px;font-size:17px}.quantity input{width:95px;padding:8px;font-size:14px;text-align:center}.row-actions{margin-top:7px;display:flex;gap:10px;align-items:center}.row-actions button{font-size:10px;padding:4px 7px}.stock{display:inline-block;padding:5px 9px;font-size:11px;font-weight:750;border-radius:5px;white-space:nowrap}.stock.in{color:#086347;background:#dff4e8}.stock.out{color:#a63730;background:#ffebe8}.stock.unknown{color:#7b6227;background:#fff1ca}.queued{color:#a66a19;font-weight:700}.open-product{font-size:12px;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:12px;color:#6d7f71}.notes{margin-top:35px;background:#e8efe8;padding:20px;border-radius:10px;color:#5f7464;font-size:13px;line-height:1.7}.notes summary{font-weight:750;cursor:pointer;color:#31523d}.footnote{font-size:13px;color:#6c7c71;line-height:1.7}[hidden]{display:none!important}@media(max-width:900px){.rooms{grid-template-columns:1fr}.room-card p{min-height:0}.heading,.sync-card{align-items:start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}header{flex-wrap:wrap}.demo-label{border:0;padding:0}header>a:last-child{margin-left:0}.quantity input{width:75px}td:first-child{min-width:240px}td{padding:13px 10px}}
