:root{font-family:Arial,sans-serif;color:#17201d;background:#ece9e2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{padding:.8rem 1rem;border:0;background:#193329;color:#fff;cursor:pointer;border-radius:3px}.muted{background:#68736e}.danger{background:#8b3434!important}a{color:#193329}.login{min-height:100vh;display:grid;place-items:center;background:#11211c}.login form,.card{width:min(620px,100%);padding:2.2rem;background:#fff}.login form{width:min(390px,90vw);background:#f7f3eb}.login p,header p{letter-spacing:.2em;font-size:.7rem;color:#9b7846}.login h1,header h1{font:2.5rem Georgia;margin:.3rem 0 2rem}.login button{width:100%}label{display:grid;gap:.4rem;font-size:.78rem;margin-bottom:1rem}input,select,textarea{padding:.8rem;border:1px solid #bbc2be;background:#fff;width:100%}small{color:#68736e}output{display:block;color:#8b3434;margin-top:1rem}#panel{max-width:1120px;margin:auto;padding:2rem}header,.actions,.header-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-actions{justify-content:flex-end}.tabs{display:flex;gap:.3rem;border-bottom:1px solid #c6c1b8;margin:1rem 0 2rem;overflow:auto}.tab{background:transparent;color:#48534f;border-radius:0}.tab.active{background:#193329;color:#fff}.view{display:none}.view.active{display:block}.actions{margin:1rem 0}.list{display:grid;gap:.7rem}.row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;padding:.7rem;background:#fff}.row img{width:80px;height:80px;object-fit:cover}.row h3{margin:0 0 .4rem;font-family:Georgia}.row p{margin:0;color:#68736e;font-size:.8rem}.row-actions{display:flex;gap:.4rem}.inline{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:1rem}.category-list{display:grid;margin-top:1rem}.category-list>div{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-top:1px solid #ddd}.category-list span{display:grid;gap:.2rem}dialog{border:0;width:min(720px,94vw);padding:0}dialog::backdrop{background:#0009}#productForm{padding:2rem}.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.wide,.check{grid-column:1/-1}.check{display:flex;align-items:center}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}@media(max-width:650px){#panel{padding:1rem}.row{grid-template-columns:65px 1fr}.row img{width:65px;height:70px}.row-actions{grid-column:1/-1;justify-content:flex-end}.cols,.inline{grid-template-columns:1fr}.header-actions{align-items:flex-end;flex-direction:column}}