*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202c35;font:15px/1.6 system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#182831;color:#fff;padding:40px 24px}aside b{font-size:25px}aside p{color:#9aacb4;margin-bottom:45px}aside button{display:block;width:100%;text-align:left;background:transparent;color:#c9d6da;margin:12px 0}aside button.active{background:#ecd36a;color:#253139}main{margin-left:230px;padding:45px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}small{letter-spacing:3px;color:#919ca4}h1{font-size:30px;margin:8px 0}h2{font-size:20px}button{border:0;border-radius:8px;background:#ecd36a;padding:11px 20px;font:inherit;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}input{padding:12px;border:1px solid #d9dfe4;border-radius:8px;font:inherit;max-width:100%}article,form#login{background:white;border:1px solid #e5e8eb;border-radius:14px;padding:26px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stats strong{display:block;font-size:32px;margin-top:12px}.stats span{color:#8b959d}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.muted{color:#89949c}.price{font-size:25px;color:#ad7434;font-weight:700}#products{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}#products[hidden]{display:none}#error,#editError{color:#be3c3c}label{display:block;margin:18px 0}label input:not([type=checkbox]){display:block;width:100%;margin-top:7px}dialog{border:0;border-radius:18px;max-width:500px;width:90%;padding:30px}dialog::backdrop{background:#0007}#login{max-width:500px}#login input{display:block;width:100%;margin:20px 0}@media(max-width:800px){aside{position:static;width:auto;padding:20px}aside p{margin:0}aside button{display:inline-block;width:auto;margin:5px}main{margin:0;padding:20px}.stats{grid-template-columns:repeat(2,1fr)}#products{grid-template-columns:1fr}.row{flex-wrap:wrap}}