:root{--bg:#f4f6f8;--ink:#17212b;--card:#fff;--line:#dde3e8;--blue:#2474c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif}a{color:inherit}.top{display:flex;align-items:center;gap:16px;padding:14px 4vw;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:1.3rem;text-decoration:none}.famipo{margin-left:auto;background:#ffba18;padding:14px 24px;border-radius:12px;font-weight:800;text-decoration:none;font-size:1.1rem;box-shadow:0 2px 0 #d89400}.admin-link{font-size:.9rem}.wrap{max-width:1450px;margin:0 auto;padding:18px 3vw}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter,button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 12px;font:inherit;cursor:pointer;text-decoration:none}.filter.active{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;min-height:180px}.card h2{font-size:1.1rem;margin:0 0 12px}.todo{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.todo:first-of-type{border-top:0}.todo.done .todo-title{text-decoration:line-through;color:#77828b}.todo-meta{font-size:.78rem;color:#65717d;margin-top:3px}.badge{display:inline-block;border-radius:999px;padding:2px 7px;color:#fff;font-size:.75rem;font-weight:700}.member-s{background:#2474c6}.member-e{background:#299b57}.member-g{background:#e88220}.member-p{background:#8253bb}.member-m{background:#db5b93}.member-family{background:#6f7780}.empty{color:#78838d;font-size:.9rem}.notice{background:#e7f5eb;border:1px solid #b9dec4;padding:10px;border-radius:8px;margin-bottom:15px}.admin{max-width:1100px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}input,select,textarea{padding:9px;border:1px solid #bcc7d0;border-radius:7px;font:inherit}textarea{min-height:75px}.primary{background:#2474c6;color:#fff;border-color:#2474c6}.danger{color:#a22121}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.login{max-width:410px;margin:12vh auto}.login .card{min-height:0}@media(max-width:850px){.grid{grid-template-columns:1fr}.top{padding:10px 14px}.wrap{padding:14px}.famipo{padding:11px 15px}.table{font-size:.85rem}}