@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#172235;background:#f4f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}aside{width:248px;background:#08111f;color:#c3ccda;display:flex;flex-direction:column;padding:28px 16px;position:fixed;height:100vh}.logo{font-size:20px;color:#fff;font-weight:700;letter-spacing:-.03em;padding:0 14px 34px}.logo span{color:#64dbb0;margin-right:8px}.workspace,.side-note{border:1px solid #263346;border-radius:10px;padding:12px 14px;margin:0 6px 28px}.workspace small,.side-note small{display:block;color:#718098;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.workspace b,.side-note b{display:block;color:#fff;font-size:12px}.workspace i{font-style:normal;color:#64dbb0;font-size:10px;display:block;margin-top:7px}.side-note{margin-top:auto;margin-bottom:0}.side-note span{font-size:11px;color:#718098}.app nav{display:grid;gap:3px}.app nav button{background:transparent;color:#8591a6;border:0;border-radius:7px;text-align:left;padding:11px 14px;font-weight:500}.app nav button span{display:inline-block;width:27px;color:#718098;font-size:16px}.app nav button.active,.app nav button:hover{background:#18263a;color:#fff}.app nav button.active span{color:#64dbb0}main{margin-left:248px;flex:1;min-width:0}header{height:94px;background:#fff;border-bottom:1px solid #e2e8f0;padding:23px 42px;display:flex;justify-content:space-between;align-items:center}.crumb,.eyebrow{font-family:DM Mono,monospace;font-size:10px;color:#7c8ba0;letter-spacing:.1em}.crumb{color:#91a0b4}header h1{font-size:19px;margin:5px 0 0;letter-spacing:-.03em}.header-actions{display:flex;gap:20px;align-items:center}.live{font-size:12px;color:#61728b}.live i{display:inline-block;width:7px;height:7px;background:#47c494;border-radius:50%;margin-right:7px}.icon{border:1px solid #e1e7ef;background:#fff;border-radius:7px;padding:7px 10px}.content{padding:38px 42px;max-width:1400px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.welcome h2,.page-title h2{font-size:28px;letter-spacing:-.05em;margin:7px 0}.welcome p,.page-title p{color:#75849a;margin:0;max-width:660px}.status{font-size:10px;letter-spacing:.08em;font-family:DM Mono,monospace;padding:6px 9px;border-radius:5px;background:#e9eef4;color:#5c6c80}.status.completed,.status.compliant,.status.success{background:#e1f8ed;color:#218663}.status.warning{background:#fff4dc;color:#aa7514}.status.violation,.status.failed{background:#ffe8e5;color:#b64e49}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:22px}.metric,.card{background:#fff;border:1px solid #e3e9f0;border-radius:10px}.metric{padding:16px}.metric-top{display:flex;justify-content:space-between}.metric small{color:#7a899d;font-size:11px}.metric-top span{color:#aeb9c7}.metric strong{display:block;font-size:25px;letter-spacing:-.05em;margin:13px 0 3px}.metric em{font-style:normal;color:#9aa7b8;font-size:10px}.green{color:#30a477!important}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{padding:21px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card h3{margin:0;font-size:14px;letter-spacing:-.02em}.muted{color:#8795a8;font-size:11px}.chart{height:220px}.rows{display:grid;gap:17px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.row b{font-weight:600;font-size:12px}.row span{font-family:DM Mono,monospace;font-size:11px;color:#697992;white-space:nowrap}.bar{width:210px;background:#edf2f7;height:5px;margin-top:8px;border-radius:9px}.bar i{background:#4c7af4;display:block;height:100%;border-radius:9px}.target{gap:0}.target .row{padding:11px 0;border-bottom:1px solid #edf1f5}.target .row:last-child{border:0}.target small{display:block;color:#98a4b4;font-size:10px;margin-top:3px}.bad{color:#cc5e58!important}.empty{text-align:center;background:#fff;border:1px dashed #d3dce7;border-radius:12px;padding:85px 20px;max-width:700px;margin:65px auto}.empty.small{padding:30px}.empty-icon{font-size:45px;color:#7e8ef5}.empty h2{margin:9px 0 7px;font-size:20px}.empty p{color:#8795a8;margin:0 0 22px}.primary{background:#1d66f5;border:0;color:#fff;border-radius:7px;padding:11px 17px;font-weight:600}.primary:disabled{opacity:.45;cursor:not-allowed}.page-wrap{max-width:1100px}.page-title{margin-bottom:28px}.page-title .eyebrow{color:#3d6fee}.upload-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.drop{text-align:center;padding:54px 35px}.drop-icon{font-size:31px;color:#3275f5}.drop p{max-width:430px;margin:10px auto 22px;color:#8795a8;line-height:1.7}.drop input{max-width:300px;margin:0 auto 18px;font-size:11px}.file-pill{background:#f0f5ff;border:1px solid #dce8ff;color:#4564a1;padding:9px;border-radius:7px;text-align:left;margin-bottom:14px}.file-pill span{float:right;color:#94a1b5}.drop .primary{display:block;margin:0 auto 12px}.download{color:#3670e7;font-size:11px;text-decoration:none}.pipeline{padding:30px}.step{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f5}.step:last-child{border:0}.step>b{background:#eaf0ff;color:#4774db;border-radius:6px;padding:7px 8px;font-family:DM Mono;font-size:10px;height:fit-content}.step strong,.step span{display:block}.step strong{font-size:12px}.step span{color:#8b98aa;font-size:11px;margin-top:4px}.stage-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;background:#0d1c30;color:#fff;padding:22px;border-radius:10px;margin-bottom:18px;align-items:center}.stage-flow>div{padding:8px 13px}.stage-flow b,.stage-flow span{display:block;color:#85a0bd;font-family:DM Mono;font-size:9px}.stage-flow strong{display:block;font-size:24px;margin:6px 0}.stage-flow i{color:#64dbb0;text-align:center}.code{background:#0b1524;color:#98e5c6;padding:20px;border-radius:7px;font:11px/1.5 DM Mono;max-height:240px;overflow:auto;white-space:pre-wrap}.form-card{max-width:650px;display:grid;gap:17px}.form-card label{font-size:12px;font-weight:600}.form-card input{display:block;width:100%;margin-top:7px;border:1px solid #dce3ec;border-radius:6px;padding:10px;background:#fbfcfe}.form-card .primary{width:max-content;margin-top:6px}.sla-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 22px;border-radius:9px;margin-bottom:18px}.sla-banner.compliant{background:#e1f8ed;color:#1e7457}.sla-banner.warning{background:#fff4dc;color:#946516}.sla-banner.violation{background:#ffe8e5;color:#a74641}.sla-banner span,.sla-banner strong{display:block}.sla-banner strong{font-size:22px;margin-top:4px}.sla-banner p{font-size:12px;max-width:600px;margin:0}.violations{list-style:none;margin:0;padding:0}.violations li{padding:13px 0;border-bottom:1px solid #edf1f5}.violations b{display:block;font-size:11px;color:#bf5751}.violations span{font-size:12px;color:#6e7e93}.loading{color:#7c8ba0}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8594a8;font:10px DM Mono;text-transform:uppercase;letter-spacing:.07em;padding:10px;border-bottom:1px solid #e5ebf1}td{padding:13px 10px;border-bottom:1px solid #edf1f5;color:#64748a}td b{color:#25344a}td small{display:block;color:#a0acba;font-size:10px;margin-top:3px}.architecture{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:30px;margin-bottom:18px}.arch-node{padding:16px 32px;border-radius:8px;text-align:center;font-weight:700;width:330px}.arch-node small{font-weight:400;display:block;margin-top:5px}.user{border:1px solid #ccd7e5;color:#53657b}.frontend{background:#edf3ff;color:#3269d8}.compute{background:#e1f8ed;color:#227e5f}.arrow{font:11px DM Mono;color:#8291a4;padding:12px}.branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;width:100%}.branches div{border:1px solid #e2e8f0;border-radius:8px;padding:15px}.branches b{color:#4774db;display:block;font-family:DM Mono}.branches span{display:block;color:#7f8da0;font-size:11px;margin-top:5px}.toast{position:fixed;right:28px;top:24px;background:#16273e;color:#fff;padding:12px 17px;border-radius:7px;z-index:4;font-size:12px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}.grid-two,.upload-grid{grid-template-columns:1fr}}@media(max-width:700px){aside{width:64px;padding:18px 8px}.logo{font-size:0;padding:0 8px 25px}.logo span{font-size:20px}.workspace,.side-note,.app nav button:not(.active):after{display:none}.app nav button{font-size:0;text-align:center;padding:11px 6px}.app nav button span{width:auto;font-size:18px}main{margin-left:64px}header{padding:18px;height:78px}.content{padding:25px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.stage-flow{grid-template-columns:1fr;gap:4px}.stage-flow>i{transform:rotate(90deg)}.stage-flow>div{text-align:center}.branches{grid-template-columns:1fr}.header-actions{gap:6px}.live{display:none}}