:root{--slate-50: #f5f6f8;--slate-100: #eaecf1;--slate-200: #d6dae2;--slate-300: #b4bcca;--slate-400: #8a93a6;--slate-500: #636d82;--slate-600: #4a5366;--slate-700: #353d4d;--slate-800: #232936;--slate-900: #161b25;--bg: #f8fafc;--bg-elev: #ffffff;--bg-soft: #f1f5f9;--bg-sunk: #e8edf3;--surface: #ffffff;--line: #e5e7eb;--line-soft: #f0f2f5;--line-strong: #d6dae2;--fg: #171923;--fg-mute: #4b5563;--fg-soft: #6b7280;--fg-faint: #9ca3af;--accent: #1698a8;--accent-fg: #f8ffff;--accent-soft-bg: rgba(22, 152, 168, .11);--accent-soft-fg: #0c6874;--accent-ring: rgba(22, 152, 168, .22);--warn: #b25c00;--warn-bg: #fff5e6;--warn-fg: #6e3a00;--danger: #b9351c;--danger-bg: #fceeea;--danger-fg: #80261a;--info: #2e5d99;--info-bg: #e8f0fb;--info-fg: #1d3f6c;--success: #2f6238;--success-bg: #e6efe7;--success-fg: #1f3f26;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(22, 27, 37, .05);--shadow-sm: 0 1px 2px rgba(22, 27, 37, .06), 0 1px 3px rgba(22, 27, 37, .05);--shadow-md: 0 2px 4px rgba(22, 27, 37, .06), 0 6px 16px rgba(22, 27, 37, .07);--header-h: 56px;--side-w: 220px;--font-jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #121620;--bg-elev: #171b25;--bg-soft: #202636;--bg-sunk: #0c1018;--surface: #171b25;--line: #2a3142;--line-soft: #222837;--line-strong: #394154;--fg: #eaecf1;--fg-mute: #b4bcca;--fg-soft: #8a93a6;--fg-faint: #636d82;--accent: #55cddd;--accent-fg: #071214;--accent-soft-bg: rgba(85, 205, 221, .15);--accent-soft-fg: #99e8f0;--accent-ring: rgba(85, 205, 221, .28);--warn-bg: #2a1f0c;--warn-fg: #f4d29a;--danger-bg: #2a130d;--danger-fg: #f0a397;--info-bg: #122238;--info-fg: #a8c1ea;--success-bg: #112418;--success-fg: #afcfb0;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-jp);font-size:14px;line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;color:inherit}a{color:inherit}.mono{font-family:var(--font-mono);font-size:.92em}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--fg-soft)}.faint{color:var(--fg-faint)}.warn-text{color:var(--warn-fg)}.danger-text{color:var(--danger-fg)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.spacer{flex:1}.wrap{flex-wrap:wrap}.ops-icon{width:1em;height:1em;stroke-width:2}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.3;letter-spacing:0}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}.section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 10px}.app-shell{display:grid;grid-template-columns:var(--side-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100%}.app-shell__sidebar{grid-area:sidebar;position:relative;background:var(--bg-elev);color:var(--fg);overflow-y:auto;border-right:1px solid var(--line)}.app-shell__header{grid-area:header;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-elev) 86%,transparent);display:flex;align-items:center;padding:0 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell__main{grid-area:main;overflow-y:auto;padding:24px}@media(max-width:760px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-h) auto 1fr;grid-template-areas:"header" "sidebar" "main"}.app-shell__sidebar{border-right:0;border-bottom:1px solid var(--line)}.app-shell__main{padding:18px 14px}}.header-shell{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.ops-surface-badge{display:inline-flex;align-items:center;gap:8px;margin-right:6px;min-width:92px}.ops-surface-badge span{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:var(--r-sm);border:1px solid rgba(22,152,168,.25);background:var(--accent-soft-bg);color:var(--accent-soft-fg);font-size:10px;font-weight:800;letter-spacing:.12em}.ops-surface-badge em{color:var(--fg-soft);font-size:12px;font-style:normal;white-space:nowrap}.header-search{display:inline-flex;align-items:center;gap:8px;width:min(32vw,300px);min-width:184px;height:34px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--fg-soft);padding:0 10px;font-size:12px}.header-search.is-locked{border-style:dashed;background:var(--bg-soft);cursor:not-allowed}.header-search span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locked-chip{margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:0 6px;height:20px;display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:var(--fg-faint);background:var(--bg-elev)}.auth-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;white-space:nowrap}.auth-badge--preview{background:var(--warn-bg);color:var(--warn-fg);border:1px solid rgba(178,92,0,.18)}.lock-glyph{width:13px;height:13px;line-height:1}.header-icon-preview{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);color:var(--fg-mute)}.notification-dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px var(--bg-elev)}.user-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:3px 9px 3px 5px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;min-width:128px}.user-pill.is-preview{color:var(--fg-soft)}.user-avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;color:var(--fg-mute);font-size:13px;font-weight:800;background:linear-gradient(135deg,#1719231a,#1719230a)}.user-meta{display:flex;flex-direction:column;line-height:1.1}.user-meta strong{font-size:11px;color:var(--fg)}.user-meta span{font-size:10px;color:var(--fg-soft);margin-top:3px}.user-chevron{color:var(--fg-faint);font-size:13px;margin-left:1px}.doc-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-sm);font-size:11px;font-weight:700;letter-spacing:.08em;background:var(--accent);color:var(--accent-fg)}.mode-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--r-pill);font-size:11px;font-weight:500;background:var(--bg-soft);color:var(--fg-mute);border:1px solid var(--line)}.mode-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--fg-mute);cursor:pointer}.icon-btn:hover{background:var(--bg-soft);color:var(--fg)}.sidebar-shell{min-height:100%;display:flex;flex-direction:column;position:relative}.sidebar-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.sidebar-brand{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px 0 20px;border-bottom:1px solid var(--line);overflow:hidden}.ops-logo-mark{width:32px;height:32px;border-radius:var(--r-md);display:inline-grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--accent-fg);font-size:17px;font-weight:800}.ops-logo-mark .ops-icon{width:17px;height:17px}.ops-logo-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0}.ops-logo-copy strong{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--fg)}.ops-logo-copy span{margin-top:5px;color:var(--fg-soft);font-size:10px;white-space:nowrap}.nav-group{flex:1;padding:16px 8px}.nav-link{display:flex;align-items:center;gap:8px;position:relative;padding:8px 10px;border-radius:var(--r-md);font-size:14px;color:var(--fg-soft);text-decoration:none;margin-bottom:2px;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background:color-mix(in srgb,var(--bg-soft) 70%,transparent);color:var(--fg)}.nav-link.is-active{background:var(--bg-soft);color:var(--fg);font-weight:600}.nav-link.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:20px;border-radius:var(--r-pill);background:var(--accent)}.nav-link.is-soon{color:var(--fg-faint)}.nav-link__icon{width:18px;min-width:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;font-size:14px}.nav-link__icon .ops-icon{width:16px;height:16px}.nav-link__tag{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:var(--r-pill);background:var(--bg-soft);color:var(--fg-faint);font-weight:500}.nav-link--static{cursor:default}.sidebar-footer{border-top:1px solid var(--line);padding:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}.card-pad{padding:16px}.stack{display:flex;flex-direction:column;gap:16px}.page-head{margin-bottom:4px}.page-eyebrow{display:none}.page-sub{color:var(--fg-soft);font-size:14px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;font-size:11px;font-weight:500;border-radius:var(--r-pill);background:var(--bg-soft);color:var(--fg-mute);border:1px solid var(--line);white-space:nowrap}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.t-neutral{background:var(--bg-soft);color:var(--fg-mute)}.badge.t-active{background:var(--info-bg);color:var(--info-fg);border-color:transparent}.badge.t-wait{background:var(--bg-soft);color:var(--fg-mute)}.badge.t-attention{background:var(--warn-bg);color:var(--warn-fg);border-color:transparent}.badge.t-ready{background:var(--accent-soft-bg);color:var(--accent-soft-fg);border-color:transparent}.badge.t-done{background:var(--success-bg);color:var(--success-fg);border-color:transparent}.badge.t-failed{background:var(--danger-bg);color:var(--danger-fg);border-color:transparent}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));overflow:hidden;border:1px solid rgba(22,152,168,.28);border-radius:var(--r-lg);background:color-mix(in srgb,var(--accent-soft-bg) 42%,var(--surface))}.status-strip__item{min-height:72px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-right:1px solid rgba(22,152,168,.18);text-decoration:none;color:inherit}.status-strip__item:last-child{border-right:0}.status-strip__item span:not(.status-strip__icon){display:flex;flex-direction:column;min-width:0}.status-strip__item small{color:var(--fg-soft);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.status-strip__item strong{color:var(--fg);font-size:22px;line-height:1.15;margin-top:3px}.status-strip__item strong small{font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}.status-strip__link{cursor:pointer}.status-strip__link:hover{background:#1698a80f}.status-strip__arrow{margin-left:auto;color:var(--fg-faint);opacity:0;transition:opacity .2s ease}.status-strip__link:hover .status-strip__arrow{opacity:1}.status-strip__icon{width:28px;height:28px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:800}.status-strip__icon .ops-icon{width:15px;height:15px}.status-strip__icon.t-active{background:#3b82f61f;color:#2563eb}.status-strip__icon.t-attention{background:#f973161f;color:#ea580c}.status-strip__icon.t-ready{background:#10b9811f;color:#059669}.status-strip__icon.t-wait{background:#f59e0b21;color:#d97706}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi{padding:16px}.kpi__label{font-size:12px;color:var(--fg-soft)}.kpi__value{font-size:28px;font-weight:800;margin-top:4px}.kpi__value.is-warn{color:var(--warn-fg)}.kpi__value.is-danger{color:var(--danger-fg)}.table-scroll{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl th{font-size:12px;letter-spacing:0;color:var(--fg-soft);font-weight:600;background:color-mix(in srgb,var(--bg-soft) 60%,transparent)}.tbl tbody tr:hover{background:var(--bg-soft)}.tbl a{color:var(--accent-soft-fg);text-decoration:none;font-weight:600}.tbl a:hover{text-decoration:underline}.reason-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.reason-list li{font-size:12px;color:var(--fg-mute)}.dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;font-size:13px}.dl dt{color:var(--fg-soft)}.dl dd{margin:0}.preview-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-md);font-size:12px;font-weight:500;border:1px dashed var(--line-strong);background:var(--bg-soft);color:var(--fg-faint);cursor:not-allowed;opacity:.75}.preview-chip:before{content:none}.preview-chip__lock{font-size:12px;line-height:1;opacity:.9}.boundary{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.boundary{grid-template-columns:1fr}}.boundary__col h4{font-size:12px;margin-bottom:8px}.boundary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.boundary__item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--fg-mute)}.boundary__item:before{content:"";margin-top:6px;width:6px;height:6px;border-radius:50%;flex-shrink:0}.boundary__item.ok:before{background:var(--success)}.boundary__item.no:before{content:none}.boundary-lock{font-size:12px;line-height:1.4;color:var(--warn-fg);flex-shrink:0}@media(max-width:980px){.header-search,.user-pill{display:none}}@media(max-width:560px){.app-shell__header{padding:0 10px}.header-shell{gap:8px}.ops-surface-badge{min-width:auto;margin-right:0}.ops-surface-badge em{display:none}.auth-badge{font-size:10px;padding:0 8px}.mode-badge,.header-icon-preview{display:none}}@media(max-width:900px){.status-strip{grid-template-columns:repeat(2,minmax(140px,1fr))}.status-strip__item:nth-child(2){border-right:0}.status-strip__item:nth-child(-n+2){border-bottom:1px solid rgba(22,152,168,.18)}}@media(max-width:520px){.status-strip{grid-template-columns:1fr}.status-strip__item{border-right:0;border-bottom:1px solid rgba(22,152,168,.18);min-height:62px}.status-strip__item:last-child{border-bottom:0}}.note{font-size:12px;color:var(--fg-soft);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 12px}.timeline{display:flex;flex-wrap:wrap;gap:6px}.timeline__step{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--r-pill);font-size:12px;border:1px solid var(--line);background:var(--bg-elev);color:var(--fg-faint)}.timeline__step.is-done{color:var(--fg-mute);border-color:var(--line-strong)}.timeline__step.is-current{background:var(--accent-soft-bg);color:var(--accent-soft-fg);border-color:transparent;font-weight:600}.bar{height:6px;border-radius:var(--r-pill);background:var(--bg-sunk);overflow:hidden;min-width:80px}.bar__fill{height:100%;background:var(--accent);border-radius:inherit}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 20px}.state__title{font-size:15px;font-weight:600}.state__sub{font-size:13px;color:var(--fg-soft);max-width:460px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}