body{background:var(--bg,#17343d);color:var(--text,#ecf3f5)}main{max-width:1440px;margin:auto;padding:24px}header{gap:20px}header button{margin-left:auto}.admin-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.admin-title h1{font-size:32px;letter-spacing:normal}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:12px;border-left:2px solid #56c9c8}.metric strong{display:block;font-size:23px}.metric small{display:block;color:#b7cbd0;margin-top:6px}.admin-filters{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.admin-filters h2{margin-right:auto;font-size:20px}.admin-filters input,.admin-filters select{margin-top:6px}.workspace{border-top:1px solid #4c6870;margin-top:24px;padding-top:18px}.workspace h3{margin:0 0 8px}.admin-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:16px}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid #38535d;vertical-align:top}.admin-table th{color:#b9cdd2;font-size:12px}.admin-table a,#runDetail a{color:#85e2e0;text-decoration:underline}.admin-table td:first-child{min-width:230px}.error-code{overflow-wrap:anywhere;color:#ffc2a8}.run-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.run-grid dl{display:grid;grid-template-columns:120px 1fr;gap:8px}.run-grid dd{margin:0;overflow-wrap:anywhere}.run-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:320px;overflow:auto}.diagnosis{border-left:3px solid #f3b985;padding:0 18px}.run-heading{display:flex;justify-content:space-between;gap:16px}#runDetail:focus{outline:2px solid #85e2e0}.admin-import{font-size:14px;color:#c5d9df;margin:6px 0}.admin-title p{font-size:13px;color:#b9cdd2}@media(max-width:800px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.run-grid{grid-template-columns:1fr}.admin-title{display:block}main{padding:12px}.panel{padding:16px}.admin-filters label{width:100%}.admin-filters input,.admin-filters select{width:100%}}

header .brand{font-family:inherit;letter-spacing:normal}#runDetail>dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px}#runDetail>dl dd{margin:0;overflow-wrap:anywhere}
header .brand span{font-family:inherit;letter-spacing:.04em}@media(max-width:600px){header>span{display:none}header{padding:0 12px;gap:8px}.metric strong{font-size:20px}}
.metrics .metric{border-top:3px solid #65c4fa;border-left:0}.metrics [data-kind="service-cpu"],.metrics [data-kind="host-load"]{border-top-color:#cba4ff}.metrics [data-kind="queue"]{border-top-color:#efc770}.metrics [data-kind="disk-available"],.metrics [data-kind="host-memory"]{border-top-color:#64d2b0}.metrics [data-kind="web-requests"]{border-top-color:#f5a785}.resource-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.resource-chart{background:#152632;border:1px solid #405362;border-radius:8px;padding:16px;color:#65c4fa}.resource-chart:nth-child(2){color:#cba4ff}.resource-chart:nth-child(3){color:#64d2b0}.resource-chart h3{font-size:15px;margin:0}.resource-chart svg{width:100%;height:130px}.resource-chart p{min-height:40px}.workspace{padding:14px;border:1px solid #405362;border-radius:8px;margin:12px 0}.workspace>summary{cursor:pointer;font-weight:600;padding:8px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.pagination span{font-size:13px}.admin-table .error-code{color:#ffaaa0}@media(max-width:800px){.resource-charts{grid-template-columns:1fr}}
html[data-color-theme] #metrics.metrics .metric{border-top-color:#65c4fa!important}html[data-color-theme] #metrics.metrics [data-kind="service-cpu"],html[data-color-theme] #metrics.metrics [data-kind="web-process-cpu"],html[data-color-theme] #metrics.metrics [data-kind="host-load"]{border-top-color:#cba4ff!important}html[data-color-theme] #metrics.metrics [data-kind="queue"]{border-top-color:#efc770!important}html[data-color-theme] #metrics.metrics [data-kind="disk-available"],html[data-color-theme] #metrics.metrics [data-kind="host-memory"]{border-top-color:#64d2b0!important}html[data-color-theme] #metrics.metrics [data-kind="web-requests"]{border-top-color:#f5a785!important}.metric strong{color:#94d4fa}.metric[data-kind="queue"] strong{color:#efc770}.metric[data-kind="host-memory"] strong,.metric[data-kind="disk-available"] strong{color:#64d2b0}.status-done{color:#64d2b0}.status-error{color:#ffaaa0}.status-queued{color:#efc770}.status-running{color:#94d4fa}

.run-duration{margin-top:5px;font-weight:600;color:#94d4fa;font-variant-numeric:tabular-nums;white-space:nowrap}
