@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--brand-50: #f3f4fc;--brand-100: #e7eaf9;--brand-200: #cfd5f2;--brand-300: #a8b3e6;--brand-400: #7284d5;--brand-500: #3650c4;--brand-600: #233895;--brand-700: #172872;--brand-800: #101d56;--brand-900: #0c1642;--brand-950: #060c27;--neutral-25: #fbfbfc;--neutral-50: #f7f8f9;--neutral-100: #eff0f3;--neutral-200: #dddee4;--neutral-300: #c4c6cf;--neutral-400: #989ca9;--neutral-500: #737787;--neutral-600: #575b6b;--neutral-700: #414553;--neutral-800: #292c38;--neutral-900: #171a23;--good: #157a41;--good-bg: #e6f4ec;--warning: #b9790b;--warning-bg: #fbf0dd;--critical: #c02b3c;--critical-bg: #fbe9eb;--serious: #d97231;--success-text: #0f6b34;--surface-1: #ffffff;--surface-2: var(--neutral-50);--plane: var(--neutral-50);--ink-1: var(--neutral-900);--ink-2: var(--neutral-600);--ink-muted: var(--neutral-500);--grid: var(--neutral-200);--baseline: var(--neutral-300);--ring: rgba(12, 22, 66, .09);--focus-ring: rgba(35, 56, 149, .28);--accent: var(--brand-600);--accent-strong: var(--brand-900);--on-brand: #ffffff;--s1: var(--brand-600);--s2: #c8631a;--s3: #157a41;--s4: #b9790b;--s5: #9c3c68;--s6: #0d7d78;--seq250: var(--brand-200);--seq300: var(--brand-300);--seq350: var(--brand-400);--seq400: var(--brand-500);--seq450: #2c4390;--seq500: var(--brand-600);--seq550: var(--brand-700);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(12, 22, 66, .06);--shadow-md: 0 6px 16px rgba(12, 22, 66, .08), 0 1px 2px rgba(12, 22, 66, .05);--shadow-lg: 0 16px 40px rgba(12, 22, 66, .18)}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-1: #1b1f2c;--surface-2: #12141d;--plane: #0e1018;--ink-1: #f4f5f7;--ink-2: #b9bcc7;--ink-muted: #888c9c;--grid: #2b2f3f;--baseline: #3b4054;--ring: rgba(255, 255, 255, .1);--focus-ring: rgba(125, 148, 235, .4);--accent: var(--brand-300);--accent-strong: var(--brand-200);--on-brand: #ffffff;--good: #3fb373;--good-bg: rgba(63, 179, 115, .14);--warning: #e3a53a;--warning-bg: rgba(227, 165, 58, .16);--critical: #ec6a78;--critical-bg: rgba(236, 106, 120, .16);--serious: #e2703f;--success-text: #3fb373;--s1: var(--brand-300);--s2: #e08a3f;--s3: #3fb373;--s4: #e3a53a;--s5: #c86a95;--s6: #3fada7;--seq250: #223367;--seq300: #2c4390;--seq350: var(--brand-600);--seq400: var(--brand-500);--seq450: var(--brand-400);--seq500: #92a2e2;--seq550: var(--brand-300);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--plane);color:var(--ink-1);font-size:14px;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}section{display:block}h1,h2,h3{font-weight:700;color:var(--ink-1);letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px;margin-bottom:12px}h3{font-size:13px}p{color:var(--ink-1)}.sub{color:var(--ink-2);font-size:12.5px;font-weight:400}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand-200);color:var(--brand-900)}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.card{background:var(--surface-1);border:1px solid var(--grid);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;margin-bottom:16px}.card:last-child{margin-bottom:0}.card h2{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}dl{font-size:13px}dl dt{font-weight:500;color:var(--ink-2);padding-top:8px}dl dd{padding-top:8px}button{font-family:inherit;font-size:13px;font-weight:600;color:var(--ink-1);background:var(--surface-1);border:1px solid var(--baseline);border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform 60ms ease}button:hover:not(:disabled){border-color:var(--ink-muted);background:var(--surface-2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}button.btn-primary{background:var(--brand-900);border-color:var(--brand-900);color:var(--on-brand);box-shadow:var(--shadow-sm)}button.btn-primary:hover:not(:disabled){background:var(--brand-800);border-color:var(--brand-800)}button.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}button.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-1)}input,select,textarea{font-family:inherit;font-size:13px;color:var(--ink-1);background:var(--surface-1);border:1px solid var(--baseline);border-radius:var(--radius-md);padding:8px 12px;transition:border-color .12s ease,box-shadow .12s ease}input::placeholder,textarea::placeholder{color:var(--ink-muted)}input:hover,select:hover,textarea:hover{border-color:var(--ink-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--focus-ring)}textarea{font-family:inherit;resize:vertical}input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand-700);cursor:pointer}label{font-size:13px;color:var(--ink-1)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);padding:0 10px 10px;border-bottom:1px solid var(--grid);white-space:nowrap}tbody td{padding:11px 10px;border-bottom:1px solid var(--grid);color:var(--ink-1);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr[onclick],tbody tr.clickable{transition:background-color .1s ease}tbody tr[onclick]:hover{background:var(--surface-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full);border:2px solid var(--plane)}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])) ::-webkit-scrollbar-thumb{background:var(--neutral-600);border-color:var(--plane)}}