:root{--blue:#0b63ce;--blue-soft:#eaf3ff;--text:#18324f;--muted:#6d7c8d;--border:#d7e1ec;--danger:#cf2e3b;--shadow:0 8px 24px rgba(25,63,103,.09)}*{box-sizing:border-box}body{margin:0;background:#f3f7fc;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.app-header{display:flex;justify-content:space-between;align-items:center;padding:13px max(14px,env(safe-area-inset-right)) 13px max(14px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand-block h1{margin:0;color:var(--blue);font-size:29px;letter-spacing:.03em}.brand-block p{margin:2px 0 0;font-weight:700;font-size:13px}.save-mode-badge{padding:7px 10px;border-radius:999px;background:#e9f3ff;color:var(--blue);font-size:12px;font-weight:800}.container{width:min(920px,100%);margin:auto;padding:10px 10px 40px}.task-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#dce9f8;padding:5px;border-radius:14px;margin-bottom:10px}.task-tab{border:0;border-radius:10px;padding:12px 5px;background:transparent;color:#49627e;font-weight:800;font-size:14px}.task-tab.active{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(20,62,105,.12)}.panel,.person-card,.work-date-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.work-date-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;margin-bottom:10px;font-weight:800;overflow:hidden}.work-date-card input{width:100%;min-width:0;height:48px;border:1px solid var(--border);border-radius:11px;padding:8px;text-align:center;font-size:16px;background:#fff}.people-control{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:10px}.people-control h2{margin:0;font-size:17px}.people-control-actions{display:flex;gap:7px}.outline-btn{border:1px solid #b9cee5;background:#fff;color:#28527d;border-radius:10px;padding:8px 10px;font-weight:800}.danger-text{color:var(--danger)}.people-grid{display:grid;gap:10px}.person-card{padding:12px}.person-card.paused{background:#fff8cf;border-color:#e8c84f}.person-card.completed{background:#f0f4f7;opacity:.88}.person-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.person-id{display:flex;align-items:center;gap:8px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue-soft)}.person-name{font-weight:900}.status{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;background:#edf1f5;color:#687786}.status.working{background:#e8f6ee;color:#167044}.status.paused{background:#ffdf66;color:#614900}.status.completed{background:#dfe6ed;color:#4c5c6d}.time-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px}.time-item{background:#f6f9fc;border-radius:10px;padding:8px 5px;text-align:center}.time-item span{display:block;font-size:11px;color:var(--muted);font-weight:700}.time-item strong{display:block;margin-top:3px;font-size:13px}.pause-now{padding:8px 10px;background:#fff1a9;border-radius:9px;margin-bottom:9px;font-size:13px;font-weight:800}.card-actions{display:grid;gap:7px}.card-actions.four{grid-template-columns:repeat(4,1fr)}.btn{border:0;border-radius:11px;min-height:45px;padding:9px;font-weight:900;font-size:15px}.btn:disabled{background:#d9dee5!important;color:#8d98a5!important;opacity:1}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:#e8eef5;color:#29435f}.btn-success{background:#1caa65;color:#fff}.btn-warning{background:#f4c32f;color:#4d3b00}.btn-resume{background:#7a62d3;color:#fff}.total-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.total-card{display:flex;justify-content:space-between;align-items:center;padding:14px}.total-card span{font-weight:900}.total-card small{display:block;color:var(--muted);margin-top:3px}.total-card strong{font-size:22px;color:var(--blue)}.action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.hidden{display:none!important}.individual-select-panel{padding:13px;display:grid;gap:7px}.individual-select-panel label{font-weight:800}.individual-select-panel select{height:48px;border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff;font-size:16px}.individual-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.individual-summary-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px;box-shadow:var(--shadow)}.individual-summary-card span{display:block;color:var(--muted);font-size:12px;font-weight:800}.individual-summary-card strong{display:block;margin-top:5px;color:var(--blue);font-size:20px}.individual-history-panel{padding:13px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:17px}.individual-history-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px 0;border-top:1px solid #e8edf3}.individual-history-row span,.individual-history-row small{display:block;color:var(--muted);margin-top:3px}.dialog{border:0;padding:0;background:transparent;width:min(620px,calc(100% - 18px))}.dialog::backdrop{background:rgba(16,35,55,.48)}.dialog-shell{background:#fff;border-radius:18px;padding:16px;max-height:90vh;overflow:auto}.dialog-header{display:flex;justify-content:space-between;gap:10px}.dialog-header h2{margin:0}.dialog-header p{margin:4px 0 12px;color:var(--muted)}.icon-btn{width:38px;height:38px;border:0;border-radius:50%;font-size:25px}.reason-list{display:grid;gap:8px}.reason-list label{display:block;border:1px solid var(--border);border-radius:12px;padding:13px;font-weight:800}.reason-list input{margin-right:9px}.reason-list small{display:block;margin:5px 0 0 25px;color:var(--danger)}.other-reason,.person-form{display:grid;gap:7px;margin:10px 0;font-weight:800}.other-reason input,.person-form input,.manager-row input{height:45px;border:1px solid var(--border);border-radius:10px;padding:9px;font-size:16px}.manager-list{display:grid;gap:8px}.manager-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid var(--border);border-radius:11px}.manager-row input{flex:1}.history-layout{display:grid;grid-template-columns:150px 1fr;gap:10px}.history-date-list{display:grid;gap:6px;align-content:start}.history-date-btn{border:1px solid var(--border);border-radius:9px;background:#fff;padding:9px;font-weight:800}.history-date-btn.active{background:var(--blue);color:#fff}.history-detail{border:1px solid var(--border);border-radius:12px;padding:12px}.history-detail.empty,.empty-state{text-align:center;color:var(--muted);padding:25px}.history-person{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #e9eef4}.history-person small{display:block;color:var(--muted);margin-top:3px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#173552;color:#fff;padding:10px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:20;font-weight:800}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){.people-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.app-header{padding-inline:11px}.brand-block h1{font-size:27px}.container{padding-inline:7px}.task-tab{font-size:11px;padding-inline:2px}.people-control{align-items:flex-start;gap:8px}.people-control-actions{gap:4px}.outline-btn{font-size:12px;padding:8px 7px}.time-list{grid-template-columns:1fr 1fr}.card-actions.four{grid-template-columns:1fr 1fr}.total-grid{grid-template-columns:1fr}.action-row{grid-template-columns:1fr}.history-layout{grid-template-columns:1fr}.history-date-list{grid-template-columns:repeat(2,1fr)}}
.task-label{font-size:12px;color:var(--muted);font-weight:800;margin:2px 0 6px}.task-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.task-choice-btn{height:48px;border:1.5px solid #9eb7d1;border-radius:10px;background:#fff;color:var(--text);font-size:16px;font-weight:900}.task-choice-btn.selected{background:var(--blue);border-color:var(--blue);color:#fff}.task-choice-btn:disabled{opacity:1}.back-btn{width:100%;margin-bottom:10px}.action-row{grid-template-columns:1fr}.person-card.idle .end-btn{background:#9bc5ef}.person-card.working .task-choice-btn,.person-card.paused .task-choice-btn{cursor:not-allowed}

.cloud-area{display:flex;align-items:center;gap:8px}.save-mode-badge{display:none}.cloud-btn{width:52px;height:52px;border:1px solid #b8d5fb;border-radius:16px;background:white;font-size:25px;color:var(--blue);cursor:pointer}.cloud-btn.connected{background:var(--blue-soft);box-shadow:0 0 0 3px #d5e9ff}.cloud-form{display:grid;gap:12px}.cloud-form label{display:grid;gap:7px;font-weight:800}.cloud-form input{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px;background:white}.cloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.cloud-disconnect{width:100%;margin-top:10px}.btn-danger-outline{color:var(--danger);background:#fff;border:1px solid #efb7bb}.cloud-message{min-height:22px;margin:12px 0 0;color:#16834f;font-weight:700}.cloud-message.error{color:var(--danger)}@media(max-width:600px){.cloud-btn{width:46px;height:46px}}