:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#111;background-color:#f4f4f2;font-family:DM Sans,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0}.topbar{z-index:100;background:#111;justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar img{filter:brightness(0)invert();height:30px}.topbar-divider{background:#444;width:1px;height:20px}.topbar-title{color:#aaa;letter-spacing:.04em;font-size:13px}.topbar a{color:#666;letter-spacing:.04em;font-size:12px;text-decoration:none}.topbar a:hover{color:#fff}.hero{background:url(/Spike-Reply-Gradient_Yellow_16_9.png) 50% 30%/cover no-repeat;padding:3rem 2rem 2.5rem;position:relative}.hero:after{content:"";background:linear-gradient(#ffffff1a,#fff9);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero h1{color:#111;letter-spacing:-.02em;font-size:26px;font-weight:300}.hero p{color:#555;margin-top:4px;font-size:13px}.main{max-width:960px;margin:0 auto;padding:1.5rem 2rem}.stats{background:#e0e0de;border:1px solid #e0e0de;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:1.5rem;display:grid;overflow:hidden}.stat{background:#fff;padding:1.25rem 1.5rem}.stat .label{text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:6px;font-size:11px}.stat .value{letter-spacing:-.02em;font-size:28px;font-weight:300}.section{background:#fff;border:1px solid #e0e0de;border-radius:4px;margin-bottom:1.5rem;overflow:hidden}.section-header{border-bottom:1px solid #f0f0ee;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:11px;font-weight:500}.section-body{padding:1.25rem 1.5rem}.deploy-row{gap:8px;display:flex}.deploy-row input{color:#000;background:#fafafa;border:1px solid #ddd;border-radius:2px;outline:none;flex:1;padding:9px 12px;font-size:14px}.deploy-row input:focus{background:#fff;border-color:#111}.btn{letter-spacing:.04em;cursor:pointer;color:#111;background:#fff;border:1px solid #ddd;border-radius:2px;padding:9px 18px;font-size:12px;transition:all .15s}.btn:hover{background:#f5f5f5}.btn-dark{color:#fff;background:#111;border-color:#111}.btn-dark:hover{background:#333}.btn-danger{color:#c0392b;border-color:#eee}.btn-danger:hover{background:#fdf0f0;border-color:#f5c6cb}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#bbb;border-bottom:1px solid #f0f0ee;padding:0 0 10px;font-size:11px;font-weight:500}td{vertical-align:middle;border-bottom:1px solid #f7f7f5;padding:13px 0}tr:last-child td{border-bottom:none}.badge{letter-spacing:.03em;border-radius:2px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px}.badge-green{color:#2e7d32;background:#e8f5e9}.badge-green:before{background:#43a047}.badge-red{color:#c0392b;background:#fce8e6}.badge-red:before{background:#e53935}.actions{gap:6px;display:flex}.customer-name{font-size:14px;font-weight:500}.creds{color:#bbb;letter-spacing:.02em;margin-top:3px;font-family:monospace;font-size:11px}.url-link{color:#444;font-size:12px;text-decoration:none}.url-link:hover{color:#111;text-decoration:underline}.empty{color:#bbb;padding:1rem 0;font-size:13px}.log{color:#555;text-align:left;font-family:monospace;font-size:12px;line-height:2.2}.log div{align-items:center;gap:8px;display:flex}.log div:before{content:"›";color:#ccc;font-size:16px}.status{color:#888;align-items:center;gap:8px;margin-top:1rem;font-size:14px;display:flex}.done{color:#2e7d32;font-weight:500}.error-text{color:#c0392b;font-weight:500}.cred-box{color:#444;background:#f9f9f7;border:1px solid #eee;border-radius:2px;margin-top:1rem;padding:1rem 1.25rem;font-family:monospace;font-size:12px;line-height:2.2}.cred-box strong{color:#111;font-weight:500}.spinner{border:2px solid #eee;border-top-color:#111;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.btn-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}