:root{font-family:Arial,sans-serif;color:#251f21;background:#f4efec}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;background:white;padding:28px;min-height:100vh}h1{font-size:28px}h2{font-size:21px;margin-top:28px}label{display:block;margin:16px 0}input,select,button,a{font:inherit}input,select{display:block;max-width:100%;width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;margin-top:6px;min-height:44px}button,a{display:inline-block;border:1px solid #bbb;border-radius:4px;background:white;color:#251f21;padding:12px;min-height:44px;margin:6px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #73a89a}.note{color:#585254}.product{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #eae9ea;padding:14px 0}.product>div{min-width:0;overflow-wrap:anywhere}.product label{width:80px;flex:none}.product input{width:80px;text-align:center}small{display:block;color:#585254;margin-top:5px}.error{color:#b00020}[hidden]{display:none!important}#history a{display:block}#status{white-space:pre-wrap;line-height:1.7}

.check{display:flex;align-items:center;gap:10px}.check input{display:inline;width:22px;min-height:22px;margin:0}#admin{border-block:1px solid #ccc;padding:16px 0}fieldset{border:1px solid #ccc}#users>div{border-bottom:1px solid #ccc;padding:12px 0}
#admin,#result{padding:20px 16px;border:1px solid #eae9ea;border-radius:8px;margin:24px 0}#admin h2,#result h2{margin-top:0}#users>div{padding:16px 4px}h1,h2,h3,h4{overflow-wrap:anywhere;line-height:1.5}#result a,#result button{max-width:100%}@media(max-width:400px){main{padding:20px}#admin,#result{padding:16px 12px}}
