.instance-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,opacity .3s}.instance-card:hover{border-color:var(--accent)}.instance-card.deleting{opacity:.5;pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-name{font-size:15px;font-weight:600;color:var(--text);word-break:break-all}.status-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.status-running{background:#4caf8226;color:var(--green);border:1px solid rgba(76,175,130,.3)}.status-restarting{background:#6c63ff26;color:var(--accent);border:1px solid rgba(108,99,255,.3)}.status-exited{background:#e0a44a26;color:var(--yellow);border:1px solid rgba(224,164,74,.3)}.status-unknown{background:#7b80a026;color:var(--text-muted);border:1px solid rgba(123,128,160,.2)}.card-url{font-size:12px;color:var(--accent);text-decoration:none;word-break:break-all}.card-url:hover{text-decoration:underline}.card-error{font-size:12px;color:var(--danger)}.card-actions{margin-top:auto;display:flex;align-items:center}.btn-danger-outline{background:transparent;border:1px solid rgba(224,92,92,.4);color:var(--danger);font-size:13px;padding:6px 14px}.btn-danger-outline:hover:not(:disabled){background:#e05c5c1a;border-color:var(--danger)}.btn-danger{background:var(--danger);color:#fff;font-size:13px;padding:6px 14px}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-secondary{background:var(--surface2);color:var(--text-muted);font-size:13px;padding:6px 14px;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.confirm-row{display:flex;align-items:center;gap:8px}.confirm-text{font-size:13px;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;box-shadow:0 24px 64px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h3{font-size:16px;font-weight:600}.modal-close{background:none;color:var(--text-muted);font-size:20px;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--text-muted)}.field-error{font-size:12px;color:var(--danger)}.field-hint{font-size:12px;color:var(--text-muted)}.field-hint strong{color:var(--accent)}.form-error{font-size:13px;color:var(--danger);background:#e05c5c14;border:1px solid rgba(224,92,92,.2);border-radius:6px;padding:10px 12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.instance-list{max-width:1100px;margin:0 auto;padding:32px 24px}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.list-meta{display:flex;align-items:baseline;gap:16px}.list-meta h2{font-size:20px;font-weight:600;color:var(--text)}.last-refresh{font-size:12px;color:var(--text-muted)}.btn-primary{background:var(--accent);color:#fff;font-weight:500}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-text{background:none;color:var(--accent);padding:4px 8px;text-decoration:underline}.error-banner{background:#e05c5c1f;border:1px solid rgba(224,92,92,.3);border-radius:var(--radius);color:var(--danger);padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.empty-state{text-align:center;padding:80px 24px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-title{font-size:16px;font-weight:500;color:var(--text)}.empty-sub{font-size:14px;max-width:320px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:22px;color:var(--accent)}.logo-text{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.app-main{flex:1}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3250;--accent: #6c63ff;--accent-hover: #5a52e0;--danger: #e05c5c;--danger-hover: #c94a4a;--text: #e8eaf0;--text-muted: #7b80a0;--green: #4caf82;--yellow: #e0a44a;--radius: 8px;--font: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;min-height:100vh}button{cursor:pointer;font-family:var(--font);font-size:14px;border:none;border-radius:var(--radius);padding:8px 16px;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:var(--font);font-size:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px;outline:none;width:100%;transition:border-color .15s}input:focus{border-color:var(--accent)}input.error{border-color:var(--danger)}