:root{font:16px system-ui,sans-serif;color:#172236;background:#f3f6fa}body{margin:0}main{max-width:1200px;margin:auto;padding:1.5rem}header{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;align-items:center;gap:.5rem}section{background:#fff;padding:1.4rem;margin:1rem 0;border-radius:.6rem;box-shadow:0 1px 4px #cbd3df}button,select,input{font:inherit;padding:.5rem .7rem;border:1px solid #adbacc;border-radius:.3rem;background:#fff}button{cursor:pointer}button.selected{border-color:#0b67b2;background:#e7f2fc}.trend,.filters{display:flex;gap:.5rem;flex-wrap:wrap}.search-filter{position:relative;display:inline-flex;align-items:center}.search-filter input{min-width:11rem;padding-right:2.2rem}.search-clear{position:absolute;right:.35rem;display:grid;place-items:center;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:50%;background:transparent;color:#526178;font-size:1.15rem;line-height:1}.search-clear:hover{background:#e7edf4;color:#172236}.trend button{display:grid;text-align:left;min-width:130px}.trend strong{font-size:1.4rem}.filters{margin-bottom:1rem}.run-summary{max-width:900px}.run-summary th{width:220px}.error{color:#a00021;font-weight:700}.data-loading{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;margin:0 0 1rem;border:1px solid #94c4ed;border-radius:.45rem;background:#eaf5ff;color:#164d7a;font-size:1.05rem;font-weight:700}.loading-spinner{width:1.25rem;height:1.25rem;flex:none;border:3px solid #b9d9f3;border-top-color:#0876c9;border-radius:50%;animation:loading-spin .75s linear infinite}.skeleton-cell{display:block;height:.95rem;border-radius:.25rem;background:linear-gradient(90deg,#edf1f6 25%,#dce7f1,#edf1f6 65%);background-size:250% 100%;animation:loading-shimmer 1.35s ease-in-out infinite}.skeleton-wide{width:88%}.skeleton-medium{width:72%}.skeleton-short{width:48%}.skeleton-button{width:3.5rem;height:2rem}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-shimmer{to{background-position:-250% 0}}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:.6rem;border-bottom:1px solid #dce3e9}.entries-table thead tr:first-child th{text-align:center;background:#edf1f6}.entries-table thead tr:nth-child(1) th{border-left:2px solid #adbacc}.entries-table thead tr:nth-child(2) th{background:#f7f9fc}.entries-table thead tr:nth-child(2) th:first-child{border-left:2px solid #adbacc}.entries-table tbody td:nth-child(1){border-left:2px solid #adbacc}.entries-table thead tr:first-child th:first-child,.entries-table thead tr:nth-child(2) th:nth-child(2),.entries-table tbody td:nth-child(2){border-right:2px solid #adbacc}.entries-table thead tr:first-child th:nth-child(2),.entries-table thead tr:nth-child(2) th:nth-child(5),.entries-table tbody td:nth-child(5){border-right:2px solid #adbacc}article{padding:.5rem;border-top:1px solid #dce3e9}.history-entry{padding:.75rem 0 1rem}.history-summary{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.history-summary p{margin:.25rem 0 .75rem}.history-table{font-size:.92rem}.history-table th:first-child{min-width:5rem}.history-table thead tr:first-child th{text-align:center;background:#edf1f6}.history-table thead tr:nth-child(2) th{background:#f7f9fc}.history-table thead tr:first-child th:first-child,.history-table tbody th[scope=row]{border-right:2px solid #adbacc}.history-table thead tr:first-child th:nth-child(3),.history-table thead tr:nth-child(2) th:nth-child(3),.history-table tbody td:nth-child(4){border-left:2px solid #adbacc}.history-table thead tr:first-child th:nth-child(3),.history-table thead tr:nth-child(2) th:nth-child(5),.history-table tbody td:nth-child(6){border-right:2px solid #adbacc}.history-table td[colspan]{color:#526178;font-style:italic}dialog.history-dialog{border:0;border-radius:.6rem;padding:1.4rem;width:min(900px,calc(100vw - 4rem));max-height:calc(100vh - 4rem);overflow:auto;box-shadow:0 8px 32px #17223655}dialog.history-dialog::backdrop{background:#17223688}dialog.history-dialog header{position:sticky;top:-1.4rem;padding:.5rem 0;background:#fff}dialog.history-dialog header h2{margin:.4rem 0}.history-help{color:#526178;font-size:.9rem}@media(max-width:700px){table{display:block;overflow-x:auto}}@media(max-width:700px){header{align-items:flex-start;flex-wrap:wrap;gap:.5rem}header h1{font-size:1.5rem}.header-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.loading-spinner,.skeleton-cell{animation:none}}
