: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}.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}.topbar .logout{background:#ffffff1a;color:#fff;border:none;padding:7px 14px;border-radius:8px;font-size:13px}.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 28px 80px;max-width:1280px;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:wrap}.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}.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}.note-line{color:var(--text-2);font-size:12px;margin-top:10px}.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}}