.vh-toast{position:fixed;right:24px;bottom:24px;min-width:260px;max-width:420px;padding:12px 16px;border-radius:var(--radius-lg);font-size:14px;background:var(--panel-bg);color:var(--text-color);border:1px solid var(--panel-border);box-shadow:var(--shadow-md);animation:vh-toast-in .2s ease-out;z-index:3000}.vh-toast--success{border-left:4px solid var(--success)}.vh-toast--error{border-left:4px solid var(--danger)}.vh-toast__title{font-weight:600;margin-bottom:4px}@keyframes vh-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--text-color);line-height:1.5}app-root,app-root>*{height:100%}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}a{color:var(--link-color)}.breadcrumb{font-size:13px;color:var(--muted-text);margin-bottom:6px}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{margin:0 4px}:root{--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;--shadow-xs: 0 1px 2px rgba(22, 32, 31, .06);--shadow-sm: 0 8px 24px rgba(22, 32, 31, .08);--shadow-md: 0 18px 42px rgba(22, 32, 31, .14);--accent: #2f6f6d;--accent-strong: #245a58;--accent-soft: #dbeeea;--accent-contrast: #ffffff;--focus-ring: rgba(47, 111, 109, .45);--success: #247a49;--success-soft: #e2f4e8;--danger: #bd3d39;--danger-soft: #fbe7e5;--warning: #a86612;--warning-soft: #fff3d8}:root[data-theme=light]{--panel-bg: #ffffff;--panel-border: #d7dddc;--app-bg: #f6f8f7;--surface-bg: #ffffff;--surface-muted: #edf2f0;--surface-hover: #e7eeeb;--text-color: #17201f;--muted-text: #667370;--sidebar-bg: #eef3f1;--sidebar-hover: #e2ebe8;--sidebar-active-bg: #dbeeea;--topbar-bg: #14201e;--topbar-text: #f6faf8;--card-bg: #ffffff;--card-border: #d7dddc;--link-color: #246b68;--input-bg: #ffffff;--input-border: #c9d2d0;--input-placeholder: #7f8b88;--table-header-bg: #f1f5f4;--pill-success-bg: var(--success-soft);--pill-success-border: #8bc9a2;--pill-fail-bg: var(--danger-soft);--pill-fail-border: #e19a95;--pill-unknown-bg: var(--warning-soft);--pill-unknown-border: #e0b767}:root[data-theme=dark]{--panel-bg: #1f2421;--panel-border: #353d39;--app-bg: #151816;--surface-bg: #1f2421;--surface-muted: #262d29;--surface-hover: #2c3430;--text-color: #e7ecea;--muted-text: #a9b5b1;--sidebar-bg: #1a1f1c;--sidebar-hover: #242b27;--sidebar-active-bg: rgba(118, 183, 173, .18);--topbar-bg: #0f1513;--topbar-text: #eef6f3;--card-bg: #1f2421;--card-border: #353d39;--link-color: #8bd1c9;--input-bg: #171c19;--input-border: #404a45;--input-placeholder: #899692;--table-header-bg: #242b27;--accent: #76b7ad;--accent-strong: #9fd2ca;--accent-soft: rgba(118, 183, 173, .18);--accent-contrast: #0e1513;--focus-ring: rgba(118, 183, 173, .55);--success: #76c893;--success-soft: rgba(118, 200, 147, .16);--danger: #ee7d78;--danger-soft: rgba(238, 125, 120, .16);--warning: #e4b85d;--warning-soft: rgba(228, 184, 93, .16);--pill-success-bg: var(--success-soft);--pill-success-border: rgba(118, 200, 147, .65);--pill-fail-bg: var(--danger-soft);--pill-fail-border: rgba(238, 125, 120, .65);--pill-unknown-bg: var(--warning-soft);--pill-unknown-border: rgba(228, 184, 93, .65);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);--shadow-sm: 0 10px 28px rgba(0, 0, 0, .24);--shadow-md: 0 18px 48px rgba(0, 0, 0, .34)}.breadcrumb-link{color:var(--muted-text);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.vh-create-grid{display:flex;flex-direction:column;gap:18px}.vh-create-actions{display:flex;justify-content:flex-end}.vh-form-layout{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:24px;gap:28px}.vh-form-sidebar{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.vh-form-sidebar.yaml{flex-direction:row;justify-content:space-between}.vh-form-section-title{font-size:18px;line-height:1.25;font-weight:700;margin:0}.vh-form-main{display:flex;flex-direction:column;gap:16px;min-width:0}.vh-form-row{display:flex;align-items:flex-start;gap:16px;width:100%}.vh-form-row.yaml{width:fit-content}.vh-label{width:150px;padding-top:9px;flex:0 0 auto;font-size:14px;font-weight:650;color:var(--text-color)}.vh-input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-color);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}.vh-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:0}.vh-input .yaml{width:fit-content}.vh-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.vh-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:14px;font-weight:650;min-height:38px;padding:9px 16px;cursor:pointer;background:var(--input-bg);color:var(--text-color);line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.vh-btn svg{height:15px;width:15px}.vh-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.vh-btn-selected{background:var(--surface-hover);border-color:var(--accent)}.vh-btn:disabled{cursor:not-allowed;opacity:.6}.vh-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.vh-btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.vh-form-section{margin-top:24px}.vh-slider-row{display:flex;gap:16px;align-items:center;width:100%;margin:0}.vh-slider-row .vh-label{width:160px;padding-top:0}.vh-slider-wrap{display:flex;align-items:center;gap:12px;width:100%}.vh-slider{width:100%;min-width:0;accent-color:var(--accent)}.vh-slider-value{min-width:42px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:var(--surface-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;color:var(--text-color)}.vh-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.vh-page-btn{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);min-width:34px;min-height:32px;padding:5px 10px;border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.vh-page-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.vh-page-btn--active{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.vh-page-btn:disabled{opacity:.5;cursor:not-allowed}.vh-status{margin:8px 0;font-size:14px;color:var(--muted-text)}.vh-spinner{display:inline-block;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:currentColor;border-radius:50%;animation:vh-spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes vh-spin{to{transform:rotate(360deg)}}.vh-modal-backdrop{position:fixed;inset:0;background:#0a0e0d94;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vh-modal{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:20px 24px;min-width:280px;text-align:center;color:var(--text-color);box-shadow:var(--shadow-md)}.vh-modal__icon{margin:0 auto 12px;font-size:24px;line-height:1}.vh-modal__icon--success{color:var(--success)}.vh-modal__icon--error{color:var(--danger)}.vh-modal__text{margin-bottom:12px;font-size:15px}@media (max-width: 820px){.vh-form-layout{grid-template-columns:1fr;gap:18px;padding:18px}.vh-form-row,.vh-slider-row{flex-direction:column;align-items:stretch;gap:8px}.vh-label,.vh-slider-row .vh-label{width:auto;padding-top:0}.vh-create-actions{justify-content:stretch}.vh-create-actions .vh-btn{width:100%}}