:root{--ink: #0e1726;--ink-2: #16203180;--ink-panel: #141e2e;--ink-line: rgba(255, 255, 255, .08);--paper: #eef1f6;--white: #ffffff;--card: #ffffff;--text: #0e1726;--text-2: #5b6b85;--text-3: #8b98ad;--text-3-aa: #6b7890;--line: #e2e7ef;--line-2: #edf0f5;--brand: #00a6a6;--brand-deep: #007c7c;--brand-soft: #e0f5f5;--ok: #1f9d6b;--ok-soft: #e4f4ed;--warn: #d9920a;--warn-soft: #fbf1dd;--alert: #e0392f;--alert-soft: #fbe6e4;--urgent: #d6006e;--urgent-soft: #fce2ef;--radius: 14px;--radius-s: 10px;--shadow: 0 1px 2px rgba(14, 23, 38, .04), 0 8px 24px rgba(14, 23, 38, .06);--shadow-lg: 0 24px 64px rgba(14, 23, 38, .18);--mono: "IBM Plex Mono", monospace;--disp: "Space Grotesk", sans-serif;--jp: "Noto Sans JP", sans-serif;--topbar-h: 54px}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}body{margin:0;font-family:var(--jp);background:var(--paper);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.boot{display:grid;place-items:center;min-height:100vh;color:var(--text-2)}button{font-family:inherit;cursor:pointer}.sid{font-family:var(--mono);font-size:10.5px;color:var(--text-3-aa);background:var(--line-2);padding:1px 6px;border-radius:5px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--brand),#00d4c4)}.brand small{font-weight:400;color:var(--brand);font-family:var(--mono);font-size:11px}.topbar{position:sticky;top:0;z-index:60;height:var(--topbar-h);background:var(--ink);color:#fff;display:flex;align-items:center;gap:16px;padding:0 20px}.topbar .spacer{flex:1}.topbar .live{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;padding:6px 11px;border-radius:9px;background:#ffffff0f}.topbar .live .d{width:8px;height:8px;border-radius:50%}.topbar .live.ok .d{background:var(--ok)}.topbar .live.down{color:var(--warn)}.topbar .live.down .d{background:var(--warn);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.topbar .user{font-size:13px;color:#fffc;white-space:nowrap}.topbar .logout{background:#ffffff1a;color:#fff;border:none;padding:7px 14px;border-radius:8px;font-size:13px;white-space:nowrap}.body{display:grid;grid-template-columns:232px 1fr;min-height:calc(100vh - var(--topbar-h))}.side{background:var(--ink);color:#fff;padding:18px 12px;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto}.side a{display:block;color:#ffffffb8;padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:500;text-decoration:none;margin-bottom:2px}.side a:hover{background:#ffffff0f;color:#fff}.side a.on{background:var(--brand);color:#042824;font-weight:700}.side .feed{margin-top:22px;border-top:1px solid var(--ink-line);padding-top:12px}.side .feed-h{font-size:10px;color:var(--text-3);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:0 12px 6px}.side .feed-item{font-size:11px;color:#ffffffa6;padding:4px 12px;overflow-wrap:anywhere}.side .feed-empty{font-size:11px;color:var(--text-3);padding:4px 12px}.main{padding:24px 36px 80px;max-width:1600px;width:100%;min-width:0}.ph{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.ph h1{font-size:24px;font-weight:900;letter-spacing:-.01em;margin:0}.ph .sub{color:var(--text-2);font-size:13.5px;margin:3px 0 0}.ph-actions{display:flex;gap:10px;align-items:center}.sr-inline{font-size:12px;color:var(--text-2);display:flex;gap:6px;align-items:center}select,.ph-actions select{font-family:inherit;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi .k-lbl{font-size:12px;color:var(--text-2);font-weight:500}.kpi .k-val{font-family:var(--disp);font-size:31px;font-weight:600;letter-spacing:-.02em;margin-top:8px;line-height:1}.kpi .k-val .u{font-size:15px;color:var(--text-3-aa);font-weight:500;margin-left:3px}.kpi.accent:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.kpi.a-ok:after{background:var(--ok)}.kpi.a-alert:after{background:var(--alert)}.kpi.a-brand:after{background:var(--brand)}.kpi.a-warn:after{background:var(--warn)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.panel-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-2)}.panel-h h3{font-size:14.5px;font-weight:700;margin:0}.panel-b{padding:16px 18px}.face-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.face-row:last-child{margin-bottom:0}.face-bar{flex:1}.face-bar .top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}.face-bar .top b{font-family:var(--disp);font-size:15px}.track{height:9px;background:var(--line-2);border-radius:20px;overflow:hidden}.track i{display:block;height:100%;border-radius:20px;background:var(--brand)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;color:var(--text-3-aa);font-weight:600;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;border-bottom:1px solid var(--line);background:#fbfcfe}tbody td{padding:13px 18px;border-bottom:1px solid var(--line-2);font-size:13.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfd}.row-actions{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap;justify-content:flex-end}.row-actions .btn{flex:none}.st{font-size:11px;font-weight:700;padding:3px 10px;border-radius:30px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.st .d{width:6px;height:6px;border-radius:50%}.st.s-watch{background:var(--warn-soft);color:#9a6705}.st.s-watch .d{background:var(--warn)}.st.s-push{background:var(--alert-soft);color:#a82820}.st.s-push .d{background:var(--alert)}.st.s-esc{background:var(--urgent-soft);color:#9c0050}.st.s-esc .d{background:var(--urgent)}.st.s-done{background:var(--ok-soft);color:#0f6b46}.st.s-done .d{background:var(--ok)}.st.s-urgent{background:var(--urgent);color:#fff}.st.s-urgent .d{background:#fff}.st.s-breached{background:#2a0a0a;color:#ffd5d0}.st.s-breached .d{background:var(--alert)}.btn{background:var(--brand);color:#042824;border:none;font-weight:700;font-size:13px;padding:9px 16px;border-radius:9px}.btn:hover{background:var(--brand-deep);color:#fff}.btn.sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#fff;color:var(--text-1, #1a2b2b);border:1px solid var(--line);font-weight:600}.btn.ghost:hover{background:var(--line-2);color:var(--text-1, #1a2b2b)}b.muted{color:var(--text-3-aa);font-weight:600;font-size:12px}.tag{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;display:inline-block}.tag-published{background:var(--ok-soft);color:#0f6b46}.tag-draft{background:var(--warn-soft);color:#8a5a00}.tag-unpublished{background:var(--line-2);color:var(--text-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08141275;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50;overflow-y:auto}.modal{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(540px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-2)}.modal-h h3{margin:0;font-size:17px;font-weight:800}.modal-x{background:none;border:none;font-size:22px;line-height:1;color:var(--text-3-aa);cursor:pointer;padding:2px 6px;border-radius:6px}.modal-x:hover{background:var(--line-2);color:var(--text-1, #1a2b2b)}.modal-b{padding:18px 20px;overflow-y:auto}.form{display:flex;flex-direction:column;gap:14px}.form .field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--text-2);font-weight:600}.form .field input,.form .field select{font-family:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text-1, #1a2b2b);font-weight:400}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field-note{font-size:12px;color:var(--text-3-aa);margin:-4px 0 0}.field-check{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-1, #1a2b2b);font-weight:500}.field-check input{width:17px;height:17px;accent-color:var(--brand)}.field-set{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0}.field-set legend{font-size:12px;font-weight:700;color:var(--text-2);padding:0 6px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media(max-width:560px){.field-grid,.check-grid{grid-template-columns:1fr}.topbar{padding:0 12px;gap:10px}.brand{font-size:15px}.brand small,.topbar .live{display:none}.topbar .user{font-size:12px}.topbar .logout{padding:6px 11px}.ph{gap:10px}.ph h1{font-size:20px}}.form-narrow{max-width:420px}.ok-line{color:#0f6b46;font-size:13px;font-weight:600}.btn.danger{background:var(--alert, #c0392b);color:#fff}.btn.danger:hover{background:#9c2a1f;color:#fff}.form-actions .spacer{flex:1}.guide{max-width:none}.guide-sec .panel-b{padding:26px 30px}.guide h2{font-size:19px;font-weight:800;margin:0 0 14px}.guide h3{font-size:15px;font-weight:700;margin:0}.guide p{font-size:14px;line-height:1.8;color:var(--text-1, #1a2b2b);margin:0 0 12px}.guide code{font-family:var(--mono);font-size:12.5px;background:var(--line-2);padding:1px 6px;border-radius:5px}.guide-fig{margin:14px 0 4px}.guide-fig img{width:100%;max-width:940px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:block}.guide-fig-narrow img{max-width:460px}.guide-fig figcaption{font-size:12px;color:var(--text-3-aa);margin-top:8px}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}.step-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.step-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#042824;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}.guide-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}.guide-list li{font-size:14px;line-height:1.7;color:var(--text-1, #1a2b2b)}.guide p,.step-h,.guide-list:not(.cols){max-width:940px}.guide-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.guide-list.cols{columns:2;column-gap:44px;padding-left:0;display:block}.guide-list.cols li{break-inside:avoid;margin:0 0 10px 20px}.screen-block{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.screen-block:first-of-type{border-top:none;margin-top:10px;padding-top:6px}.screen-block h3{font-size:16px;font-weight:800;margin:0 0 6px}@media(max-width:1040px){.guide-cols{grid-template-columns:1fr}.guide-list.cols{columns:1}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.period-picker select{font-family:inherit;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:12.5px}.period-picker select option{color:#1a2b2b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.dist-n{color:var(--text-3-aa);font-weight:500;font-size:12px}.chart{width:100%;height:auto;display:block}.chart .grid{stroke:var(--line-2);stroke-width:1}.chart .axis{fill:var(--text-3-aa);font-size:10px;font-family:var(--mono)}.chart .bar-clean{fill:var(--brand)}.chart .bar-inc{fill:var(--alert)}.chart .line-smile{stroke:var(--ok);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart .dot-smile{fill:var(--ok)}.chart-legend{display:flex;gap:16px;margin-bottom:8px;font-size:12px;color:var(--text-2)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.lg-smile{background:var(--ok)}.lg-clean{background:var(--brand)}.lg-inc{background:var(--alert)}.hbars{display:flex;flex-direction:column;gap:11px}.hbar{display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:12px}.hbar-l{font-size:13px;color:var(--text-1, #1a2b2b)}.hbar-v{text-align:right;font-size:13px}.hbar-bar .track{height:11px}.inc-detail .kv{margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.inc-detail .kv>div{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;font-size:13.5px}.inc-detail .kv dt{color:var(--text-2);font-size:12px;margin:0}.inc-detail .kv dd{margin:0;color:var(--text-1, #1a2b2b)}.tl-h{font-size:13px;font-weight:700;margin:4px 0 10px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:12px;padding-bottom:14px;position:relative}.timeline li:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:var(--line-2)}.tl-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--brand);margin-top:3px}.tl-body{flex:1}.tl-top{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.tl-time{color:var(--text-3-aa);font-size:12px}.tl-note{font-size:12.5px;color:var(--text-2);margin-top:3px}.state-skel{display:flex;flex-direction:column;gap:10px;padding:20px}.state-skel span{height:16px;border-radius:6px;background:linear-gradient(90deg,var(--line-2),#f6f8fb,var(--line-2));background-size:200% 100%;animation:shimmer 1.3s infinite}.state-skel span:nth-child(2){width:70%}.state-skel span:nth-child(3){width:45%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state-empty{padding:36px;text-align:center;color:var(--text-2);font-size:14px}.state-error{padding:28px;text-align:center;color:var(--alert)}.state-error button{margin-top:12px}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-size:13px}.pager button{background:#fff;border:1px solid var(--line);padding:7px 14px;border-radius:8px}.pager button:disabled{opacity:.4}.callout{background:var(--warn-soft);border:1px solid var(--warn);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.callout .token{font-family:var(--mono);font-size:13px;background:#fff;padding:10px 12px;border-radius:8px;word-break:break-all}.prov-body{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.prov-code-box{display:flex;flex-direction:column;gap:6px;min-width:200px}.prov-code{font-size:40px;font-weight:700;letter-spacing:6px;background:#fff;border-radius:10px;padding:10px 16px;align-self:flex-start}.prov-qr-box{display:flex;flex-direction:column;align-items:center;gap:6px}.prov-qr{background:#fff;border-radius:10px;padding:8px;display:block}.prov-qr-cap{font-size:11.5px;color:var(--text-2)}.prov-manual{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}.prov-manual-h{font-size:12px;color:var(--text-2)}.note-line{color:var(--text-2);font-size:12px;margin-top:10px}.cmd-notice{background:var(--brand-soft, rgba(0, 166, 166, .1));border:1px solid var(--brand, #00a6a6);border-radius:8px;padding:9px 14px;font-size:13px;margin:0 0 14px}.pop-stack{position:fixed;top:60px;right:14px;z-index:300;display:flex;flex-direction:column;gap:10px;width:min(370px,calc(100vw - 24px))}.pop{background:var(--card, #fff);border-radius:12px;box-shadow:var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, .22));border-left:5px solid var(--brand);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;animation:pop-in .22s ease-out}.pop.push{border-left-color:var(--warn, #e8a13c)}.pop.urgent,.pop.breached{border-left-color:var(--alert, #e2544a)}.pop-body{flex:1;min-width:0}.pop-body b{font-size:14px;display:block;margin-bottom:2px}.pop.urgent .pop-body b,.pop.breached .pop-body b{color:var(--alert, #e2544a)}.pop-body p{margin:0;font-size:13px;color:var(--text-2);overflow-wrap:anywhere}.pop-time{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--text-3)}.pop-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pop-x{background:none;border:none;font-size:18px;line-height:1;color:var(--text-3);cursor:pointer;padding:4px 6px;border-radius:6px}.pop-x:hover{background:#0000000f;color:var(--text-1, #1c2430)}@keyframes pop-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pop{animation:none}}.pop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#080e1880;display:grid;place-items:center;padding:20px;overflow-y:auto}.pop-center{display:flex;flex-direction:column;gap:14px;width:min(520px,94vw)}.pop.big{border-left-width:7px;padding:30px 32px 26px;animation:pop-in-center .22s ease-out;flex-direction:column;align-items:stretch;position:relative}.pop.big .pop-body b{font-size:21px;margin-bottom:10px}.pop.big .pop-body p{font-size:16px;line-height:1.7}.pop.big .pop-time{display:block;margin:6px 0 0;font-size:12px}.pop.big .pop-actions{margin-top:22px;width:100%}.pop.big .pop-actions .btn{flex:1;padding:13px;font-size:16px}.pop.big .pop-x{position:absolute;top:10px;right:10px;font-size:22px}@keyframes pop-in-center{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pop.big{animation:none}}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--ink);padding:24px}.login-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:34px 36px;width:min(400px,92vw);display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:20px;margin:6px 0 8px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}.login-card input{font-size:15px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}.login-card .btn{margin-top:6px;padding:12px;font-size:15px}.err{color:var(--alert);font-size:13px;margin:0}@media(max-width:880px){.body{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px}.side .feed{display:none}.kpis{grid-template-columns:repeat(2,1fr)}thead{display:none}tbody td{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border:none}tbody tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-3-aa);font-size:11px}.row-actions{justify-content:flex-end;flex-wrap:wrap}}