:root{color:#172033;background:#f5f7fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}.welcome{grid-template-columns:440px 1fr;min-height:100vh;display:grid}.welcome-copy{color:#fff;background:#1d293b;flex-direction:column;justify-content:space-between;padding:42px;display:flex}.brand{font-size:20px;font-weight:800}.welcome-copy h1{margin:0 0 22px;font-size:42px;line-height:1.04}.welcome-copy p,.preview-card p,.login p,.page-title p{color:#94a3b8;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.actions button,.login button{color:#fff;cursor:pointer;background:#2878e3;border:0;border-radius:10px;padding:13px 17px;font-weight:750}.actions a{color:#e2e8f0;background:#334155;border-radius:10px;align-items:center;gap:7px;padding:13px 17px;font-weight:700;text-decoration:none;display:flex}.welcome-preview{align-items:center;padding:8vw;display:flex}.preview-card,.release,.metrics,.empty{background:#fff;border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 12px 34px #25334d0b}.preview-card{width:min(650px,100%);padding:34px}.preview-card>span{color:#687386;margin-left:10px}.preview-card h2{font-size:28px}.shade{z-index:2;background:#11182799;position:fixed;inset:0}.login{z-index:3;background:#fff;border-radius:16px;width:min(410px,100% - 32px);padding:30px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0003}.login h2{margin:0}.login label{margin-top:14px;font-weight:650;display:block}.login input{border:1px solid #d8dee8;border-radius:9px;width:100%;margin-top:6px;padding:12px;display:block}.error{color:#b42318;min-height:34px;padding-top:8px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.shell aside{color:#fff;background:#1d293b;flex-direction:column;gap:32px;padding:26px 18px;display:flex}.shell aside a{color:#94a3b8;margin-top:auto;text-decoration:none}.nav-active{background:#334155;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.content{width:100%;max-width:1180px;padding:42px}.page-title h1{margin:0;font-size:34px}.metrics{grid-template-columns:repeat(3,1fr);margin:26px 0;display:grid}.metrics div{color:#687386;border-right:1px solid #e1e6ee;padding:20px}.metrics div:last-child{border:0}.metrics b{color:#172033;margin-top:5px;font-size:28px;display:block}.release{margin:12px 0;padding:22px}.release header{justify-content:space-between;gap:18px;display:flex}.release h3{margin:0}.release header p{color:#687386;margin:7px 0}.pill{color:#1763c5;background:#eaf2ff;border-radius:20px;height:max-content;padding:6px 10px;font-size:13px;font-weight:750}.pill.failed{color:#b42318;background:#fef0ed}.pill.succeeded{color:#287a50;background:#eaf8f0}.bar{background:#e8edf4;border-radius:8px;height:6px;margin:16px 0;overflow:hidden}.bar i{background:#2878e3;border-radius:8px;height:100%;transition:width .35s;display:block}.stages{gap:9px;display:grid}.stage{color:#7b8595;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;display:grid}.stage svg{width:15px}.stage.running{color:#172033;font-weight:700}.stage.succeeded{color:#287a50}.stage.failed{color:#b42318}.stage small{font-weight:400}.disclosure{color:#b42318;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:16px;display:flex}.release pre{white-space:pre-wrap;color:#e2e8f0;background:#172033;border-radius:10px;max-height:320px;padding:16px;overflow:auto}.empty{text-align:center;color:#687386;padding:44px}@media (width<=800px){.welcome{grid-template-columns:1fr}.welcome-copy{min-height:65vh}.welcome-preview{padding:28px}.shell{grid-template-columns:1fr}.shell aside{display:none}.content{padding:24px}.metrics{grid-template-columns:1fr}.metrics div{border-bottom:1px solid #e1e6ee;border-right:0}.release header{display:block}.pill{display:inline-block}}