*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#17202a}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #ddd;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:21px;margin:0}.sub{font-size:13px;color:#666;margin-top:4px}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:18px;margin:18px}.login{max-width:420px;margin:70px auto;display:flex;flex-direction:column;gap:12px}.login h2{margin:0}.muted{color:#666;font-size:13px}.login input{padding:11px;border:1px solid #bbb;border-radius:6px;font-size:15px}.button,button{border:1px solid #aaa;background:#fff;border-radius:6px;padding:8px 12px;cursor:pointer}.primary{background:#1463ff;color:#fff;border-color:#1463ff;font-weight:700}.userbox{display:flex;gap:10px;align-items:center}.hidden{display:none!important}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center}.actions{display:flex;gap:7px;flex-wrap:wrap}.tableWrap{overflow:auto;background:#fff;margin:18px;border:1px solid #bbb}.tableWrap table{border-collapse:collapse;min-width:100%;font-size:13px}.tableWrap th{background:#eef1f4;position:sticky;top:0}.tableWrap th,.tableWrap td{border:1px solid #aaa;padding:6px;text-align:center;white-space:nowrap}.tableWrap td input{width:150px;border:0;background:transparent;text-align:right;padding:6px}.tableWrap td input:focus{outline:2px solid #5b9cff;background:#fff}.num{text-align:right!important}.readonly{background:#f5f5f5}.delete{color:#b00020}.error{color:#b00020;font-size:13px;min-height:18px}@media print{.topbar .userbox,.toolbar,.tableWrap th:last-child,.tableWrap td:last-child{display:none!important}.tableWrap{margin:0;border:0}.topbar{position:static}.tableWrap table{font-size:10px}}