:root{color:#1c241f;background:#f4f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#1d5f43;color:#fff;padding:.7rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.secondary{background:#e6ebe5;color:#1c241f}.text-button{background:transparent;color:#1d5f43;padding-inline:.25rem}.shell{max-width:1060px;margin:0 auto;padding:64px 24px}.narrow{max-width:520px;min-height:100vh;display:grid;place-items:center}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.actions,.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:8px;border-bottom:1px solid #dfe5dd;margin-bottom:20px}.tab{background:transparent;color:#68746d;border-radius:10px 10px 0 0;padding:.75rem 1rem}.tab span{display:inline-grid;place-items:center;min-width:1.5rem;margin-left:.35rem;padding:.1rem .4rem;border-radius:99px;background:#e6ebe5;font-size:.78rem}.tab.active{background:#1d5f43;color:#fff}.tab.active span{background:#fff3;color:#fff}.eyebrow{color:#1d5f43;font-size:.75rem;font-weight:800;letter-spacing:.14em;margin:0 0 12px}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.98;letter-spacing:-.06em;margin-bottom:14px}h2{margin-bottom:6px;letter-spacing:-.03em}.muted{color:#68746d;line-height:1.55}.card{background:#fff;border:1px solid #dfe5dd;border-radius:18px;padding:24px;box-shadow:0 12px 30px #1b2f220f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.app-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px}.mono{color:#778279;font:.86rem ui-monospace,SFMono-Regular,Menlo,monospace}.status{border-radius:99px;padding:5px 9px;font-size:.75rem;font-weight:800;height:fit-content}.online{color:#1d5f43;background:#e2f2e7}.offline{color:#8b4a3a;background:#f8e7e1}.stack{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:700}input{border:1px solid #ccd7cc;border-radius:10px;padding:.75rem}.error{color:#9a3929}.banner{background:#f8e7e1;border-radius:10px;padding:12px 16px}.empty{grid-column:1 / -1}footer{margin-top:32px}a{color:#1d5f43;font-weight:700}@media(max-width:700px){.hero{align-items:flex-start;flex-direction:column}.shell{padding-top:36px}}