@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{color:#d9f5ef;--teal:#26e0c2;--line:#123b39;--panel:#071416;--muted:#6c9290;background:#03090b;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 5%,#0a2d2b 0,#0000 31%),linear-gradient(#03090b,#061012);min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{background:linear-gradient(#071819,#040b0d);border-right:1px solid #17423f;flex-direction:column;width:245px;height:100vh;padding:26px 18px;display:flex;position:fixed}.brand{border-bottom:1px solid #12312f;align-items:center;gap:13px;padding:0 7px 28px;display:flex}.brand>svg{border:1px solid var(--teal);width:38px;height:38px;color:var(--teal);filter:drop-shadow(0 0 9px #1ce0be88);padding:9px}.brand b,.brand span{font-family:Chakra Petch;display:block}.brand b{letter-spacing:.08em;font-size:19px}.brand span{letter-spacing:.22em;color:#69a49f;margin-top:3px;font-size:9px}nav{padding-top:30px}nav a{color:#6f9895;letter-spacing:.06em;border:1px solid #0000;align-items:center;gap:12px;padding:13px;font:600 12px Chakra Petch;text-decoration:none;display:flex}nav a svg{width:17px}.active{box-shadow:inset 3px 0 var(--teal);color:#bffff4!important;background:#0b2524!important;border-color:#1b514d!important}.command{color:#aac6c3;border:1px solid #21413f;gap:10px;margin-top:auto;padding:12px;font:600 12px Chakra Petch;text-decoration:none;display:flex}.command span,.command small{display:block}.command small{color:#567b78;letter-spacing:.12em;margin-top:2px;font-size:8px}main{grid-column:2;min-width:0}main>header{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040c0ee8;border-bottom:1px solid #12312f;justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex;position:sticky;top:0}main>header small{letter-spacing:.18em;color:#51817e;font:600 9px Chakra Petch}h1{margin:4px 0 0;font:600 20px Chakra Petch}.live{letter-spacing:.12em;color:#7cd6c9;align-items:center;gap:7px;font:600 9px Chakra Petch;display:flex}.live svg{width:14px}.live i{background:var(--teal);width:6px;height:6px;box-shadow:0 0 9px var(--teal);border-radius:50%}.hero{border-bottom:1px solid #0d2827;justify-content:space-between;align-items:center;padding:52px 55px 35px;display:flex}.hero span,.panel header span{letter-spacing:.22em;color:var(--teal);font:600 9px Chakra Petch}.hero h2{letter-spacing:-.03em;margin:12px 0;font:600 45px/1.04 Chakra Petch}.hero p{color:#789b98;max-width:710px;font-size:13px;line-height:1.7}.pulse{background:#09201f;border:1px solid #1c625b;align-content:center;place-items:center;width:150px;height:150px;display:grid;transform:rotate(45deg);box-shadow:0 0 60px #13c9ad18,inset 0 0 35px #13c9ad12}.pulse>*{transform:rotate(-45deg)}.pulse svg{color:var(--teal)}.pulse b{margin:6px;font:600 31px Chakra Petch}.pulse span{font-size:7px}.grid{grid-template-columns:minmax(330px,430px) 1fr;gap:20px;padding:25px 38px;display:grid}.panel{background:linear-gradient(145deg,#091719,#061012);border:1px solid #16423f;box-shadow:0 18px 60px #0008}.panel>header{border-bottom:1px solid #133532;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel h3{margin:4px 0;font:600 19px Chakra Petch}.panel header svg{width:18px;color:var(--teal)}.plan{padding-bottom:20px}.plan label{color:#769b98;text-transform:uppercase;letter-spacing:.1em;margin:17px 20px 0;font-size:10px;display:block}.plan input,.plan select,.plan textarea{background:#061113;border:1px solid #1a4a46;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.plan input:focus,.plan select:focus,.plan textarea:focus{border-color:var(--teal);box-shadow:0 0 12px #23d9bd19}.two{grid-template-columns:1fr 1fr;display:grid}.plan>button,.actions button{color:#c9fff5;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#0c3d38;border:1px solid #2dd8bd;align-items:center;gap:9px;margin:18px 20px 0;padding:11px 15px;font:600 10px Chakra Petch;display:flex}.plan>button svg,.actions svg{width:15px}.icon{cursor:pointer;background:0 0;border:0}.plans{max-height:500px;overflow:auto}.plans article{cursor:pointer;border-bottom:1px solid #102d2b;grid-template-columns:5px 1fr auto 18px;align-items:center;gap:14px;padding:15px 18px;display:grid}.plans article:hover,.plans article.selected{background:#0a2220}.status{background:#42615e;height:38px}.status.running,.status.rolling_back{background:var(--teal);box-shadow:0 0 10px var(--teal)}.plans small,.plans b,.plans span{display:block}.plans small{color:#4f827e;letter-spacing:.1em;font:600 8px Chakra Petch}.plans b{margin:4px 0;font:600 14px Chakra Petch}.plans span{color:#6a8d8a;font-size:10px}.plans em{text-transform:uppercase;color:#81b0ac;font:600 8px Chakra Petch}.plans svg{color:#436e6a;width:14px}.empty{color:var(--muted);text-align:center;padding:50px}.detail{margin:0 38px 25px;padding-bottom:20px}.detail h3 i{color:var(--teal);font-style:normal}.detail header a{text-transform:uppercase;color:var(--teal);font:600 9px Chakra Petch}.detail header a.disabled{pointer-events:none;opacity:.35}.detail>p{color:#8cacaa;white-space:pre-wrap;margin:20px}.release-monitor{background:#17433f;border:1px solid #17433f;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 20px 16px;display:grid}.release-monitor>div{background:#071516;padding:13px}.release-monitor span,.release-monitor b{display:block}.release-monitor span{letter-spacing:.12em;color:#558c87;font:600 8px Chakra Petch}.release-monitor b{color:#b8fff3;text-transform:uppercase;margin-top:5px;font:600 13px Chakra Petch}.actions{display:flex}.actions button{margin-top:4px}.actions .danger{color:#ffd7dc;background:#3c151b;border-color:#c85562}.actions button:disabled{opacity:.35}.error{color:#ffc8ce;background:#351219;border:1px solid #a9424f;margin:20px 38px 0;padding:12px}.footer{background:#153532;border:1px solid #153532;grid-template-columns:repeat(3,1fr);gap:1px;margin:35px 38px;display:grid}.footer span{color:#5f8885;text-align:center;background:#071213;padding:16px;font-size:10px}@media (width<=900px){.shell{display:block}aside{display:none}main{grid-column:1}.grid{grid-template-columns:1fr}.hero{padding:35px 22px}.hero h2{font-size:33px}.pulse{display:none}.grid,.detail{margin:0;padding:18px}.detail{margin:18px}.footer{grid-template-columns:1fr;margin:18px}main>header{padding:0 20px}.live{display:none}}