.linkLike{cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}*{box-sizing:border-box}.modalOverlay{background:#fbfafa73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalCard{color:#fff;background:#000;border-radius:14px;width:min(520px,92vw);padding:16px}.modalCard label{margin-top:10px;display:block}.modalCard input{color:#fff;background:#0b0b0b;border:1px solid #333;border-radius:10px;width:100%;padding:10px}.modalActions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.errorText{color:#ff6b6b;margin-top:10px}.hidden{display:none}tr.is-not-submitted td{background:#fff5f5}tr.is-not-submitted:hover td{filter:brightness(.98)}tbody tr:hover td{background:#f7f9fb}tbody tr:hover td:last-child{color:#333}.toolbarRight{align-items:center;gap:8px;display:flex}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn,.input{background:#fff;border:1px solid #bbb;border-radius:8px;height:36px;padding:0 12px;font-size:14px}.btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.input{align-items:center;padding-top:0;padding-bottom:0;line-height:normal;display:inline-flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbarLeft{align-items:center;gap:10px;display:flex}.toolbarRight{align-items:center;gap:10px;margin-left:auto;display:flex}.btnPrimary{color:#fff;background:#2e7d32;border-color:#2e7d32}.btnGhost{color:#555;background:#f7f7f7}.page{max-width:720px;margin:32px auto;padding:0 16px}.card{background:#fff;border-radius:16px;margin:16px 0;padding:20px}.title{text-align:center}.card button[type=submit]{margin-top:16px}.submitWrap{justify-content:center;display:flex}.page{max-width:640px;margin:32px auto}.section{background:#fafafa;border-radius:16px;max-width:720px;margin:0 auto;padding:16px 18px}#shiftTable td:first-child{color:#444;width:32px;font-weight:600}.time-range button{color:#555;background:#f3f3f3;font-size:12px}.loginWrap{justify-content:center;margin-top:48px;display:flex}.loginCard{text-align:left;max-width:320px}.loginCard label{margin-bottom:6px;font-weight:500;display:block}.loginCard input{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;height:40px;padding:8px 12px;font-size:14px}.loginActions{justify-content:center;margin-top:16px;display:flex}.loginActions button{padding:8px 20px;font-size:14px}#shiftTable td:first-child{white-space:nowrap}#shiftTable td:first-child .date{color:#666;margin-left:6px;font-size:12px}#tableWrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}#tableWrap table{width:100%;min-width:700px}@media (max-width:700px){.toolbarLeft{flex:100%}.toolbarRight{flex:100%;justify-content:flex-end}.toolbar{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.toolbarLeft,.toolbarRight{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.toolbarRight .input{min-width:160px}.toolbar{flex-direction:column;align-items:stretch}.toolbarLeft,.toolbarRight{width:100%;margin-left:0}.toolbarLeft{justify-content:flex-start}.toolbarRight{justify-content:flex-end}}.progressRow{margin-top:10px}.progressBar{background:#eee;border-radius:999px;height:10px;overflow:hidden}.progressFill{background:#2e7d32;width:0%;height:100%}.progressText{color:#666;margin-top:6px;font-size:12px}.month-summary{background:#f6f7f8;border-radius:8px;margin:12px 0;padding:12px 14px}.month-summary h3{color:#555;margin:0 0 6px;font-size:14px}.month-summary .note{color:#777;font-size:12px}label.dayLabel[data-day="5"]{color:#2563eb;font-weight:700}label.dayLabel[data-day="6"]{color:#dc2626;font-weight:700}.row:has(label[data-day="5"]){background:#f0f6ff;border-radius:6px}.row:has(label[data-day="6"]){background:#fff1f1;border-radius:6px}.row{grid-template-columns:90px 1fr;align-items:center;gap:8px;margin-bottom:6px;display:grid}.row input.timeInput{max-width:120px}.row{grid-template-columns:110px 140px;align-items:center;gap:10px;margin:8px 0;display:grid}.row label{text-align:right;white-space:nowrap}.row input.timeInput{width:140px}.totalValue{font-size:18px;font-weight:700}.inputHint{color:#888;font-size:11px}.card{width:calc(100% - 24px);max-width:720px;margin:12px auto}.progressText{color:#666;align-items:baseline;gap:8px;margin-top:6px;font-size:12px;display:flex}.appTitle{text-align:center}.input.timeInput{text-align:center;font-variant-numeric:tabular-nums;width:96px}.totalBox{border-top:1px dashed #ddd;margin-top:12px;padding-top:8px}#logoutBtn{white-space:nowrap;width:auto;min-width:0}@media (max-width:480px){#logoutBtn{padding:6px 10px;font-size:13px}}#userBar .cardBody{justify-content:space-between;align-items:center;gap:12px;display:flex}#loginUserLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#logoutBtn{white-space:nowrap;flex:none}.worktimeForm .row{grid-template-columns:92px 1fr 1fr 64px;align-items:center;gap:8px;display:grid}.worktimeForm .timeInput{width:100%;min-width:0}.worktimeForm .row{grid-template-columns:28px 1fr 1fr 64px;align-items:center;gap:8px;margin:8px 0;display:grid}.worktimeForm .daySum{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.worktimeForm{grid-template-columns:32px 1fr 1fr 64px;align-items:center;gap:8px;margin:6px 0;display:grid}.dayLabel{text-align:center;font-weight:700}.timeInput{border-radius:6px;width:100%;padding:6px 8px}.daySum{text-align:right;font-variant-numeric:tabular-nums;color:#333}.section .worktimeForm{grid-template-columns:88px 1fr 1fr 70px;align-items:center;gap:8px;margin:8px 0;display:grid}.section .worktimeForm>*{min-width:0}.section .worktimeForm .daySum{text-align:right;font-variant-numeric:tabular-nums;grid-area:1/4;justify-self:end;width:auto!important;margin:0!important}#shiftTable tbody tr.sat td:first-child{color:#2563eb;font-weight:700}#shiftTable tbody tr.sun td:first-child{color:#dc2626;font-weight:700}#setumei{margin-top:24px}#setumei li.one-line{white-space:nowrap}#setumei ul{margin:0;padding-left:18px}#setumei li{margin:4px 0;font-size:13px;line-height:1.5}#setumei li.one-line{white-space:nowrap;display:inline-block}#setumei{background:#fafafa;border:1px solid #eee;border-radius:10px;max-width:420px;margin:18px auto 0;padding:10px 12px}#setumei strong{margin-bottom:6px;font-size:13px;display:block}#setumei .ruleLine{margin:4px 0;font-size:13px;line-height:1.5}#setumei .ruleLine.one-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@media (max-width:480px){#shiftTable{width:100%}#shiftTable thead{display:none}#shiftTable tbody tr{border-bottom:1px solid #eee;padding:10px 0;display:block}#shiftTable tbody td{display:block;width:auto!important}#shiftTable tbody td:first-child{white-space:nowrap;margin-bottom:6px;font-weight:700}.time-range button[data-clear-day]{grid-column:1/-1;justify-self:start}.time-range{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.time-separator{display:none}.time-range input[type=time]{min-height:44px}.time-range button[data-clear-day]{white-space:nowrap;grid-area:1/3/span 2;align-self:stretch;padding:10px 12px}}.row .loginActions{flex-basis:100%;justify-content:center;width:100%;margin-top:12px;display:flex}.row .loginActions .loginButton{margin:0}
