@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #faf8f5;--surface: #ffffff;--surface-muted: #f4efe8;--border: #ddd5ca;--border-strong: #cbbda9;--text: #2f241b;--muted: #685c4f;--primary: #b45309;--primary-strong: #8f3f07;--success-bg: #e9f4ee;--success-text: #21543a;--error-bg: #f8e7e3;--error-text: #7f2f20;--danger: #8b3a2a;--warning-bg: #f9f0df;--warning-text: #80561a;--shadow: 0 2px 8px rgba(47, 36, 27, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Public Sans,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer;padding:10px 14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}button:hover:not(:disabled){background:var(--primary-strong)}button:disabled{cursor:not-allowed;opacity:.65}.button-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--surface-muted)}.button-danger{background:var(--danger)}.button-danger:hover:not(:disabled){background:#712d20}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid rgba(180,83,9,.16);outline-offset:0}label{display:grid;gap:6px;font-weight:600}p{margin:0}h1,h2,h3{margin:0;font-weight:600}.muted{color:var(--muted)}.app-shell{max-width:1240px;margin:0 auto;padding:24px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.app-header h1{font-size:28px;line-height:1.2;margin-bottom:4px}.header-actions{display:flex;align-items:center;gap:16px}.tabs{display:flex;gap:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:4px}.tabs button{background:transparent;color:var(--muted);border:0;border-radius:6px;padding:8px 12px}.tabs button:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.tabs .tab-active{background:var(--surface-muted);color:var(--text)}.app-main{display:grid;gap:16px}.app-footer{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:24px}.auth-panel{max-width:440px}.panel-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-grid{display:grid;gap:16px;grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.page-grid.single-column{grid-template-columns:minmax(0,1fr)}.form-stack,.subsection{display:grid;gap:16px}.subsection{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.field-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.narrow-grid{grid-template-columns:minmax(0,320px)}.field-grid.compact-grid{grid-template-columns:minmax(0,1fr) 120px}.details-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.actions{display:flex;flex-wrap:wrap;gap:10px}.checkbox-field{display:flex;align-items:center;gap:10px;font-weight:500}.checkbox-field input{width:16px;height:16px;margin:0}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-weight:600}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--surface-muted)}.data-table tbody tr.is-selected{background:#f3eadf}.table-static tbody tr{cursor:default}.table-static tbody tr:hover{background:transparent}.step-list{margin:0;padding-left:20px;display:grid;gap:8px}.step-list li.is-complete{color:var(--primary-strong)}.status-inline{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600}.status-ok,.status-connected,.status-finalized,.status-completed{background:var(--success-bg);color:var(--success-text)}.status-warning,.status-connected_with_warnings,.status-building{background:var(--warning-bg);color:var(--warning-text)}.status-error,.status-needs_reconnect,.status-disconnected,.status-failed{background:var(--error-bg);color:var(--error-text)}.status-unknown,.status-not_connected{background:var(--surface-muted);color:var(--muted)}.danger-block{border-top-color:#e6c7bf}.flash{border-radius:8px;padding:12px 14px;border:1px solid transparent}.flash-success{background:var(--success-bg);border-color:#c8decf;color:var(--success-text)}.flash-error{background:var(--error-bg);border-color:#e0beb4;color:var(--error-text)}code,.mono{font-family:IBM Plex Mono,monospace}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.table-note{margin-top:4px}@media(max-width:960px){.app-shell{padding:16px}.app-header,.header-actions,.panel-row{flex-direction:column;align-items:stretch}.page-grid,.field-grid,.details-grid{grid-template-columns:minmax(0,1fr)}.pagination-row{flex-direction:column;align-items:stretch}.tabs{width:100%;flex-wrap:wrap}}