:root{color-scheme:light;font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;color:#192e32;background:#f5f7f6;font-size:16px}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}
header{background:#123d36;color:white}.top,main{max-width:1100px;margin:auto;padding:0 clamp(16px,4vw,48px)}
.top,.heading,.sheet-head,.tabs,.filters{display:flex;align-items:center;gap:14px}.top{min-height:64px;flex-wrap:wrap;padding-block:8px}
.top strong{font-size:21px;letter-spacing:.07em}.top strong span{color:#b3dfcf}.area{border-left:1px solid #76978d;padding-left:14px}.space{flex:1}
#environment{font-size:14px}.top button{color:white;border-color:#83a59a;background:transparent}
main{padding-top:clamp(26px,6vw,64px);padding-bottom:40px}.heading,.sheet-head{justify-content:space-between}.heading{margin-bottom:22px}
h1{font-size:clamp(26px,4vw,36px);line-height:1.35;margin:0}h2{font-size:25px;margin:16px 0;overflow-wrap:anywhere}h3{font-size:18px;margin:22px 0 8px}
button,input,select{font:inherit;font-size:16px}button{background:white;border:1px solid #afc0ba;border-radius:6px;color:#1b4b40;cursor:pointer;padding:8px 13px}
button:hover{background:#eff6f2}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #29806f;outline-offset:2px}
.panel,.login{background:white;border:1px solid #cbd7d2;border-radius:12px;overflow:hidden}.login{max-width:520px;padding:clamp(20px,4vw,32px);margin:0 auto}
.tabs{gap:0;border-bottom:1px solid #d4deda;padding:0 20px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 12px;color:#52665f}.tabs [aria-pressed="true"]{color:#164e3e;border-color:#276b56;font-weight:700}.tabs span{font-size:14px}
.filters{align-items:end;flex-wrap:wrap;padding:20px 24px 8px}.filters label{font-size:14px;font-weight:650}.filters label:first-child{flex:1;min-width:140px}
input,select{display:block;border:1px solid #a8bcb4;border-radius:6px;background:white;padding:9px 10px;margin-top:4px;width:100%;max-width:100%;color:inherit}
.count,#empty{padding:0 24px;color:#4a6056;font-size:15px}.records{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}
th,td{padding:13px 22px;border-top:1px solid #e0e8e3;font-size:15px}th{background:#f1f5f2;font-size:14px;color:#4a6056}
td button{padding:0;text-align:left;font-weight:650;overflow-wrap:anywhere;border:0;text-decoration:underline;text-underline-offset:3px}.status{font-size:14px;color:#254c40;background:#eef4f0;border-radius:4px;padding:3px 7px;display:inline-block}.status.warn{color:#775020;background:#fbf1df}.status.stop{color:#843836;background:#faeaea}
dialog{width:min(520px,calc(100vw - 24px));max-height:88vh;color:inherit;border:1px solid #adbbb3;border-radius:12px;padding:0}dialog::backdrop{background:#18332b66}.sheet{padding:clamp(16px,4vw,28px)}.sheet-head,.count{color:#496356}
dt{font-size:14px;color:#53675b}dd{margin:2px 0 13px;font-size:16px;overflow-wrap:anywhere}
p{line-height:1.65}#controls{border-top:1px solid #dae3dc;margin-top:20px}#controls p{font-size:15px}#controls button{margin-bottom:5px}
#message:empty,#detail-message:empty{display:none}.numbers{margin:5px 0 12px;overflow-wrap:anywhere}
@media(max-width:560px){.top,.heading,.filters{gap:8px}.top{font-size:15px}.filters{padding:14px 12px 0}.tabs{padding:0 4px}.tabs button{padding:13px 8px}.count,#empty{padding:0 12px}
 th,td{padding:10px 7px}.records th,.records td{overflow-wrap:anywhere}.heading button{padding:7px 8px}.status{padding:2px 4px}.top strong{font-size:18px}}