:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.5;font-weight:400;color:#162235;background:radial-gradient(circle at top left,rgba(72,141,255,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(63,201,176,.12),transparent 30%),linear-gradient(180deg,#fff,#f6faff 54%,#eef4fb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;border:1px solid rgba(22,34,53,.08);background:#fffffff5;box-shadow:0 18px 44px #3a526d2e;color:#16304f}.toast-error{border-color:#ff616147;color:#c54e42}.toast-warning{border-color:#f2b9394d;color:#8c6508}.panel-header h1,.hero-card h2,.table-header h3,.instance-head h4{margin:0}.panel-copy,.panel-note p,.instance-head p,.config-line span,.metric-tile span,.summary-card span,.usage-copy span{color:#1622359e}.eyebrow{margin:0 0 8px;color:#2b78e4;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.settings-form{display:grid;gap:16px;margin-top:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form label{display:grid;gap:8px}.settings-form input{width:100%;border:1px solid rgba(22,34,53,.12);background:#fffffff2;color:#162235;border-radius:14px;padding:14px 16px;outline:none}.settings-form input:focus{border-color:#2b78e473;box-shadow:0 0 0 4px #2b78e41f}.settings-actions,.action-row{display:flex;gap:12px;flex-wrap:wrap}.table-actions{display:flex;align-items:center;gap:12px}.table-actions .secondary{padding:8px 12px;font-size:12px;font-weight:700}button{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2b78e4,#31a9f5);color:#fff;font-weight:700;transition:transform .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.62;cursor:wait}button.secondary{background:#1622350f;color:#18304d}.settings-card,.hero-card,.summary-card,.table-card,.instance-card,.error-banner,.warn-banner{border:1px solid rgba(22,34,53,.08);background:#fffc;box-shadow:0 18px 44px #3a526d1f}.content{padding:28px;max-width:1440px;width:100%;margin:0 auto}.settings-card{padding:24px;border-radius:28px;margin-bottom:18px}.hero-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px;border-radius:28px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.summary-card{padding:20px;border-radius:24px}.summary-card strong{display:block;margin-top:10px;font-size:28px}.table-card{margin-top:18px;padding:22px;border-radius:28px}.table-header,.instance-head,.usage-copy,.config-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-pill,.state-badge{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.status-pill{background:#2b78e41a;color:#2b78e4}.status-pill.loading{animation:pulse 1.2s infinite}.instance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.instance-card{padding:20px;border-radius:24px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.metric-tile{padding:14px;border-radius:18px;background:#edf4fc}.metric-tile strong{display:block;margin-top:6px;font-size:18px}.config-list{display:grid;gap:10px;margin-top:18px}.config-line strong{text-align:right}.config-value{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.copy-button{padding:4px 10px;border-radius:999px;background:#2b78e41a;color:#2b78e4;font-size:12px;font-weight:700;flex:0 0 auto}.usage-panel{margin-top:18px}.usage-bar{height:10px;margin-top:10px;border-radius:999px;background:#16223514;overflow:hidden}.usage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52d6a7,#30c97b)}.usage-bar.warning span{background:linear-gradient(90deg,#ffbf66,#ff8a00)}.usage-bar.danger span{background:linear-gradient(90deg,#ff7a66,#ff4f4f)}.action-row{margin-top:18px}.state-running{background:#52d6a729;color:#19845f}.state-stopped{background:#ff7a6629;color:#cf5648}.state-pending,.state-starting,.state-stopping{background:#ffbf6629;color:#9e6700}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media(max-width:1080px){.settings-form{grid-template-columns:1fr}}@media(max-width:720px){.content{padding:18px}.hero-card,.summary-grid,.instance-grid{grid-template-columns:1fr}}