:root{--bg: #f3efe7;--bg-strong: #e9e1d3;--surface: rgba(255, 255, 255, .72);--surface-strong: #fffdf8;--surface-border: rgba(27, 31, 35, .08);--text: #17202a;--muted: #5f6b76;--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .12);--danger: #b42318;--danger-soft: rgba(180, 35, 24, .1);--warn: #b45309;--warn-soft: rgba(180, 83, 9, .1);--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--info: #2563eb;--shadow: 0 18px 60px rgba(34, 34, 24, .08);--shadow-sm: 0 4px 16px rgba(34, 34, 24, .06);--radius-xl: 28px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--accent)}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(15,118,110,.1),transparent 28%),radial-gradient(circle at 85% 10%,rgba(180,131,24,.14),transparent 24%),linear-gradient(180deg,#f7f3eb 0%,var(--bg) 100%);color:var(--text);font-family:IBM Plex Sans,Aptos,Segoe UI Variable,sans-serif;font-size:15px}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{padding:28px}.panel{background:var(--surface);backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--muted)}.button{border:0;border-radius:999px;padding:.72rem 1.15rem;background:var(--text);color:#fff;font-weight:500;font-size:.875rem;line-height:1;transition:transform .12s ease,opacity .12s ease,background .12s ease,box-shadow .12s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button:active:not(:disabled){transform:translateY(0);box-shadow:none}.button:disabled{opacity:.45;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button.ghost{background:transparent;color:var(--text);border:1px solid var(--surface-border)}.button.danger{background:var(--danger-soft);color:var(--danger)}.field{display:grid;gap:.42rem}.field label{font-size:.85rem;font-weight:500;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(23,32,42,.14);background:#ffffffdb;border-radius:var(--radius-sm);padding:.82rem .95rem;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.field textarea{min-height:120px;resize:vertical}.status-pill{display:inline-flex;align-items:center;gap:.35em;border-radius:999px;padding:.35rem .68rem;font-size:.76rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-pill:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.75}.status-pill.active,.status-pill.done{background:#22c55e1f;color:#166534}.status-pill.blocked,.status-pill.error{background:#dc26261f;color:#991b1b}.status-pill.pending,.status-pill.provisioning,.status-pill.running,.status-pill.syncing{background:#f59e0b24;color:var(--warn)}.status-pill.degraded,.status-pill.deleted{background:#64748b24;color:#334155}.muted{color:var(--muted)}.split-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.data-list{display:grid;gap:12px}.data-item{padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff9e;transition:background .12s ease}.data-item header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.actions-row{display:flex;flex-wrap:wrap;gap:8px}.mono{font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.875em}@media (max-width: 980px){.page-shell{padding:18px}.split-grid{grid-template-columns:1fr}}
