*{box-sizing:border-box}body{margin:0;background:#f4f3ef;color:#111;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;background:#111;color:#fff;padding:12px 16px}.login{min-height:100vh;display:grid;place-content:center;width:min(420px,90%);margin:auto}.login b{font-size:30px}.login small{letter-spacing:.3em;color:#777}.login p{color:#777}.login input{width:100%;padding:14px;border:1px solid #ddd;margin:12px 0}.login button{width:100%}#error{color:#a22;font-size:12px;margin-top:10px}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#0b0b0b;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:8px}aside b{font-size:24px}aside small{color:#999;letter-spacing:.3em;margin-bottom:35px}aside button{background:transparent;text-align:left;color:#aaa}aside button:hover,aside a:hover{background:#fff;color:#111}aside a{color:#aaa;text-decoration:none;padding:12px 16px;margin-top:auto}.main{margin-left:230px}.main header{padding:28px 34px;border-bottom:1px solid #ddd}.main header span{font-size:10px;letter-spacing:.2em;color:#888}.main h1{margin:8px 0 0}.main section{padding:30px 34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.panel{background:#fff;border:1px solid #ddd;padding:22px}.num{font-size:32px;font-weight:900}.label{color:#777;font-size:12px;margin-top:8px}.toolbar{display:flex;justify-content:space-between;margin-bottom:15px}.product{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;background:#fff;border:1px solid #ddd;margin-bottom:8px}.product small{display:block;color:#777;margin-top:5px}.panel input,.panel textarea{width:100%;padding:12px;border:1px solid #ddd;margin:7px 0 15px}.panel textarea{min-height:100px}.danger{background:#a22}@media(max-width:650px){aside{width:64px;padding:20px 8px}aside b{font-size:0}aside b:after{content:'M';font-size:22px}aside small,aside a{display:none}aside button{font-size:0;text-align:center}aside button:before{content:'•';font-size:22px}.main{margin-left:64px}.main header,.main section{padding:20px}.cards{grid-template-columns:1fr 1fr}}