:root{--line:#dde6f1;--ink:#1d2d45;--navy:#152f50;--blue:#2563dc;--bg:#f4f7fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,-apple-system,'Noto Sans JP',sans-serif}header{padding:18px 25px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:20px;margin:0 0 4px;color:var(--navy)}h2{margin:0 0 15px;font-size:18px}h3{font-size:15px}small,.muted{color:#697a90}main{max-width:1500px;margin:auto;padding:22px}.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.login{max-width:440px;margin:35px auto}.login form{display:grid;gap:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{color:#65758d}.stat b{display:block;font-size:30px;color:#172f52;margin-top:8px}input,textarea,select{width:100%;min-width:0;border:1px solid #cad5e3;border-radius:7px;padding:10px;background:white;font:inherit;color:inherit}textarea{min-height:82px;resize:vertical}label{display:block;font-weight:650;font-size:12px;color:#4d5c72}label input,label textarea,label select{margin-top:6px}button{border:0;border-radius:7px;padding:10px 14px;background:#eaf0f9;color:#284467;cursor:pointer;font:inherit;font-weight:650}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:white}.danger{background:#ffebed;color:#b51f35}.actions,.between,.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.filters{margin:14px 0}.filters input{flex:2 1 210px}.filters select{flex:1 1 160px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e6edf5;padding:11px}th{background:#f5f8fd;color:#546881}td.summary{max-width:240px;overflow:hidden;text-overflow:ellipsis}.pill{border-radius:12px;padding:4px 8px;background:#e8f0ff;color:#2b5698;font-weight:650}.urgent{background:#ffe5e7;color:#b51f35}.warning{background:#fff0d4;color:#8b5b04}.late{color:#bb1e33;font-weight:bold}.overlay{position:fixed;inset:0;background:#0f2448aa;display:flex;align-items:center;justify-content:center;padding:14px}.overlay[hidden], [hidden]{display:none!important}.modal{width:min(980px,100%);max-height:96vh;overflow:auto;padding:25px;background:white;border-radius:12px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wide{grid-column:span 3}#historypanel{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.historyitem{padding:12px;margin:8px 0;background:#f5f8fc;border-radius:7px;white-space:pre-wrap}.modal .actions{justify-content:flex-end;margin-top:20px}#delete{margin-right:auto}.err{color:#b51f35}#statusline{min-height:18px}@media(max-width:700px){main{padding:10px}.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:13px}.modal{padding:15px}}