*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f6f7f9;color:#17191c}.topbar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #ddd;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar h1{margin:0;font-size:24px}.status{font-size:12px;color:#777;margin-top:2px}.top-actions{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}.primary{background:#111;color:#fff}.secondary{background:#e9ebef;color:#17191c}.danger{background:transparent;color:#b00020;font-size:20px;padding:4px 8px}.controls,.quick-add{background:#fff;margin:14px 18px;padding:14px;border:1px solid #ddd;border-radius:12px}.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.controls label{display:flex;flex-direction:column;font-size:12px;color:#555;gap:5px}.controls input{min-width:180px}.quick-add h2{font-size:15px;margin:0 0 10px}.form-grid{display:grid;grid-template-columns:repeat(9,minmax(90px,1fr));gap:7px}input{width:100%;border:1px solid #ccc;border-radius:6px;padding:8px;background:#fff;font:inherit}.table-wrap{margin:14px 18px 40px;background:#fff;border:1px solid #ddd;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{border-bottom:1px solid #eee;padding:6px;text-align:left}th{position:sticky;top:0;background:#f0f1f3;font-size:12px;color:#555}td input{min-width:80px;border-color:transparent;background:transparent}td input:focus{border-color:#aaa;background:#fff}.dirty{background:#fff8d8!important}.empty{padding:30px;text-align:center;color:#777}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr 1fr}.form-grid button{grid-column:1/-1}.table-wrap{margin-left:8px;margin-right:8px}.controls,.quick-add{margin-left:8px;margin-right:8px}}