:root{--navy:#16324f;--blue:#1677ff;--red:#dc2626;--green:#15803d;--amber:#d97706;--line:#dbe3ec;--text:#1f2937;--muted:#64748b;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--text);background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:auto;padding:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 10px #0f172a0d;margin-bottom:14px}.login{max-width:420px;margin:8vh auto}.login h1{color:var(--navy);margin:0 0 6px}h2,h3,p{margin-top:0}label{display:grid;gap:7px;margin:13px 0;font-weight:700;font-size:13px}input,select,textarea,button{font:inherit;border-radius:9px;border:1px solid #cbd5e1;padding:11px 13px}textarea{min-height:76px;resize:vertical}button{background:var(--blue);color:#fff;border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.45}.full{width:100%}.secondary{background:#e2e8f0;color:#334155}header{position:sticky;top:0;z-index:5;background:var(--navy);color:#fff;padding:12px 18px}header,.toolbar,.menu,.view-title,.record-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.header-title{font-weight:800}.user{font-size:12px;opacity:.9}.tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:15px}.tab{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:9px 15px}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.toolbar{justify-content:flex-start}.toolbar label{display:flex;align-items:center;margin:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.stat{background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line)}.stat b{display:block;font-size:24px}.stat small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.error-text{color:#991b1b}.success{color:#166534}.menu{justify-content:flex-start}.view-title{margin:12px 0}.record-form,.health-form{margin-bottom:16px}.record-head{align-items:flex-start}.record-head h3{margin:5px 0}.record-head p{color:var(--muted)}.category{font-size:.8rem;color:var(--muted)}.record-head small{font-size:.7rem;color:var(--green)}.result{border-radius:999px;padding:7px 12px;font-weight:800}.result.good{background:#dcfce7;color:#166534}.result.bad{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.form-grid .wide{grid-column:1/-1}.save-status{margin-left:12px;font-weight:700}.critical-row{border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:10px}.critical-row-title{font-weight:800;margin-bottom:9px}.okng{display:grid;grid-template-columns:1fr 1fr;gap:8px}.okng label{cursor:pointer;margin:0}.okng input{position:absolute;opacity:0}.okng span{display:block;text-align:center;border:2px solid #cbd5e1;border-radius:9px;padding:10px;font-weight:900}.okng input[value="OK"]:checked+span{background:#dcfce7;border-color:var(--green);color:#166534}.okng input[value="NG"]:checked+span{background:#fee2e2;border-color:var(--red);color:#991b1b}.health-flags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.health-flags label{display:flex;align-items:center;gap:7px;font-weight:500}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#0f172a;color:#fff;border-radius:10px;z-index:20;max-width:90%}@media(max-width:700px){.shell{padding:10px}.grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr)}.toolbar label{width:100%}.toolbar input,.toolbar select{flex:1}.view-title button{width:100%}.health-flags{grid-template-columns:1fr}}