@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #f5f5f4;--surface: #ffffff;--surface-alt: #ededec;--surface-mute: #e8e8e7;--surface-tint: #fafafa;--ink: #0a0a0a;--ink-2: #262626;--ink-3: #6b6b6b;--ink-4: #989898;--ink-5: #b8b8b8;--rule: #dcdcdc;--rule-soft: #ececec;--rule-strong: #1a1a1a;--rule-mid: #8a8a8a;--side-bg: #18181a;--side-bg-2: #1f1f22;--side-bg-3: #2a2a2d;--side-fg: #e8e8e8;--side-fg-dim: #9a9a9a;--side-fg-mute: #6a6a6a;--side-rule: #2a2a2d;--side-rule-strong: #3a3a3d;--accent: #0a0a0a;--accent-2: #000000;--accent-soft: #ececec;--accent-fg: #ffffff;--ok: #1f6b48;--ok-soft: #e3ede7;--warn: #8a5a14;--warn-soft: #efe7d6;--err: #8a2222;--err-soft: #efdcdc;--info: #0a0a0a;--info-soft: #ececec;--f-sans: "Helvetica Neue", Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Arial, sans-serif;--f-serif: "Helvetica Neue", Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Arial, sans-serif;--f-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--row-h: 32px;--pad-y: 6px;--pad-x: 10px;--gap: 10px;--section-gap: 20px;--fs-body: 13px;--fs-sm: 12px;--fs-xs: 11px;--fs-mono: 12px;--sidebar-w: 232px;--header-h: 52px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--f-sans);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"palt" 1}body.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,0,0,.018) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.018) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}button{font-family:inherit}::selection{background:var(--accent);color:var(--accent-fg)}.mono,.meta{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--ink-3);font-feature-settings:"tnum" 1}.meta-up{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.serif{font-family:var(--f-sans);font-weight:600;letter-spacing:-.005em}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--side-bg);border-right:1px solid var(--side-rule);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;color:var(--side-fg)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--side-rule)}.sidebar-brand .mark{width:26px;height:26px;flex:none;color:var(--side-fg)}.sidebar-brand .name{font-family:var(--f-sans);font-weight:600;font-size:16px;color:var(--side-fg);line-height:1}.sidebar-brand .sub{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--side-fg-mute);margin-top:3px;line-height:1}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 0}.nav-group{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--side-fg-mute);padding:14px 16px 6px}.nav-group:before{content:"";display:inline-block;width:18px;border-top:1px solid var(--side-rule-strong);vertical-align:middle;margin-right:8px;transform:translateY(-1px)}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 16px;font-size:13px;color:var(--side-fg-dim);border-left:2px solid transparent;-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item:hover{background:var(--side-bg-2);color:var(--side-fg);text-decoration:none}.nav-item.active{background:var(--side-bg-3);border-left-color:var(--side-fg);color:#fff;font-weight:500}.nav-item .icon,.nav-item .ico{width:14px;height:14px;flex:none;color:var(--side-fg-mute)}.nav-item:hover .ico{color:var(--side-fg-dim)}.nav-item.active .ico{color:var(--side-fg)}.nav-item .count{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;color:var(--side-fg-mute);font-feature-settings:"tnum" 1}.sidebar-foot{border-top:1px solid var(--side-rule);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--side-fg-dim)}.sidebar-foot .avatar{width:26px;height:26px;background:var(--side-fg);color:var(--side-bg);display:grid;place-items:center;font-family:var(--f-mono);font-size:11px;font-weight:600}.sidebar-foot .who{line-height:1.2;color:var(--side-fg)}.sidebar-foot .role{font-family:var(--f-mono);font-size:10px;color:var(--side-fg-mute);letter-spacing:.08em}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--header-h);border-bottom:1px solid var(--rule);background:var(--surface);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-3)}.crumb .sep{color:var(--ink-4)}.crumb .here{color:var(--ink)}.crumb a{color:var(--ink-3)}.crumb a:hover{color:var(--ink);text-decoration:none}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-meta{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-3);text-align:right;line-height:1.35}.titleblock{border-top:2px solid var(--rule-strong);border-bottom:1px solid var(--rule);background:var(--surface);display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px 24px 14px;gap:24px}.titleblock .num{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);margin-bottom:8px}.titleblock h1{font-family:var(--f-sans);font-weight:600;font-size:24px;line-height:1.2;margin:0;color:var(--ink);letter-spacing:-.01em}.titleblock .sub{margin-top:6px;font-size:13px;color:var(--ink-3)}.titleblock .specs{display:grid;grid-template-columns:repeat(4,auto);gap:0;border-left:1px solid var(--rule-strong);border-top:1px solid var(--rule-strong);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em}.titleblock .specs>div{border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);padding:5px 10px;min-width:90px}.titleblock .specs .k{color:var(--ink-3);text-transform:uppercase;font-size:9.5px;letter-spacing:.14em}.titleblock .specs .v{color:var(--ink);font-size:11.5px;margin-top:2px}.content{padding:20px 24px 64px;flex:1}.section{margin-bottom:var(--section-gap)}.section-head{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:12px}.section-head .id{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}.section-head h2{font-family:var(--f-sans);font-weight:600;font-size:15px;margin:0;color:var(--ink);letter-spacing:-.005em}.section-head .right{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3)}.panel{background:var(--surface);border:1px solid var(--rule);position:relative}.panel-hd{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--surface-tint)}.panel-hd .t{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.panel-hd .r{margin-left:auto}.panel-bd{padding:14px}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:var(--surface);color:var(--ink);border:1px solid var(--rule-strong);font-family:var(--f-sans);font-size:12.5px;font-weight:500;cursor:pointer;border-radius:0;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:hover{background:var(--surface-mute);text-decoration:none}.btn.sm{height:24px;padding:0 8px;font-size:11.5px}.btn.lg{height:34px;padding:0 16px;font-size:13px}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:#000;color:var(--bg)}.btn.ghost{background:transparent;border-color:var(--rule);color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-mute);border-color:var(--rule-mid)}.btn.danger{border-color:var(--err);color:var(--err);background:var(--surface)}.btn.danger:hover{background:var(--err-soft)}.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed}.btn .ico{width:13px;height:13px}.btn-group{display:inline-flex}.btn-group .btn{border-right-width:0}.btn-group .btn:last-child{border-right-width:1px}.iconbtn{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);cursor:pointer;text-decoration:none}.iconbtn:hover{background:var(--surface-mute)}.iconbtn .ico{width:14px;height:14px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label,.lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.input,.select,.textarea{width:100%;height:30px;padding:0 10px;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:0;font-family:inherit;font-size:13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:80px;line-height:1.55}.input.mono{font-family:var(--f-mono);font-size:12.5px}.input.lg{height:36px;font-size:14px}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(-45deg,transparent 50%,var(--ink-3) 50%);background-position:right 12px top 14px,right 8px top 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:26px}.input-icon{position:relative;display:flex;align-items:center}.input-icon .ico{position:absolute;left:9px;width:14px;height:14px;color:var(--ink-3);pointer-events:none}.input-icon .input{padding-left:30px}.input-icon .kbd{position:absolute;right:8px;font-family:var(--f-mono);font-size:10px;color:var(--ink-3);background:var(--surface-mute);border:1px solid var(--rule);padding:1px 4px}.checkbox{width:14px;height:14px;border:1px solid var(--rule-strong);background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox.checked,.checkbox:checked{background:var(--ink);border-color:var(--ink)}.checkbox.checked:after,.checkbox:checked:after{content:"";width:8px;height:4px;border-left:1.5px solid var(--bg);border-bottom:1.5px solid var(--bg);transform:rotate(-45deg) translate(1px,-1px)}.tog{width:30px;height:16px;border:1px solid var(--rule-strong);background:var(--surface);position:relative;flex:none;display:inline-block}.tog:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;background:var(--ink-3)}.tog.on{background:var(--ink)}.tog.on:after{left:15px;background:var(--bg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);border-radius:0;white-space:nowrap}.badge .dot{width:6px;height:6px;background:currentColor}.badge.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.badge.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.badge.err{color:var(--err);border-color:var(--err);background:var(--err-soft)}.badge.info{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.badge.muted{color:var(--ink-3)}.badge.solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tbl{width:100%;border-collapse:collapse;background:var(--surface);font-size:var(--fs-body)}.tbl thead th{text-align:left;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--rule-strong);border-top:1px solid var(--rule-strong);background:var(--surface-tint);white-space:nowrap}.tbl tbody td{padding:var(--pad-y) var(--pad-x);border-bottom:1px solid var(--rule);height:var(--row-h);vertical-align:middle;color:var(--ink-2)}.tbl tbody tr:hover td{background:var(--surface-tint)}.tbl tbody tr.row-link{cursor:pointer}.tbl tbody tr.sel td{background:#f3f3f3;box-shadow:inset 2px 0 0 var(--ink)}.tbl td.num,.tbl th.num{font-family:var(--f-mono);font-feature-settings:"tnum" 1;text-align:right}.tbl td.mono,.tbl th.mono{font-family:var(--f-mono)}.tbl td.center,.tbl th.center{text-align:center}.tbl td.shrink,.tbl th.shrink{width:1%;white-space:nowrap}.thumb{width:36px;height:36px;background:var(--surface-mute);border:1px solid var(--rule);display:inline-grid;place-items:center;flex:none;font-family:var(--f-mono);font-size:9.5px;color:var(--ink-3);background-image:repeating-linear-gradient(45deg,transparent 0 5px,rgba(12,12,10,.04) 5px 6px)}.thumb.sm{width:24px;height:24px;font-size:8px}.thumb.lg{width:64px;height:64px;font-size:11px}.thumb.solid{background:var(--ink);background-image:none;color:var(--bg);font-family:var(--f-sans);font-size:12px;font-weight:500}.pager{display:flex;align-items:center;gap:6px;padding:10px 4px;font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3)}.pager .pn{min-width:26px;height:26px;padding:0 6px;border:1px solid var(--rule);display:inline-grid;place-items:center;background:var(--surface);color:var(--ink-2);text-decoration:none}.pager .pn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pager .pn:hover:not(.active){background:var(--surface-mute)}.pager .pn.disabled{opacity:.35;pointer-events:none}.tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:16px}.tab{padding:9px 14px;font-size:13px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;text-decoration:none}.tab .nm{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-4)}.tab:hover{color:var(--ink-2);text-decoration:none}.tab.active{color:var(--ink);border-bottom-color:var(--rule-strong);font-weight:500}.tab.active .nm{color:var(--ink-3)}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 0;flex-wrap:wrap}.toolbar .grow{flex:1}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--rule)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;border:1px solid var(--rule);background:var(--surface);font-size:12px;color:var(--ink-2);font-family:var(--f-sans);cursor:pointer;text-decoration:none}.chip:hover{background:var(--surface-mute);text-decoration:none}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip .v{font-family:var(--f-mono);font-size:11px;color:var(--ink-3)}.chip.on .v{color:var(--bg);opacity:.7}.chip .x{color:var(--ink-4);margin-left:2px}.chip.on .x{color:var(--bg);opacity:.7}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--rule-strong);border-left:1px solid var(--rule-strong);background:var(--surface)}.kpi{border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);padding:14px 16px;position:relative}.kpi .k{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.kpi .v{font-family:var(--f-sans);font-weight:600;font-size:30px;line-height:1.05;margin-top:8px;color:var(--ink);letter-spacing:-.025em;font-feature-settings:"tnum" 1}.kpi .v small{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);margin-left:4px}.kpi .delta{margin-top:6px;font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3)}.kpi .delta.up{color:var(--ok)}.kpi .delta.down{color:var(--err)}.kv{display:grid;grid-template-columns:160px 1fr;gap:0;font-size:13px}.kv>.k{padding:7px 12px 7px 0;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule-soft)}.kv>.v{padding:7px 0 7px 12px;border-bottom:1px solid var(--rule-soft);color:var(--ink)}.kv>.v.mono{font-family:var(--f-mono);font-size:12px}.flash{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:9px 14px;font-size:12.5px;border-left:3px solid var(--accent);z-index:200;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #00000026}.flash.error{border-left-color:var(--err)}.md-toolbar{display:flex;gap:0;border:1px solid var(--rule);border-bottom:0;background:var(--surface-tint)}.md-toolbar .b{width:28px;height:28px;display:grid;place-items:center;border-right:1px solid var(--rule);font-family:var(--f-mono);font-size:11px;color:var(--ink-2);cursor:pointer}.md-toolbar .b:hover{background:var(--surface-mute)}.md-area{font-family:var(--f-mono);font-size:13px;line-height:1.7;border:1px solid var(--rule);padding:14px 16px;min-height:280px;background:var(--surface);white-space:pre-wrap;color:var(--ink-2);width:100%;resize:vertical}.md-area .h{color:var(--ink);font-weight:600;font-family:var(--f-sans)}.img-slot{background:repeating-linear-gradient(45deg,transparent 0 7px,rgba(12,12,10,.05) 7px 8px),var(--surface-mute);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;text-align:center;position:relative;flex-direction:column;padding:10px}.img-slot:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed var(--rule-mid);pointer-events:none}.bar{height:6px;background:var(--surface-mute);border:1px solid var(--rule);position:relative}.bar>i{display:block;height:100%;background:var(--ink)}.bar.accent>i{background:var(--accent)}.row{display:flex;align-items:center;gap:10px}.row.tight{gap:6px}.row.spread{justify-content:space-between}.col{display:flex;flex-direction:column;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-12{display:grid;grid-template-columns:2fr 1fr;gap:16px}.muted{color:var(--ink-3)}.subtle{color:var(--ink-4)}.right{text-align:right}.divider{height:1px;background:var(--rule);margin:12px 0}.divider.heavy{background:var(--rule-strong)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--rule-mid);border-radius:0}*::-webkit-scrollbar-track{background:transparent}body.login-mode{background:var(--bg)}body.login-mode:before{display:none}.login{min-height:100vh;display:grid;grid-template-columns:1fr 480px;background:var(--bg)}.login .stage{position:relative;display:flex;flex-direction:column;padding:32px 36px;background:var(--side-bg);color:var(--side-fg);gap:24px}.login .form{display:flex;flex-direction:column;justify-content:center;padding:32px 56px;background:var(--surface);border-left:1px solid var(--rule)}.login .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:540px;border-top:1px solid var(--side-rule-strong);border-left:1px solid var(--side-rule-strong)}.login .stats>div{border-right:1px solid var(--side-rule-strong);border-bottom:1px solid var(--side-rule-strong);padding:10px 12px}.login .stats .v{font-size:22px;color:var(--side-fg);margin-top:4px;font-feature-settings:"tnum" 1;font-weight:600}@media (max-width: 768px){.login,.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid-12{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}