:root{--ops-bg:#14161a;--ops-chrome:#0f1114;--ops-surface:#1b1e24;--ops-surface-2:#22262e;--ops-surface-3:#2a2f39;--ops-line:#2f353f;--ops-line-strong:#414956;--ops-text:#e6e9ee;--ops-text-2:#a9b1be;--ops-text-3:#79818f;--ops-text-4:#5c6472;--ops-action:#e8ebf0;--ops-action-text:#14161a;--ops-accent:#d8a13f;--ops-accent-bg:#2e2718;--ops-accent-line:#4d4025;--ops-ok:#63a37c;--ops-ok-bg:#1a2620;--ops-danger:#d9736a;--ops-danger-bg:#2b1d1c;--ops-danger-line:#4d302d;--font-sans:"IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--radius:2px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ops-chrome);color:var(--ops-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}a{color:inherit}button{cursor:pointer;font-family:inherit}.shell{background:var(--ops-bg);flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--ops-chrome);border-bottom:1px solid var(--ops-line-strong);align-items:stretch;gap:0;display:flex}.brand{border-right:1px solid var(--ops-line);font-family:var(--font-mono);letter-spacing:.1em;color:var(--ops-text);align-items:center;gap:10px;padding:0 20px;font-size:12.5px;font-weight:600;display:flex}.brand em{letter-spacing:.16em;border:1px solid var(--ops-accent-line);color:var(--ops-accent);border-radius:var(--radius);padding:2px 6px;font-size:9.5px;font-style:normal}.tabs{align-items:stretch;display:flex}.tab{color:var(--ops-text-3);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 18px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.tab.active{color:var(--ops-text);border-bottom-color:var(--ops-accent);background:var(--ops-bg)}.tab .count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--ops-surface-3);color:var(--ops-text-2);border-radius:var(--radius);padding:1px 6px;font-size:10.5px}.tab.active .count{background:var(--ops-accent);color:var(--ops-action-text);font-weight:600}.topbar-right{border-left:1px solid var(--ops-line);font-family:var(--font-mono);color:var(--ops-text-3);align-items:center;gap:16px;margin-left:auto;padding:0 20px;font-size:11px;display:flex}.topbar-right .who{color:var(--ops-text-2)}.rec-strip{background:var(--ops-accent-bg);border-bottom:1px solid var(--ops-accent-line);font-family:var(--font-mono);letter-spacing:.08em;color:var(--ops-accent);align-items:center;gap:10px;padding:7px 20px;font-size:10.5px;display:flex}.rec-dot{background:var(--ops-accent);border-radius:50%;flex:none;width:6px;height:6px}.main{width:100%;max-width:1200px;margin:0 auto;padding:28px 24px 36px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.page-heading h2{color:var(--ops-text);letter-spacing:-.01em;margin:0;font-size:21px;font-weight:600}.heading-sub{font-family:var(--font-mono);letter-spacing:.16em;color:var(--ops-text-4);text-transform:uppercase;margin:0 0 4px;font-size:10.5px;font-weight:500}.page-heading p{color:var(--ops-text-3);max-width:64ch;margin:7px 0 0;font-size:13px}.panel{background:var(--ops-surface);border:1px solid var(--ops-line);border-radius:var(--radius)}.panel-pad{padding:20px 22px}.panel+.panel{margin-top:16px}.panel-head{border-bottom:1px solid var(--ops-line);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 22px;display:flex}.panel-head h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ops-text-3);margin:0;font-size:11px;font-weight:600}.panel-note{color:var(--ops-text-3);max-width:70ch;margin:0 0 16px;font-size:12.5px}.panel-note b{color:var(--ops-text-2);font-weight:600}.btn{font-family:var(--font-sans);border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;padding:9px 18px;font-size:13px;font-weight:600;display:inline-block}.btn-solid{background:var(--ops-action);color:var(--ops-action-text);border-color:var(--ops-action)}.btn-ghost{color:var(--ops-text-2);border-color:var(--ops-line-strong);background:0 0}.btn-danger{color:var(--ops-danger);border-color:var(--ops-danger-line);background:0 0}.link-cell{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.link-cell:hover{text-decoration-style:solid}.btn-danger.solid{background:var(--ops-danger);color:#1a1211;border-color:var(--ops-danger)}.btn:disabled,.btn[aria-disabled=true]{background:var(--ops-surface-3);color:var(--ops-text-4);border-color:var(--ops-line);cursor:not-allowed}.btn-sm{padding:6px 13px;font-size:12px}.btn-text{color:var(--ops-text-3);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.link{color:var(--ops-accent);text-underline-offset:3px;font-size:13px;text-decoration:underline}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.field{background:var(--ops-surface-2);border:1px solid var(--ops-line);border-radius:var(--radius);color:var(--ops-text-2);align-items:center;gap:8px;min-width:300px;padding:8px 13px;font-size:12.5px;display:inline-flex}.field input{color:var(--ops-text);background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.field input::placeholder{color:var(--ops-text-4)}.seg{border:1px solid var(--ops-line-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{color:var(--ops-text-3);background:var(--ops-surface);white-space:nowrap;border:none;border-left:1px solid var(--ops-line);padding:8px 15px;font-size:12.5px;font-weight:500}.seg button:first-child{border-left:none}.seg button.on{background:var(--ops-surface-3);color:var(--ops-text);font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:880px;font-size:13px}thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ops-text-4);background:var(--ops-surface-2);border-bottom:1px solid var(--ops-line);white-space:nowrap;padding:11px 14px;font-size:10px;font-weight:500}tbody td{border-bottom:1px solid var(--ops-line);vertical-align:top;color:var(--ops-text-2);padding:11px 14px}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.cell-strong{color:var(--ops-text);font-weight:600;display:block}.cell-sub{color:var(--ops-text-4);margin-top:3px;font-size:11.5px;display:block}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.masked{font-family:var(--font-mono);color:var(--ops-text-4);font-size:12px}.none{color:var(--ops-text-4)}.badge{font-family:var(--font-mono);border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-block}.badge.plain{background:var(--ops-surface-3);color:var(--ops-text-2);border-color:var(--ops-line-strong)}.badge.quiet{color:var(--ops-text-4);border-color:var(--ops-line);background:0 0}.badge.ok{background:var(--ops-ok-bg);color:var(--ops-ok);border-color:#2d4536}.badge.warn{background:var(--ops-accent-bg);color:var(--ops-accent);border-color:var(--ops-accent-line)}.badge.danger{background:var(--ops-danger-bg);color:var(--ops-danger);border-color:var(--ops-danger-line)}.notice{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:12px;padding:11px 14px;font-size:12.5px;line-height:1.7;display:flex}.notice.info{background:var(--ops-surface-2);border-color:var(--ops-line);color:var(--ops-text-2)}.notice.warn{background:var(--ops-accent-bg);border-color:var(--ops-accent-line);color:var(--ops-accent)}.notice.danger{background:var(--ops-danger-bg);border-color:var(--ops-danger-line);color:var(--ops-danger)}.notice b{font-weight:600}.notice-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);color:inherit;background:#ffffff0f;flex:none;margin-top:1px;padding:3px 7px;font-size:9.5px;font-weight:600}.detail-grid{grid-template-columns:1fr 330px;align-items:start;gap:16px;display:grid}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}}dl.kv{grid-template-columns:150px 1fr;gap:0;margin:0;font-size:13px;display:grid}dl.kv dt{color:var(--ops-text-4);font-family:var(--font-mono);border-bottom:1px solid var(--ops-line);padding:9px 0;font-size:11.5px}dl.kv dd{color:var(--ops-text-2);border-bottom:1px solid var(--ops-line);margin:0;padding:9px 0}dl.kv dt:last-of-type,dl.kv dd:last-of-type{border-bottom:0}dl.kv dd.pii{color:var(--ops-text);font-weight:600}dl.kv dd .pii-tag{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ops-accent);border:1px solid var(--ops-accent-line);border-radius:var(--radius);vertical-align:1px;margin-left:9px;padding:1px 6px;font-size:9.5px;font-weight:500}.aside-list{color:var(--ops-text-2);margin:0;padding-left:17px;font-size:12.5px}.aside-list li{margin-bottom:6px}.dup-item{border-top:1px solid var(--ops-line);margin-top:11px;padding:11px 0 0;font-size:12.5px}.dup-item:first-of-type{border-top:0;margin-top:0;padding-top:0}.dup-item b{color:var(--ops-text);font-weight:600;display:block}.dup-item span{color:var(--ops-text-4);font-size:11.5px;font-family:var(--font-mono)}.dialog-row{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (max-width:900px){.dialog-row{grid-template-columns:1fr}}.dialog{background:var(--ops-surface);border:1px solid var(--ops-line-strong);border-top:2px solid var(--ops-action);border-radius:var(--radius);padding:22px}.dialog.destructive{border-top-color:var(--ops-danger)}.dialog h3{color:var(--ops-text);margin:0 0 8px;font-size:15.5px;font-weight:600}.dialog p{color:var(--ops-text-2);margin:0 0 14px;font-size:13px}.dialog ul{color:var(--ops-text-2);margin:0 0 16px;padding-left:17px;font-size:13px}.dialog ul li{margin-bottom:5px}.input{background:var(--ops-bg);border:1px solid var(--ops-line-strong);border-radius:var(--radius);width:100%;color:var(--ops-text);margin-bottom:6px;padding:9px 13px;font-family:inherit;font-size:13px;display:block}.input::placeholder{color:var(--ops-text-4)}.input-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ops-text-3);margin-bottom:7px;font-size:10.5px;font-weight:500;display:block}.input-help{color:var(--ops-text-4);margin:0 0 14px;font-size:11.5px}.mailbox{background:var(--ops-bg);border:1px solid var(--ops-line);border-radius:var(--radius);color:var(--ops-text-2);white-space:pre-line;padding:13px 15px;font-size:12.5px;line-height:1.8}.form-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.form-grid .span2{grid-column:1/-1}.log-action{font-family:var(--font-mono);font-size:11.5px;font-weight:500}.log-action.view{color:var(--ops-text-4)}.log-action.write{color:var(--ops-text)}.log-action.destructive{color:var(--ops-danger)}.dialog-overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-overlay .dialog{width:100%;max-width:480px}.error-text{color:var(--ops-danger);margin:0 0 12px;font-size:12.5px}.mfa-secret-box{margin-bottom:16px}.mfa-secret-box div{min-width:0}.mfa-secret-box span{display:block}.mfa-qr{background:#fff;border-radius:4px;margin:12px 0;padding:10px;display:block}.mfa-secret{overflow-wrap:anywhere;background:var(--ops-bg);border:1px solid var(--ops-accent-line);color:var(--ops-text);font-family:var(--font-mono);letter-spacing:.08em;-webkit-user-select:all;user-select:all;margin:9px 0;padding:8px 10px;font-size:14px;display:block}.stats{grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:16px;display:grid}.stat{border-right:1px solid var(--ops-line);padding:16px 20px}.stat:last-child{border-right:0}.stat-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ops-text-4);margin:0 0 6px;font-size:10px;font-weight:500}.stat-value{font-family:var(--font-mono);color:var(--ops-text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.2}.stat-sub{color:var(--ops-text-3);margin-top:4px;font-size:11.5px}.stat.warn .stat-value{color:var(--ops-accent)}.overview{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;display:grid}.overview .panel+.panel{margin-top:0}.bars{align-items:flex-end;gap:6px;height:120px;padding:0 2px;display:flex}.bars div{background:var(--ops-surface-3);border-top:2px solid var(--ops-text-3);flex:1}.bars div.now{border-top-color:var(--ops-text);background:var(--ops-line-strong)}.bars-axis{font-family:var(--font-mono);color:var(--ops-text-4);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.stack{border:1px solid var(--ops-line-strong);height:14px;margin:4px 0 14px;display:flex}.stack span{height:100%;display:block}.legend{color:var(--ops-text-2);grid-template-columns:14px 1fr auto;align-items:center;gap:8px 10px;font-size:12.5px;display:grid}.legend i{border:1px solid var(--ops-line-strong);width:10px;height:10px;display:block}.legend .num{font-family:var(--font-mono);color:var(--ops-text);text-align:right}.slot{border-bottom:1px solid var(--ops-line);grid-template-columns:70px 1fr 90px;align-items:center;gap:12px;padding:8px 0;font-size:12.5px;display:grid}.slot:last-of-type{border-bottom:0}.slot-bar{background:var(--ops-surface-3);height:6px}.slot-bar span{background:var(--ops-text-3);height:100%;display:block}.slot .mono{text-align:right;color:var(--ops-text)}.slot .k{color:var(--ops-text-3)}.id-dim{font-family:var(--font-mono);color:var(--ops-text-4);font-size:12px}