@font-face{font-family:Eau;src:url('../fonts/eau_douce_sans_regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Eau;src:url('../fonts/eau_douce_sans_bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#f4f6f6;--surface:#fff;--text:#2b2f33;--muted:#5f676d;--line:#d9e2e2;--primary:#2c6f73;--green:#699f76;--red:#b95050;font-family:Eau,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.55}.wrap{width:min(100% - 40px,960px);margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(244,246,246,.96)}.site-header .wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:20px;color:var(--text);text-decoration:none}.brand-logo{display:block;width:220px;height:auto}.brand span{font-size:1.3rem;font-weight:400}.main{min-height:calc(100vh - 150px);padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;color:var(--green)}h1{font-size:clamp(2.6rem,7vw,4.5rem);line-height:.95;margin:.3rem 0 1.25rem;letter-spacing:-.04em}h2,h3{margin-top:0}.lead{font-size:1.2rem;color:var(--muted);max-width:38rem}.login,.cancellation-form{max-width:570px}.login-form{display:grid;gap:.65rem;margin:2rem 0 1rem}label{font-weight:700}input{min-height:50px;border:1px solid #b8c5c5;border-radius:10px;padding:.6rem .8rem;font:inherit}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.7rem 1.1rem;border:0;border-radius:11px;background:var(--primary);color:#fff;text-decoration:none;font:700 1rem Eau,system-ui;cursor:pointer}.button:hover,.button:focus-visible{background:#245c60}.link-button{border:0;background:none;color:var(--primary);font:inherit;text-decoration:underline;cursor:pointer}.notice{padding:1rem 1.1rem;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.success{border-color:var(--green)}.error{border-color:var(--red)}.lifecycle{font-weight:700;color:var(--primary)}.lifecycle-ready,.runtime-operational{color:var(--green)}.lifecycle-cancellation_pending,.runtime-incident{color:var(--red)}.muted{color:var(--muted);font-size:.92rem}.site-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.9rem}.site-footer a,.cancellation-form a{color:var(--primary)}
.instance-list{display:grid;gap:10px;margin-top:2.2rem}.instance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px rgba(43,47,51,.04);overflow:hidden}.instance-row summary{grid-column:1;display:flex;align-items:center;gap:18px;min-height:70px;padding:14px 20px;cursor:pointer;list-style:none}.instance-row summary::-webkit-details-marker{display:none}.instance-row summary::before{content:'›';font-size:1.7rem;line-height:1;color:var(--primary);transition:transform .15s ease}.instance-row[open] summary::before{transform:rotate(90deg)}.instance-name{font-size:1.2rem;font-weight:700;overflow-wrap:anywhere}.status-icons{display:flex;gap:7px;margin-left:auto}.status-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef2f2;color:var(--muted);font-size:.9rem;font-weight:700}.status-icon.lifecycle-ready,.status-icon.runtime-operational{background:#e3f1e6;color:var(--green)}.status-icon.lifecycle-cancellation_pending,.status-icon.runtime-incident{background:#f7e4e4;color:var(--red)}.instance-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;padding:14px 18px 14px 0}.instance-actions form{margin:0}.icon-action{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--primary);cursor:pointer}.icon-action:hover,.icon-action:focus-visible{border-color:var(--primary);background:#edf5f5}.cancel-action{color:var(--red)}.icon-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.instance-details{grid-column:1/-1;padding:0 20px 20px;border-top:1px solid var(--line)}.instance-details dl,.cancellation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:18px 0 0}.instance-details dl div,.cancellation-details div{display:grid;gap:3px}.instance-details dt,.cancellation-details dt{font-size:.85rem;font-weight:700;color:var(--muted)}.instance-details dd,.cancellation-details dd{margin:0;font-weight:700}.instance-details small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.cancellation-details{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.danger-button{background:var(--red)}.danger-button:hover,.danger-button:focus-visible{background:#963f3f}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:520px){.main{padding:48px 0}.wrap{width:min(100% - 28px,960px)}.site-header .wrap{height:76px}.brand{gap:12px}.brand-logo{width:150px}.brand span{font-size:1.05rem}.instance-row summary{min-height:62px;padding:12px}.instance-actions{padding:12px 12px 12px 0}.instance-name{font-size:1rem}.status-icons{gap:4px}.status-icon{width:22px;height:22px}.instance-details{padding:0 12px 16px}}