:root{--bg:#f4f6fa;--card:#fff;--text:#172033;--muted:#7d8799;--line:#e5e9f0;--accent:#3367e8;--shadow:0 12px 32px rgba(27,39,70,.08)}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px max(16px,env(safe-area-inset-left));background:rgba(244,246,250,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,233,240,.9)}h1,h2,p{margin:0}h1{font-size:22px}h2{font-size:20px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--muted);margin-bottom:3px}.status-wrap{display:flex;align-items:center;gap:10px}.status{font-size:12px;color:var(--muted)}.icon-btn,.nav-btn{border:0;background:#fff;border-radius:12px;width:42px;height:42px;box-shadow:0 3px 12px rgba(27,39,70,.08)}main{max-width:1400px;margin:auto;padding:16px}.card,.sheet-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.toolbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;padding:12px}.nav-btn{font-size:30px;line-height:1}.month-box{text-align:center}.month-box strong{display:block;font-size:20px}.month-box span{font-size:11px;color:var(--muted)}.legend{margin-top:12px;padding:11px 14px;display:flex;gap:16px;overflow:auto;white-space:nowrap;font-size:12px;color:#596275}.legend span{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.normal{background:#d9e2f2}.dot.work{background:#dfe9ff}.dot.am{background:#fff1b8}.dot.pm{background:#ffd9a8}.dot.off{background:#eceef2}.dot.paid{background:#dff4e6}.dot.absence{background:#ffc9c9}.dot.leaveearly{background:#ead7ff}.dot.late{background:#cce9ff}.sheet-card{margin-top:12px;overflow:hidden}.table-wrap{overflow:auto;max-height:calc(100vh - 245px)}table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}th,td{min-width:72px;height:54px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:4px;background:#fff}thead th{position:sticky;top:0;z-index:4;background:#f9fafc;font-size:12px;font-weight:800}th.member,td.member{position:sticky;left:0;z-index:5;min-width:118px;max-width:150px;text-align:left;padding-left:12px;background:#fff;font-weight:700}thead th.member{z-index:8;background:#f9fafc}.day{font-size:12px}.sun{color:#e05252}.sat{color:#3a66d7}.shift-cell{border:0;width:100%;height:42px;border-radius:10px;background:#f6f7f9;color:#30394a;font-size:12px;font-weight:700}.shift-cell.normal{background:#eef3f9}.shift-cell.work{background:#eaf0ff}.shift-cell.am{background:#fff3c7}.shift-cell.pm{background:#ffe2be}.shift-cell.off{background:#eff1f4;color:#7a8393}.shift-cell.paid{background:#e5f6ea}.shift-cell.absence{background:#ffe0e0;color:#a62d2d}.shift-cell.leaveearly{background:#f0e5ff;color:#6e43a5}.shift-cell.late{background:#e0f1ff;color:#245f8a}dialog{border:0;background:transparent;padding:12px;width:min(92vw,520px)}dialog::backdrop{background:rgba(14,20,34,.45);backdrop-filter:blur(3px)}.dialog-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.dialog-card.small{width:min(92vw,420px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.member-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto}.member-row{display:grid;grid-template-columns:1fr 44px;gap:8px}.member-row input,.add-row input{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fbfcfe}.delete-btn{border:0;border-radius:12px;background:#fff0f0;color:#c73a3a}.add-row{display:grid;grid-template-columns:1fr 88px;gap:8px;margin-top:14px}.primary{border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;padding:11px 14px}.full{width:100%;margin-top:14px}.help{font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}.shift-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{border:1px solid var(--line);background:#fafbfc;border-radius:13px;padding:13px;font-weight:800}.choice.normal{background:#eef3f9}.choice.work{background:#eaf0ff}.choice.am{background:#fff3c7}.choice.pm{background:#ffe2be}.choice.off{background:#eff1f4}.choice.paid{background:#e5f6ea}.choice.absence{background:#ffe0e0}.choice.leaveearly{background:#f0e5ff}.choice.late{background:#e0f1ff}.empty-state{padding:40px;text-align:center;color:var(--muted)}@media (max-width:640px){main{padding:10px}.topbar{padding:12px 14px}.table-wrap{max-height:calc(100vh - 225px)}th,td{min-width:62px;height:50px}th.member,td.member{min-width:98px;max-width:120px}}