:root{font-family:Tahoma,Arial,sans-serif;color:#203a43;background:#f4f7f8;font-size:13px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#102d37;color:#fff;padding:20px 28px}header h1{font-size:20px;margin:6px 0 0}header b{color:#edb54a;letter-spacing:2px}.test{background:#ffffff15;padding:8px 12px;border-radius:20px;color:#e3bf75}main{padding:22px;max-width:1800px;margin:auto}button,.file{border:1px solid #d4e1e5;border-radius:8px;padding:10px 14px;background:#fff;color:#21444e;cursor:pointer;font:inherit;line-height:1.5}button:hover,.file:hover{background:#eaf4f3}button:disabled{opacity:.5;cursor:wait}button:focus-visible,.file:focus-within{outline:3px solid #52b5aa}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input[type=search]{flex:1;min-width:250px}.toolbar #add{background:#0d756d;color:white}input,select,textarea{padding:11px;border:1px solid #cedde2;border-radius:8px;font:inherit;background:white;color:inherit}.help{color:#6e8289;line-height:1.9;font-size:12px}.summary{display:flex;justify-content:space-between;gap:15px;padding:12px 0;min-height:44px}#message{color:#07685f}.table-wrap{overflow:auto;background:white;border:1px solid #dce6e9;border-radius:12px;max-height:68vh}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1660px}th{position:sticky;top:0;background:#eaf1f3;z-index:2;text-align:right;padding:13px 10px;white-space:nowrap;border-bottom:1px solid #cddde2}td{padding:0;border-bottom:1px solid #edf1f3;vertical-align:top;min-width:100px;max-width:250px}td:first-child,th:first-child{position:sticky;right:0;z-index:1;background:#f4f8f9;min-width:65px}th:first-child{z-index:3}td .cell{display:block;min-height:43px;width:100%;padding:12px 9px;background:transparent;border:0;border-radius:0;text-align:right;overflow-wrap:anywhere;white-space:pre-wrap}td .cell:hover{background:#eef8f4;box-shadow:inset 0 0 0 1px #b7ddd6}td[data-field=notes],td[data-field=customer],td[data-field=model]{min-width:160px}td.money .cell{direction:ltr;text-align:right}td.editing{background:#effaf6}td textarea{display:block;width:100%;min-height:66px;resize:vertical;border-radius:0;border:2px solid #0d756d;padding:10px}td .save-state{padding:6px;color:#976322;font-size:11px}td .retry{padding:4px 8px;font-size:11px}tr.busy{opacity:.7}.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}dialog{border:0;border-radius:14px;padding:24px;max-width:850px;width:90vw;max-height:85vh}dialog::backdrop{background:#11293399}dialog pre{white-space:pre-wrap;line-height:1.8;font:inherit;border-bottom:1px solid #ddd;padding-bottom:12px}.login{max-width:440px;margin:9vh auto;background:white;border:1px solid #d8e3e7;border-radius:16px;padding:28px}.login h1{font-size:20px}.login label{display:block;margin:16px 0}.login input{display:block;width:100%;margin-top:8px}.login button{background:#0d756d;color:white;width:100%}@media(max-width:650px){header{padding:15px;flex-wrap:wrap}main{padding:12px}.toolbar input[type=search]{width:100%;flex-basis:100%}.test{font-size:11px}table{font-size:12px}.summary{flex-direction:column}.toolbar button,.file{padding:8px 11px}}
