:root{font-family:Arial,Helvetica,sans-serif;color:#202b28;background:#f6f7f5;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:238px;background:#192723;color:#e7efea;position:fixed;inset:0 auto 0 0;padding:25px 15px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#f7faf7;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.8px;padding:0 9px}.brand-mark{width:27px;height:27px;border-radius:8px;background:#a4c8af;color:#20382b;display:grid;place-items:center;font-size:19px;font-weight:700}.workspace{margin:37px 2px 32px;padding:10px 9px;display:flex;align-items:center;gap:10px;border:1px solid #33413c;border-radius:8px}.workspace-icon{display:grid;place-items:center;width:31px;height:31px;background:#374b42;color:#d0e3d3;border-radius:6px;font-size:12px;font-weight:700}.workspace span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.workspace b,.user-name b{font-size:12px;font-weight:600}.workspace small,.user-name small{font-size:10px;color:#a2b1a9}.chevron{color:#a6b4ad;font-size:15px}.nav-label{font-size:9px;letter-spacing:1.25px;font-weight:700;color:#a3b3aa;padding:0 11px;margin-bottom:10px}.nav-links{display:grid;gap:4px}.nav-links a{height:39px;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:6px;color:#c1cec7;text-decoration:none;font-size:12px;font-weight:500}.nav-links a.active{background:#2d3b35;color:#fff}.nav-icon{font-size:16px;color:#a8beb0;width:17px;text-align:center}.nav-count{margin-left:auto;font-size:10px;color:#e0eae4;background:#42524a;border-radius:20px;padding:2px 7px}.sidebar-bottom{margin-top:auto;border-top:1px solid #34423c;padding:16px 4px 1px;display:flex;align-items:center;gap:9px}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:#d8e5d8;color:#385243;font-size:9px;font-weight:700;width:29px;height:29px}.user-name{display:flex;flex:1;flex-direction:column;gap:3px}.more-button{color:#adbbb4;background:none;border:0;font-size:19px}.main-content{margin-left:238px;min-height:100vh}.topbar{height:63px;border-bottom:1px solid #e7eae6;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fafbf9}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:#78857d}.breadcrumbs b{color:#3b4942;font-weight:600}.crumb-slash{color:#aab4ad}.top-actions{display:flex;align-items:center;gap:21px}.sync{font-size:10px;color:#65736b}.sync i{display:inline-block;background:#6aa77b;width:6px;height:6px;border-radius:50%;margin-right:6px}.help-button{width:23px;height:23px;border-radius:50%;border:1px solid #d6ddd7;color:#69766e;background:transparent;font-size:12px}.page-wrap{max-width:1130px;margin:0 auto;padding:39px 42px 24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.3px;color:#738178;font-weight:700;margin-bottom:11px}h1{font-size:29px;line-height:1.2;letter-spacing:-1.1px;color:#1f3029;margin:0 0 6px;font-weight:700}.subtitle{font-size:13px;color:#6f7d74;margin:0}.new-run{height:36px;padding:0 13px;background:#355943;color:white;border:1px solid #355943;border-radius:6px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #20332914}.new-run span{font-size:16px;margin-right:6px;vertical-align:-1px}.new-run:hover,.inspect-button:hover{background:#284735}.summary-strip{height:62px;display:flex;align-items:center;padding:0 16px;background:#edf3ed;border:1px solid #e3ebe3;border-radius:7px;margin-bottom:30px}.summary-icon{width:30px;height:30px;border-radius:6px;background:#dce9dd;color:#54765d;display:grid;place-items:center;font-size:17px;margin-right:11px}.summary-strip>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.summary-strip strong{font-size:11px;color:#34483a}.summary-strip span{font-size:10px;color:#68776d}.summary-strip .summary-date{margin-left:auto;font-size:9px;letter-spacing:1px;color:#718075;font-weight:700}.runs-section{background:#fff;border:1px solid #e5e9e5;border-radius:8px;box-shadow:0 2px 7px #27392c05;overflow:hidden}.list-toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf0ed}.section-title{display:flex;align-items:center;gap:9px}.section-title h2{font-size:13px;letter-spacing:-.2px;color:#314139;margin:0;font-weight:700}.count-pill{font-size:9px;color:#65736a;background:#f0f3f0;padding:3px 7px;border-radius:20px}.filters{display:flex;align-items:center;gap:8px}.filter-label{font-size:10px;color:#728077}.filters select{height:29px;min-width:110px;background:white;border:1px solid #dfe5df;border-radius:5px;padding:0 24px 0 9px;color:#39483f;font-size:10px;outline-color:#678973}.filter-button{height:29px;padding:0 9px;background:#fff;border:1px solid #e0e5e0;border-radius:5px;color:#526158;font-size:11px}.filter-button span{font-size:10px;margin-left:3px}.run-list{padding:4px 10px 0}.run-row{width:100%;min-height:72px;text-align:left;display:flex;align-items:center;gap:14px;background:#fff;border:0;border-bottom:1px solid #eff1ef;padding:0 12px;color:#293831;position:relative}.run-row:last-child{border-bottom:0}.run-row:hover{background:#fafcf9}.run-row.selected{background:#f6faf6}.run-row.selected:before{position:absolute;content:'';left:-10px;top:12px;bottom:12px;width:2px;background:#60866a;border-radius:2px}.run-glyph{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;flex:none;font-weight:700;font-size:15px}.run-glyph.review{background:#f8f0df;color:#876322}.run-glyph.pass{background:#e6f2e8;color:#46734e}.run-glyph.fail{background:#f8e9e6;color:#a75347}.run-primary{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:1}.run-name{font-size:13px;font-weight:600;color:#334139}.run-meta{font-size:10px;color:#68766d}.run-meta span{margin:0 7px;color:#a4afa7}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:6px 9px;border-radius:20px;white-space:nowrap;min-width:94px;justify-content:center}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.needs-review{color:#806020;background:#fbf5e8}.status-badge.passed{color:#3f714b;background:#edf6ee}.status-badge.failed{color:#954c42;background:#f9efed}.run-date{width:125px;text-align:right;font-size:10px;color:#58675d}.row-arrow{color:#839087;font-size:19px;margin-left:3px}.detail-panel{margin:10px 16px 16px;border:1px solid #e9ede9;border-radius:6px;background:#fcfdfb;padding:16px 17px 12px}.detail-top{display:flex;justify-content:space-between;align-items:flex-start}.detail-kicker{font-size:8px;letter-spacing:1px;font-weight:700;color:#768279;margin-bottom:5px}.detail-kicker span{color:#88958c}.detail-top h3{font-size:14px;color:#2f4037;letter-spacing:-.3px;margin:0;font-weight:700}.inspect-button{background:#355943;border:0;border-radius:5px;padding:8px 11px;color:#fff;font-size:10px;font-weight:600}.inspect-button span{margin-left:7px;font-size:12px}.run-note{font-size:11px;line-height:1.55;color:#4d5e53;margin:10px 0 14px;max-width:700px}.detail-bottom{padding-top:11px;border-top:1px solid #ebefeb;display:flex;align-items:center;gap:0}.detail-metric{display:flex;flex-direction:column;gap:5px;padding-right:23px;margin-right:20px;border-right:1px solid #e6ebe6}.detail-metric span{font-size:8px;letter-spacing:.8px;color:#77847b;font-weight:700}.detail-metric b{font-size:10px;color:#3e4e44;font-weight:600;white-space:nowrap}.detail-by{margin-left:auto;display:flex;align-items:center;gap:7px}.mini-avatar{width:24px;height:24px;font-size:8px}.detail-by>span{display:flex;flex-direction:column;gap:3px}.detail-by b{font-size:9px;color:#46564b;font-weight:600}.detail-by small{font-size:8px;color:#77837a}.previews{margin-top:21px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e9e5;border-radius:7px;padding:13px 15px;background:#fff}.preview-copy{display:flex;align-items:flex-start;gap:9px}.preview-dot{width:7px;height:7px;border-radius:50%;background:#7b9a7d;margin-top:5px}.preview-copy b{font-size:10px;color:#3c4b42}.preview-copy p{margin:4px 0 0;font-size:9px;color:#718077}.preview-actions{display:flex;gap:7px}.preview-actions button{height:29px;background:#fff;border:1px solid #e4e9e4;border-radius:5px;padding:0 8px;font-size:9px;color:#526158;white-space:nowrap}.preview-actions button:hover{border-color:#b4c6b6;background:#f9fbf8}.preview-icon{font-size:12px;color:#58775e;margin-right:4px}.small-arrow{margin-left:5px;color:#78857d}.page-footer{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#758178}.page-footer b{color:#9ca89f;margin:0 4px}.state-card,.empty-card{min-height:205px;display:flex;align-items:center;justify-content:center;color:#526158;font-size:12px;position:relative}.state-card button{position:absolute;bottom:14px;right:16px;border:0;background:none;color:#385d42;text-decoration:underline;font-size:10px}.spinner{height:15px;width:15px;border:2px solid #dce7dd;border-top-color:#56815f;border-radius:50%;margin-right:9px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{gap:11px;color:#954c42}.error-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f8e9e6;font-weight:700}.error-state b{font-size:12px}.error-state p{font-size:10px;color:#68766d;margin:4px 0 0}.empty-card{flex-direction:column;text-align:center;padding:28px}.empty-symbol{font-size:23px;color:#68866d;width:42px;height:42px;display:grid;place-items:center;background:#eff5ef;border-radius:50%;margin-bottom:11px}.empty-card h3{font-size:13px;margin:0 0 6px;color:#34453b;font-weight:700}.empty-card p{font-size:10px;color:#647168;margin:0 0 13px}.clear-button{background:white;border:1px solid #dce5dc;border-radius:5px;color:#3c6245;padding:7px 12px;font-size:10px;font-weight:600}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8eb695;outline-offset:2px}@media(max-width:900px){.sidebar{width:200px}.main-content{margin-left:200px}.page-wrap{padding:32px 25px}.topbar{padding:0 25px}.detail-metric{padding-right:12px;margin-right:12px}.previews{align-items:flex-start;gap:12px;flex-direction:column}.preview-actions{flex-wrap:wrap}}@media(max-width:620px){.sidebar{position:static;width:auto;height:58px;padding:0 16px;flex-direction:row;align-items:center}.brand{padding:0}.workspace,.nav-label,.nav-links,.sidebar-bottom{display:none}.main-content{margin:0}.topbar{height:48px;padding:0 17px}.top-actions{gap:10px}.page-wrap{padding:26px 15px}.page-heading{align-items:flex-start;gap:12px}.new-run{font-size:0;padding:0 10px}.new-run span{font-size:18px;margin:0}.eyebrow{font-size:8px}h1{font-size:24px}.subtitle{font-size:12px}.summary-strip{margin-bottom:21px}.list-toolbar{padding:0 11px}.filters{gap:5px}.filter-label{display:none}.filters select{min-width:94px}.filter-button span{display:none}.run-list{padding:3px 6px 0}.run-row{gap:8px;padding:0 6px;min-height:67px}.run-glyph{width:26px;height:26px}.run-primary{min-width:90px}.run-name{font-size:10px}.run-meta{font-size:8px}.status-badge{font-size:8px;padding:4px 6px;min-width:0}.run-date{display:none}.row-arrow{margin-left:0}.detail-panel{margin:8px 9px 10px;padding:13px 12px}.detail-bottom{flex-wrap:wrap;row-gap:12px}.detail-metric{padding-right:10px;margin-right:10px}.detail-metric:nth-child(3){border-right:0}.detail-by{margin-left:0;width:100%}.previews{padding:12px}.preview-actions button{font-size:8px;padding:0 6px}.page-footer{font-size:8px}.summary-date{font-size:8px!important}.state-card,.empty-card{min-height:190px}}