:root{font-family:system-ui,-apple-system,sans-serif;color:#172b28;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}header{background:#133d36;color:white;padding:16px max(16px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}header small{display:block;color:#b8d6ce;margin-top:4px}main{max-width:1050px;margin:auto;padding:20px 14px 95px}button,select,input{font:inherit}button{border:0;background:#176c57;color:white;border-radius:10px;padding:11px 15px;cursor:pointer;min-height:42px}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#ffffff22}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}select,input:not([type=checkbox]){background:white;border:1px solid #d2ddd8;border-radius:10px;padding:12px;min-height:45px}nav{display:flex;gap:5px;flex-wrap:wrap}.tab{background:#e1ebe6;color:#245345}.tab.active{background:#176c57;color:white}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.summary>div{background:white;padding:15px;border-radius:14px;border:1px solid #e5ebe7}.summary small{display:block;color:#60766e}.summary b{display:block;font-size:26px;margin-top:5px}#search{width:100%}.check{display:block;margin:14px 0;color:#415a50}.product{background:white;border:1px solid #e1e9e4;border-radius:13px;padding:13px;margin:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.product h3{margin:0 0 5px;font-size:15px}.meta{font-size:12px;color:#64776f}.warning{color:#b45421;font-size:12px;font-weight:650;margin-top:4px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:end}.actions input{width:76px;text-align:center}.actions button{padding:9px}.cart{position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -3px 15px #102d2417;padding:13px max(16px,calc((100vw - 1050px)/2));display:flex;align-items:center;justify-content:space-between;z-index:3}section[hidden]{display:none}#orders,#users{background:white;padding:16px;border-radius:14px}.order{border-bottom:1px solid #ddd;padding:13px 0}.order button{margin:5px}label{display:block;margin:12px 0}#newuser input,#newuser select{display:block;width:100%;max-width:420px;margin-top:6px}.login{max-width:420px;margin:10vh auto;background:white;border-radius:20px;padding:28px}.login input{width:100%;display:block;margin-top:6px}.login button{width:100%}.error{color:#b23b2d}#message{color:#176c57;min-height:20px}@media(max-width:550px){.product{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:space-between}.summary b{font-size:22px}header{padding:14px}header .quiet{font-size:12px}}