*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f4f6f8;color:#17212b}header{background:#173b57;color:white;padding:16px 5%;display:flex;justify-content:space-between}header a{color:white;text-decoration:none;margin-right:12px}main{max-width:1100px;margin:28px auto;padding:0 16px}h1{font-size:26px}.panel{background:white;padding:18px;border-radius:9px;box-shadow:0 2px 8px #0001;margin:16px 0}label{display:block;margin:12px 0}input,select,button{font:inherit;padding:9px;border:1px solid #ccd3da;border-radius:5px}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:5px}button{background:#176b87;color:white;border:0;cursor:pointer;margin:5px 3px 5px 0}table{width:100%;border-collapse:collapse;background:white;margin:18px 0}th,td{text-align:left;padding:10px;border-bottom:1px solid #e4e8eb}th{background:#eaf0f4}.stats{display:flex;gap:15px}.stats .panel{flex:1}.links{display:flex;gap:10px;flex-wrap:wrap}.links a{padding:12px;background:#176b87;color:white;border-radius:6px;text-decoration:none}.error{color:#a21d24;background:#ffe9e9;padding:10px}.filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.item-row{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}.item-row input[name="item_code[]"]{width:190px}.item-row input[type=number]{width:85px}#reader{max-width:420px;margin:12px 0}@media(max-width:700px){table{display:block;overflow-x:auto}.stats{display:block}}