:root{font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26392f;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#356b53}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #315e49;background:#315e49;color:white;padding:.7rem 1rem;border-radius:7px;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#fff;color:#315e49;border-color:#cad7cc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b17c38;outline-offset:3px}input,select,textarea{display:block;width:100%;border:1px solid #c6d1c8;border-radius:6px;background:white;color:#26392f;padding:.65rem .75rem;margin-top:.35rem}label{display:block;font-size:.85rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:2.1rem;letter-spacing:-.04em;line-height:1.2;margin-bottom:.7rem}h2{font-size:1.3rem;margin-top:1.7rem}h3{font-size:1rem;line-height:1.4}p{margin-bottom:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:750;color:#53765c;margin-bottom:.6rem}.muted{color:#68766c;font-size:.85rem}.topbar{padding:1rem max(1.5rem,calc((100% - 1200px)/2));background:#fff;border-bottom:1px solid #e1e7df;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:800;letter-spacing:-.03em;text-decoration:none;color:#253d30;font-size:1.2rem}.brand span{border-left:1px solid #d6ded4;font-size:.85rem;font-weight:400;letter-spacing:0;margin-left:1rem;padding-left:1rem}main{max-width:1248px;margin:0 auto;padding:2.5rem 1.5rem}.login-panel{max-width:430px;margin:6vh auto;background:white;border:1px solid #dee5dc;border-radius:12px;padding:2rem}.login-panel form{display:grid;gap:1rem;margin:1.5rem 0}.page-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end}.controls{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem}.controls label{min-width:130px}.connection{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.badge{display:inline-block;background:#e7efe6;color:#355942;padding:.25rem .6rem;border-radius:20px;font-size:.76rem}.badge.warn{background:#fff0d3;color:#825a1e}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0 2rem}.summary article{background:#fff;border:1px solid #dce4d9;border-radius:10px;padding:1.1rem 1.3rem}.summary strong{display:block;font-size:1.8rem;letter-spacing:-.04em}.summary span{font-size:.8rem;color:#657568}.tabs{display:flex;gap:.5rem;border-bottom:1px solid #d8e1d5;padding-bottom:.7rem;overflow-x:auto}.tabs button{white-space:nowrap;background:transparent;border-color:transparent;color:#5c6a60}.tabs button[aria-current]{background:#315e49;color:white}.panel{padding-top:.8rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:1rem;margin-bottom:2rem}.product{background:white;border:1px solid #dce4d9;border-radius:10px;padding:1.2rem;display:flex;flex-direction:column;min-width:0}.product-head{display:flex;gap:1rem;align-items:flex-start;min-height:105px}.product-head img{width:68px;height:95px;object-fit:contain;background:#f5f7f4;border-radius:5px}.product h3{overflow-wrap:anywhere;margin-bottom:.4rem}.product .note{font-size:.85rem;margin:1rem 0;color:#526759}.product .numbers{font-size:.78rem;color:#68776a;margin-top:auto;padding-top:.75rem}.product .actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.product .actions button{font-size:.8rem}.product .actions a{font-size:.85rem}.table-wrap{overflow-x:auto;background:white;border:1px solid #dce4d9;border-radius:8px;margin:1rem 0 1.5rem}table{border-collapse:collapse;width:100%;font-size:.85rem;text-align:left}th{background:#edf2eb;color:#48614e;font-size:.75rem}td,th{padding:.85rem 1rem;vertical-align:top;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}td.number,th.number{text-align:right;white-space:nowrap}td small{display:block;color:#718074}.inline-form{display:flex;gap:1rem;align-items:flex-end;padding:1.2rem;background:#eaf0e5;border-radius:9px;margin:1.5rem 0}.inline-form label:nth-child(2){flex:1}.inline-form button{white-space:nowrap}#message{padding:.8rem 1rem;border-radius:7px;background:#edf1e8;margin:1rem 0}#message:empty{display:none}#message.error{background:#ffe9df;color:#8a3424}dialog{border:1px solid #cad8c8;border-radius:12px;padding:1.8rem;max-width:520px;width:calc(100% - 2rem);color:#26392f}dialog::backdrop{background:#15291c70}dialog h2{margin-top:0}dialog textarea{margin-bottom:1rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem}footer{text-align:center;color:#7a857b;font-size:.75rem;padding:2rem}details{background:white;border:1px solid #dce4d9;padding:1rem;border-radius:8px;margin:1rem 0}summary{cursor:pointer;font-weight:600}details p,details ul{margin-top:1rem}[hidden]{display:none!important}@media(max-width:800px){.page-heading{display:block}.controls{flex-wrap:wrap}.summary{grid-template-columns:repeat(2,1fr)}.inline-form{display:grid}.topbar{padding:1rem}.brand span{display:none}main{padding:1.5rem 1rem}.product-grid{grid-template-columns:1fr}}

body:has(#login-panel:not([hidden])) > footer{display:none}