:root{--bg-base: #0d0f12;--bg-surface: #13161b;--bg-elevated: #1a1e25;--bg-hover: #1f242e;--border: #252b36;--border-bright: #2e3644;--text-primary: #e8eaf0;--text-secondary: #7a8499;--text-muted: #4a5368;--accent: #e8a020;--accent-dim: rgba(232, 160, 32, .12);--accent-dim-hover: rgba(232, 160, 32, .2);--status-creating: #d4a017;--status-creating-bg: rgba(212, 160, 23, .1);--status-running: #3da35d;--status-running-bg: rgba(61, 163, 93, .1);--status-deleting: #c9682a;--status-deleting-bg: rgba(201, 104, 42, .1);--status-error: #c94040;--status-error-bg: rgba(201, 64, 64, .1);--status-degraded: #cf8a2c;--status-degraded-bg: rgba(207, 138, 44, .12);--font-mono: "IBM Plex Mono", monospace;--font-sans: "IBM Plex Sans", sans-serif;--radius: 3px;--radius-lg: 6px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}input{font-family:var(--font-sans);outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-btn{transition:background var(--transition),border-color var(--transition),color var(--transition),filter var(--transition),opacity var(--transition)}.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ui-btn--primary:not(:disabled):hover{filter:brightness(1.12);box-shadow:0 0 0 3px var(--accent-dim, rgba(240, 165, 0, .18))}.ui-btn--ghost:not(:disabled):hover{background:var(--bg-hover)!important;border-color:var(--text-muted)!important;color:var(--text-primary)!important}.ui-btn--subtle:not(:disabled):hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.ui-btn--danger:not(:disabled):hover{background:var(--status-error-bg)!important;border-color:#c9404080!important;color:var(--status-error)!important}.ui-input{transition:border-color var(--transition),background var(--transition)}.ui-input::placeholder{color:var(--text-muted)}.ui-input:focus{border-color:var(--accent);background:var(--bg-surface)}.ui-row{transition:background var(--transition)}.ui-row:hover{background:var(--bg-hover)}.ui-grip{opacity:.35;transition:opacity var(--transition)}.ui-grip:hover,div:hover>.ui-grip{opacity:.9}.ui-grip:active{cursor:grabbing}.ui-errline{transition:color var(--transition)}.ui-errline:hover{color:#e05555;text-decoration:underline}.ui-errline:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.ui-btn:not(:disabled):active{transform:translateY(1px)}.ui-tap{transition:filter var(--transition),background var(--transition),opacity var(--transition);cursor:pointer}.ui-tap:not(:disabled):hover{filter:brightness(1.4)}.ui-tap:not(:disabled):active{transform:translateY(1px)}.ui-tap:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ui-tap:disabled{cursor:not-allowed;opacity:.5}.ui-tap--bg:not(:disabled):hover{background:var(--bg-hover)!important}.ui-link{transition:filter var(--transition)}.ui-link:hover{filter:brightness(1.2);text-decoration:underline}@keyframes rowFlash{0%,35%{background:var(--accent-dim, rgba(240,165,0,.16))}to{background:transparent}}.ui-flash>.demo-row{animation:rowFlash 2.4s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.ui-toast{animation:toastIn .2s ease}html{overflow-y:scroll;scrollbar-gutter:stable}html:has(.ui-overlay){overflow:hidden}.ui-reveal{opacity:0!important;transition:opacity var(--transition)}.ui-reveal-host:hover .ui-reveal,.ui-reveal:focus-visible{opacity:1!important}
