body{
    font-family:'Hiragino Sans','Yu Gothic',sans-serif;
    background:#faf9ef; color:#222; text-align:center;
  }
  
  table{border-collapse:collapse;margin:0 auto 20px}
  th,td{border:1px solid #222;padding:8px;min-width:50px}
  td.editable{cursor:pointer}
  
  button{padding:6px 12px;margin:6px;border:0;border-radius:4px}
  button.danger{background:#ff6b6b;color:#fff}
  
  input[type=number]{width:60px;padding:4px;margin:2px;text-align:right}
  
  /* ⭐ 進捗バー */
  .progress{
    width:80%;max-width:500px;height:18px;margin:0 auto 20px;
    background:#e0e0e0;border-radius:9px;overflow:hidden;
  }
  .progress .fill{
    height:100%;width:0%;
    background:#4caf50;               /* 好きな色に変更可 */
    transition:width .3s;
  }
  
  /* カレンダー */
  #calendarContainer{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:600px;margin:0 auto}
  .dateCell{border:1px solid #888;padding:4px;min-height:60px}
  .dateCell .day{font-size:0.8em;color:#666}
  .dateCell .hours{font-size:1.2em;font-weight:bold}