:root{--side: #1f1b18;--side-text: #e8e4df;--side-mute: #9b948b;--pri: #13897b;--pri-dark: #0e6c61;--pri-soft: #e3f3f0;--bg: #f4f3f1;--card: #fff;--line: #e6e3df;--text: #2b2622;--mute: #7a736b;--warn: #b45309;--warn-bg: #fff4e0;--err: #b3261e;--err-bg: #fdeceb;--ok: #1b7f4b}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.side{width:232px;flex:none;background:var(--side);color:var(--side-text);padding:18px 0 24px}.side .brand{padding:0 20px 14px}.side .brand small{display:block;color:var(--side-mute);font-size:11.5px}.side .brand b{display:block;font-size:17px;line-height:1.35;margin-top:2px;color:#fff}.side h4{margin:16px 20px 4px;font-size:11px;color:var(--side-mute);letter-spacing:.04em}.side a{display:flex;justify-content:space-between;align-items:center;margin:1px 10px;padding:5px 10px;border-radius:6px;color:var(--side-text);text-decoration:none;font-size:13.5px}.side a span{font-size:10px;color:var(--side-mute);font-family:ui-monospace,Menlo,monospace}.side a.on{background:var(--pri);color:#fff}.side a.on span{color:#cdeee9}.main{flex:1;min-width:0}.top{display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line);padding:10px 24px;font-size:13px;white-space:nowrap}.top label{color:var(--mute)}.sel{display:inline-block;border:1px solid #cfcac4;border-radius:6px;padding:5px 30px 5px 10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;font-size:13px;color:var(--text);min-width:90px}.top .hint{color:var(--mute);font-size:12px;overflow:hidden;text-overflow:ellipsis}.top .now{margin-left:auto;color:var(--text);font-size:12px}.testbar{background:#b45309;color:#fff;text-align:center;padding:7px 12px;font-weight:700;font-size:13.5px;letter-spacing:.03em}.content{padding:18px 28px 14px}.crumb{color:var(--mute);font-size:12px}.crumb i{font-style:normal;margin:0 5px;color:#bbb}.ttl{display:flex;align-items:center;gap:10px;margin:8px 0 2px}.ttl h1{font-size:23px;margin:0}.badge{background:#e7e4e0;color:#5b544c;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:1px 8px;border-radius:4px}.ttl .act{margin-left:auto;display:flex;gap:8px}.desc{color:var(--mute);margin:2px 0 14px;font-size:13px}.btn{display:inline-block;border:1px solid #cfcac4;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px;color:var(--text);font-weight:500;white-space:nowrap}.btn.pri{background:var(--pri);border-color:var(--pri);color:#fff}.btn.sm{padding:3px 10px;font-size:12px}.btn.lg{padding:9px 22px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px}.card>h3{margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14.5px;display:flex;align-items:center;justify-content:space-between}.card>h3 a{font-size:12px;color:var(--pri);font-weight:500}.card .bd{padding:14px 16px}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(6,1fr);margin-bottom:14px}.kpi{padding:11px 14px}.kpi small{color:var(--mute);font-size:12px}.kpi b{display:block;white-space:nowrap;font-size:19px;margin:2px 0;letter-spacing:.01em}.kpi em{font-style:normal;color:var(--mute);font-size:11.5px}.period{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--mute);font-size:13px}.tag{display:inline-block;font-size:11px;padding:0 7px;border-radius:4px;border:1px solid #d4d0ca;background:#f6f5f3;color:#555;line-height:1.7;vertical-align:middle}.tag.mid{background:#fff4e0;border-color:#f0cf9a;color:var(--warn)}.tag.high{background:var(--err-bg);border-color:#f0b9b5;color:var(--err)}.tag.low{background:#f1f1f1}.tag.un{background:var(--err-bg);border-color:#f0b9b5;color:var(--err)}.tag.ok{background:#e4f5ec;border-color:#a9dcc0;color:var(--ok)}.tag.test{background:var(--warn-bg);border-color:#f0cf9a;color:var(--warn)}.tag.new{background:var(--pri);border-color:var(--pri);color:#fff}.alert{padding:9px 11px;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;font-size:12.5px;line-height:1.5}.alert .h{display:flex;justify-content:space-between;font-weight:700;margin-bottom:2px;font-size:13px}.alert .h span.t{color:var(--mute);font-weight:400;font-size:11.5px}.alert a{color:var(--pri);font-size:12px}.hbar{display:grid;grid-template-columns:200px 1fr 120px;align-items:center;gap:10px;margin:9px 0;font-size:13px}.hbar .tr{height:16px;background:#efede9;border-radius:3px;overflow:hidden}.hbar .tr i{display:block;height:100%;background:var(--pri)}.hbar .v{text-align:right;font-variant-numeric:tabular-nums}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{text-align:left;color:var(--mute);font-weight:500;font-size:12px;padding:9px 14px;background:#faf9f7;border-bottom:1px solid var(--line);white-space:nowrap}table.t td{padding:11px 14px;border-bottom:1px solid #efece8;white-space:nowrap}table.t td.r,table.t th.r{text-align:right}table.t tr.hl td{background:#eaf6f3}table.t a{color:var(--pri);font-weight:500}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:6px 0 16px}.tabs div{padding:9px 18px;font-size:13.5px;color:var(--mute);border-bottom:3px solid transparent;margin-bottom:-1px}.tabs div.on{color:var(--pri);border-bottom-color:var(--pri);font-weight:700}.empty{text-align:center;padding:46px 20px 50px}.empty .ic{width:64px;height:64px;border-radius:50%;background:var(--pri-soft);margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.empty b{display:block;font-size:16px;margin-bottom:4px}.empty p{color:var(--mute);margin:0 0 18px}.overlay{position:fixed;inset:0;background:#1f1b188c;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000059;width:560px}.modal.w{width:800px}.modal>h2{margin:0;padding:15px 22px;border-bottom:1px solid var(--line);font-size:17px;display:flex;justify-content:space-between}.modal>h2 span{color:#999;font-weight:400}.modal .bd{padding:16px 22px 6px}.modal .ft{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#faf9f7;border-radius:0 0 10px 10px}.fld{margin-bottom:13px}.fld label{display:block;font-size:12.5px;font-weight:700;margin-bottom:4px}.fld label em{color:var(--err);font-style:normal;margin-left:3px}.fld .help{color:var(--mute);font-size:11.5px;margin-top:3px}.field-error{color:var(--err);font-size:12px;margin:4px 0 0}.field-warning{color:var(--warn);font-size:12px;margin:4px 0 0}.key-card{border:1px solid var(--line);border-radius:8px;padding:12px;margin:10px 0;background:#faf9f7}.inp{border:1px solid #cfcac4;border-radius:6px;padding:7px 10px;background:#fff;font-size:13.5px;min-height:34px}.inp.ro{background:#f3f1ee;color:#6c655d}.tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tpl{border:1.5px solid var(--line);border-radius:8px;padding:11px 12px;position:relative}.tpl.on{border-color:var(--pri);background:#f1faf8}.tpl b{display:flex;align-items:center;gap:7px;font-size:13.5px;margin-bottom:3px}.tpl p{margin:0;color:var(--mute);font-size:12px;line-height:1.5}.radio{width:15px;height:15px;border:2px solid #b6b0a8;border-radius:50%;flex:none}.tpl.on .radio{border-color:var(--pri);background:radial-gradient(var(--pri) 0 4px,#fff 4.5px)}.toast{background:#e4f5ec;border:1px solid #a9dcc0;color:#14633a;border-radius:6px;padding:8px 14px;margin-bottom:12px;font-size:13px}dl.kv{margin:0;display:grid;grid-template-columns:150px 1fr;row-gap:9px;font-size:13px}dl.kv dt{color:var(--mute)}dl.kv dd{margin:0;min-width:0}.code{background:#f6f5f3;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;display:flex;justify-content:space-between;gap:10px;align-items:center}.code span.v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}pre.pem{margin:0;background:#f6f5f3;border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.5;color:#3d3832}.note{background:var(--warn-bg);border:1px solid #f0cf9a;color:#7a4306;border-radius:6px;padding:8px 11px;font-size:12.5px;line-height:1.55;margin:10px 0}.foot{text-align:center;color:#9a938a;font-size:12px;padding:16px 0 4px}.lock{display:inline-block;vertical-align:-2px;margin-right:3px}.sw{display:inline-block;width:18px;height:18px;border-radius:3px;border:1px solid #cfcac4;vertical-align:-4px;margin-right:6px}.pvtabs{display:flex;gap:6px;padding:10px 16px 0}.pvtabs div{padding:5px 14px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--mute);background:#fff}.pvtabs div.on{background:var(--pri);border-color:var(--pri);color:#fff}.sect{font-size:12px;font-weight:700;color:var(--pri-dark);margin:12px 0 7px;padding-bottom:3px;border-bottom:1px solid var(--line)}.sect:first-child{margin-top:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:inline-flex;border:1px solid #cfcac4;border-radius:6px;overflow:hidden}.seg div{padding:5px 14px;font-size:12.5px;background:#fff}.seg div.on{background:var(--pri);color:#fff}.lockrow{display:flex;justify-content:space-between;background:#f3f1ee;border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:12.5px;margin-bottom:5px;color:#5d564e}.pp{--pc: #006496;--bc: #006496;--rad: 0px;background:#f2f4f6;color:#1d2a33;font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;width:960px;text-align:left}.pp .hd{background:#fff;border-bottom:3px solid var(--pc);padding:14px 32px;display:flex;align-items:center;gap:12px}.pp .logo{border:2px solid var(--pc);color:var(--pc);font-weight:900;font-size:15px;padding:3px 10px;letter-spacing:.02em}.pp .hd small{color:#667;font-size:12px;margin-left:auto}.pp .tst{background:#b45309;color:#fff;text-align:center;font-weight:700;font-size:13px;padding:6px}.pp .bdy{padding:26px 32px 24px}.pp h1{font-size:22px;margin:0 0 4px;color:#14222c}.pp .sub{color:#5c6b75;font-size:13px;margin:0 0 18px}.pp .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pp .box{background:#fff;border:1px solid #d9dfe4;border-radius:var(--rad);padding:18px 20px}.pp .box h2{font-size:15px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e3e8ec;color:var(--pc)}.pp .ln{display:flex;justify-content:space-between;padding:6px 0;font-size:13.5px;border-bottom:1px dashed #e3e8ec}.pp .ln span{color:#5c6b75}.pp .ln.tot{font-weight:700;font-size:16px;border-bottom:none;padding-top:10px}.pp .ln.tot span{color:#14222c}.pp .qrw{text-align:center}.pp .qrw .qr{display:inline-block;border:1px solid #d9dfe4;padding:10px;background:#fff}.pp .qrw p{font-size:12.5px;color:#4a5963;margin:10px 0 0;line-height:1.6}.pp .cd{display:inline-block;background:#eef3f6;border-radius:999px;padding:3px 14px;font-size:13px;margin-top:10px}.pp .cd b{color:var(--pc);font-variant-numeric:tabular-nums}.pp .pbtn{display:inline-block;background:var(--bc);color:#fff;border-radius:var(--rad);padding:11px 30px;font-weight:700;font-size:14.5px}.pp .fixed{margin-top:16px;display:flex;gap:18px;font-size:12px;color:#5c6b75;background:#e9eef2;border-radius:var(--rad);padding:8px 14px}.pp .ok{width:62px;height:62px;border-radius:50%;background:var(--pc);margin:4px auto 12px;display:flex;align-items:center;justify-content:center}.pp .center{text-align:center}.pp .er{width:62px;height:62px;border-radius:50%;background:var(--err);margin:4px auto 12px;display:flex;align-items:center;justify-content:center}.pp.one .cols{grid-template-columns:1fr;max-width:520px;margin:0 auto}.inp.sel{padding-right:30px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center}button,a{cursor:pointer}button{font:inherit}button:disabled{opacity:.5;cursor:wait}.card{margin-bottom:16px}.inp{width:100%;max-width:680px}textarea.inp{min-height:90px}.link{border:0;background:none;color:var(--pri)}.tabs button{border:0;background:none;padding:10px 18px;color:var(--mute);border-bottom:3px solid transparent}.tabs button.on{color:var(--pri);border-bottom-color:var(--pri)}.actions{display:flex;gap:12px;align-items:center;margin:16px 0}.data{white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto}.facility{padding:14px;background:#faf9f7;border:1px solid var(--line);margin:12px 0;border-radius:8px}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview{background:#f2f4f6;padding:32px 24px;border-top:4px solid;text-align:center;position:sticky;top:24px}.preview button{border:0;color:#fff;padding:12px 26px}.login{max-width:600px;margin:60px auto}.login-head{background:var(--side);color:#fff;padding:24px;font-size:20px}.login .card{border-radius:0 0 8px 8px}.login .bd{padding:32px}fieldset{border:0;padding:0}.btn{margin:3px}table.t td{white-space:normal;overflow-wrap:anywhere}.mono,dd{overflow-wrap:anywhere}.kpis{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.side{width:180px}.top{flex-wrap:wrap}.design-grid{grid-template-columns:1fr}.content{padding:16px}.kpis,.tpls{grid-template-columns:1fr}}.chart{display:block;width:100%;max-height:240px;margin:12px 0}.kpi b{font-size:26px;overflow-wrap:anywhere}.facility{padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #13897b;outline-offset:3px}.preview{border-color:var(--preview-primary);border-radius:var(--preview-radius);font-family:var(--preview-font)}.preview h2{color:var(--preview-primary)}.preview button{background:var(--preview-button);border-radius:var(--preview-radius)}.org-sel{max-width:16em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top .hint.org-path{display:inline-block;max-width:16em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}