:root{font-family:system-ui,sans-serif;color:#1d2925;background:#f3f7f4;--p:#188653}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{position:sticky;top:0;z-index:2;display:flex;gap:.4rem;align-items:center;padding:.8rem;background:#fff;border-bottom:1px solid #dbe3df;overflow:auto}header b{font-size:1.2rem;margin-inline-end:auto}header input{width:110px}button{border:0;border-radius:8px;background:var(--p);color:#fff;padding:.65rem;cursor:pointer}input,select,textarea{padding:.65rem;border:1px solid #a9b7b0;border-radius:7px}main{max-width:1050px;margin:auto;padding:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem}.card{background:#fff;border:1px solid #dbe3df;border-radius:11px;padding:1rem;margin:.7rem 0}.product button{width:100%}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}label{display:grid;gap:.2rem;flex:1;min-width:140px}.muted{color:#65736d}.danger{background:#a62828}.warn{background:#996100}.tag{background:#e7efeb;padding:.2rem .4rem;border-radius:999px}#toast{position:fixed;bottom:1rem;left:1rem;background:#17231f;color:#fff;padding:.7rem;border-radius:7px;display:none}#network{padding:.2rem .5rem;border-radius:999px;background:#dcfce7;color:#166534;font-size:.75rem}#network.error{background:#fee2e2;color:#991b1b}