:root{--accent:#2563eb;--accent-hover:#1d4ed8;--accent-active:#1e40af;--accent-soft:#eff6ff;--accent-ink:#1d4ed8;--primary:var(--accent);--primary-hover:var(--accent-hover);--primary-active:var(--accent-active);--primary-subtle:var(--accent-soft);--ring:var(--accent);--canvas:#f5f6f8;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#f1f3f5;--border:#e4e7ec;--border-strong:#d0d5dd;--text-1:#0f172a;--text-2:#475569;--text-3:#64748b;--text-4:#94a3b8;--bg:var(--canvas);--text:var(--text-1);--text-secondary:var(--text-2);--text-weak:var(--text-3);--text-faint:var(--text-4);--surface-hover:var(--surface-2);--surface-muted:var(--surface-3);--success:#15803d;--success-subtle:#f0fdf4;--success-dot:#16a34a;--warning:#b45309;--warning-subtle:#fffbeb;--warning-dot:#f59e0b;--danger:#dc2626;--danger-subtle:#fef2f2;--danger-dot:#dc2626;--danger-on-subtle:#b91c1c;--promo:#7e22ce;--promo-subtle:#faf5ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--leading-tight:1.2;--leading-snug:1.45;--leading-normal:1.6;--text-xs:var(--fs-12);--text-sm:var(--fs-13);--text-md:var(--fs-14);--text-lg:var(--fs-16);--text-xl:var(--fs-20);--text-2xl:var(--fs-20);--text-3xl:var(--fs-24);--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono","IBM Plex Mono",Menlo,Consolas,"Liberation Mono",monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius:var(--radius-md);--shadow-card:0 1px 2px rgba(16,24,40,.04);--shadow-pop:0 8px 24px rgba(16,24,40,.1);--shadow-modal:0 20px 48px rgba(16,24,40,.18);--shadow-sm:var(--shadow-card);--shadow-md:var(--shadow-pop);--code-bg:#0f172a;--code-fg:#dbe4f0;--ease:cubic-bezier(0.2,0,0.2,1);--dur-feedback:120ms;--dur-enter:180ms;--z-sidebar:10;--z-header:20;--z-overlay:40;--z-modal:50;--z-palette:60}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;color:var(--text-1);font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--leading-normal);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit;letter-spacing:0}a,button{-webkit-tap-highlight-color:transparent}.mono,code,pre{font-family:var(--font-mono);overflow-wrap:break-word}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}::selection{background:#bfdbfe;color:var(--text-1)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:20px;padding:0;border-radius:var(--radius-sm);color:var(--text-2);background:transparent;font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:18px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;color:var(--text-4)}.badge.active,.badge.available,.badge.healthy,.badge.running,.badge.success{color:var(--text-2)}.badge.active:before,.badge.available:before,.badge.healthy:before,.badge.running:before,.badge.success:before{background:var(--success-dot)}.badge.degraded,.badge.pending,.badge.warning{color:var(--text-2)}.badge.degraded:before,.badge.pending:before,.badge.warning:before{background:var(--warning-dot)}.badge.danger,.badge.error,.badge.failed,.badge.unavailable{padding:0 8px;color:var(--danger-on-subtle);background:var(--danger-subtle)}.badge.danger:before,.badge.error:before,.badge.failed:before,.badge.unavailable:before{background:var(--danger-dot)}.badge.disabled,.badge.expired,.badge.inactive,.badge.neutral,.badge.revoked{color:var(--text-3)}.badge.primary{color:var(--accent-ink);background:var(--accent-soft);padding:0 8px}.badge.primary:before{display:none}.badge.promo{color:var(--promo);background:var(--promo-subtle);padding:0 8px}.badge.promo:before{display:none}.type-tag{display:inline-flex;align-items:center;gap:6px;min-height:20px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text-2);background:var(--surface-3);font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:18px;white-space:nowrap}.type-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.type-tag.success{color:var(--success);background:var(--success-subtle)}.type-tag.primary{color:var(--accent-ink);background:var(--accent-soft)}.type-tag.promo{color:var(--promo);background:var(--promo-subtle)}.type-tag.warning{color:var(--warning);background:var(--warning-subtle)}.type-tag.neutral{color:var(--text-2);background:var(--surface-3)}.button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-2);background:var(--surface);font-size:var(--fs-13);font-weight:var(--fw-medium);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-feedback) var(--ease),border-color var(--dur-feedback) var(--ease),color var(--dur-feedback) var(--ease)}.button:hover{background:var(--surface-2);border-color:var(--text-4);color:var(--text-1)}.button:active{background:var(--surface-3)}.button.primary{color:#fff;border-color:var(--accent);background:var(--accent)}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.button.primary:active{background:var(--accent-active);border-color:var(--accent-active)}.button.ghost{border-color:transparent;background:transparent}.button.ghost:hover{background:var(--surface-2)}.button.danger{color:var(--danger-on-subtle);border-color:var(--danger-subtle);background:var(--danger-subtle)}.button.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.button.small{height:28px;padding:0 10px;font-size:var(--fs-12);border-radius:var(--radius-sm)}.button.large{height:36px;padding:0 16px;font-size:var(--fs-14)}.button:disabled{cursor:not-allowed;opacity:.5}.button:disabled:hover{background:var(--surface);border-color:var(--border-strong);color:var(--text-2)}.button.primary:disabled:hover{background:var(--accent);border-color:var(--accent);color:#fff}.link-button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:4px 6px;border-radius:var(--radius-sm);color:var(--accent-ink);font-size:var(--fs-12);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-feedback) var(--ease)}.link-button:hover{background:var(--accent-soft)}.link-button.danger{color:var(--danger-on-subtle)}.link-button.danger:hover{background:var(--danger-subtle)}.link-button.muted{color:var(--text-3)}.link-button.muted:hover{background:var(--surface-3)}.field,.select,.textarea{width:100%;min-height:36px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;color:var(--text-1);background:var(--surface);font-size:var(--fs-14);transition:border-color var(--dur-feedback) var(--ease),box-shadow var(--dur-feedback) var(--ease)}.field::placeholder,.textarea::placeholder{color:var(--text-4)}.field:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.field[readonly],.textarea[readonly]{background:var(--surface-3);color:var(--text-2)}input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--accent);vertical-align:middle}.checkbox-field{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--text-2);font-size:var(--fs-13);font-weight:var(--fw-medium);cursor:pointer}.checkbox-field input[type=checkbox],.checkbox-field input[type=radio]{flex:0 0 auto}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px}.field:disabled,.select:disabled,.textarea:disabled{background:var(--surface-3);color:var(--text-3);cursor:not-allowed}.textarea{resize:vertical}.label{display:grid;grid-gap:6px;gap:6px;color:var(--text-2);font-size:var(--fs-13);font-weight:var(--fw-medium)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word}.list-secondary,.metric-foot,.page-description,p{text-wrap:pretty}.long-text{overflow-wrap:anywhere}.nowrap{white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html:lang(ja) body{font-family:Hiragino Sans,Yu Gothic UI,Noto Sans JP,Noto Sans CJK JP,system-ui,sans-serif}html:lang(ko) body{font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif}html:lang(ar) body{font-family:Noto Sans Arabic,Geeza Pro,Segoe UI,Tahoma,system-ui,sans-serif}