:root{color-scheme:dark;--ink: #0c1116;--ink-2: #111923;--panel: #18222e;--line: #243140;--text: #e6edf3;--muted: #9fb0c0;--faint: #7d8da0;--teal: #2dd4bf;--violet: #a88bfa;--amber: #ffb020;--red: #f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer}.shell{max-width:760px;margin:0 auto;padding:32px 24px 80px}.shell.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;gap:8px}h1{font-size:26px;margin:0 0 8px}.muted{color:var(--muted)}.error{color:var(--red)}.field{margin:22px 0}.field>label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}input[type=date]{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-size:16px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg-btn{background:var(--panel);border:0;padding:12px 28px;font-size:16px}.seg-btn.on{background:var(--teal);color:#04201c;font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.cond-chip,.staff-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:15px}.cond-chip.on{background:#2dd4bf29;border-color:var(--teal);color:var(--teal)}.staff-chip.sel{background:#a88bfa2e;border-color:var(--violet);color:var(--violet);font-weight:600}.staff-chip.taken{opacity:.4}.slot-pick{margin-bottom:16px}.slot-label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.primary{width:100%;background:var(--teal);color:#04201c;border:0;border-radius:12px;padding:16px;font-size:17px;font-weight:700;margin-top:12px}.primary:disabled{opacity:.45}.ghost{background:transparent;border:1px solid var(--line);border-radius:10px;padding:12px 18px;color:var(--muted)}.board{max-width:1100px;margin:0 auto;padding:16px 20px 80px}.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cond-row{display:flex;gap:6px;margin-top:6px}.cond-tag{background:#ffb02024;color:var(--amber);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.head-right{display:flex;align-items:center;gap:16px}.net{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 10px;border-radius:999px}.net.on{background:#2dd4bf24;color:var(--teal)}.net.off{background:#ffb02029;color:var(--amber)}.net-pending{opacity:.85;font-weight:600}.progress{text-align:right}.progress-num{font-size:28px;font-weight:700;color:var(--teal)}.progress-label{display:block;font-size:12px;color:var(--faint);text-transform:uppercase}.roster{display:flex;gap:10px;padding:14px 0;overflow-x:auto}.roster-card{flex:1 1 0;min-width:200px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.who{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--line);font-size:12px;font-weight:700}.name{font-weight:600}.rot-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.rot-row.now{background:#2dd4bf14;border-radius:6px;padding:4px 6px;margin:0 -6px}.rot-time{font-size:12px;color:var(--faint)}.rot-post{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:5px}.post-radio,.post-p1,.post-p2,.post-p3{background:#2dd4bf24;color:var(--teal)}.post-camera{background:#a88bfa29;color:var(--violet)}.post-about{background:#ffb02024;color:var(--amber)}.me-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.me-label{font-size:12px;text-transform:uppercase;color:var(--faint)}.me-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px}.me-chip.on{background:#2dd4bf29;border-color:var(--teal);color:var(--teal);font-weight:600}.me-post{opacity:.85}.empty{color:var(--faint);text-align:center;padding:40px 20px;line-height:1.6}.group{margin-bottom:22px}.group-head{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:6px}.group-title{font-weight:700;font-size:15px}.group-post{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:5px;background:var(--line);color:var(--muted)}.group-count{margin-left:auto;font-size:13px;color:var(--faint)}.task{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;min-height:56px;background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:6px 0}.task.done{background:#2dd4bf14;border-color:#2dd4bf66}.check{flex:0 0 24px;height:24px;border-radius:6px;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--teal);font-weight:800}.task.done .check{border-color:var(--teal)}.task-body{display:flex;flex-direction:column;gap:4px}.task-label{font-size:15px;line-height:1.35}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px}.badge.mango{background:#f8717129;color:var(--red);cursor:pointer}.badge.stc{background:#7d8da02e;color:var(--faint)}.done-meta{font-size:12px;color:var(--teal)}.tabs{display:flex;gap:4px;margin:8px 0 18px;border-bottom:1px solid var(--line)}.tab{background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 18px;font-size:15px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.tab.on{color:var(--text);border-bottom-color:var(--teal)}.tab-badge{background:var(--amber);color:#221700;font-size:11px;font-weight:800;border-radius:999px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center}.action-add h2{font-size:16px;margin:0 0 12px}.action-input{width:100%;background:var(--ink-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font:inherit;resize:vertical}.action-add-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.action-add-row .action-input{flex:1 1 200px;width:auto}.action-add-row select{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px;font:inherit}.primary.inline{width:auto;margin-top:0;padding:12px 22px}.action-list{margin-top:22px;display:flex;flex-direction:column;gap:8px}.action-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:var(--ink-2);border:1px solid var(--line);border-left:4px solid var(--faint);border-radius:10px;padding:12px 14px}.action-item.status-open{border-left-color:var(--amber)}.action-item.status-in_progress{border-left-color:var(--violet)}.action-item.status-closed{border-left-color:var(--teal);opacity:.7}.action-desc{margin:0 0 4px;font-size:15px}.action-sub{margin:0;font-size:12px;color:var(--faint)}.status-seg{display:flex;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;overflow:hidden}.status-btn{background:var(--panel);border:0;padding:8px 10px;font-size:12px;color:var(--muted);white-space:nowrap}.status-btn.on{background:var(--line);color:var(--text);font-weight:700}.handover-summary{display:flex;gap:12px;margin-bottom:20px}.stat{flex:1 1 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}.stat-n{display:block;font-size:30px;font-weight:800}.stat.good .stat-n{color:var(--teal)}.stat.warn .stat-n{color:var(--amber)}.stat-l{font-size:12px;text-transform:uppercase;color:var(--faint)}.handover-block{margin-bottom:22px}.handover-block h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);border-bottom:1px solid var(--line);padding-bottom:6px}.ho-row{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid rgba(36,49,64,.5)}.ho-time{flex:0 0 56px;color:var(--teal);font-variant-numeric:tabular-nums;font-size:13px}.ho-label{flex:1 1 auto;font-size:14px}.ho-who{flex:0 0 auto;color:var(--faint);font-size:13px}.ho-post,.ho-status{flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:5px;background:var(--line);color:var(--muted)}.ho-status.status-open{background:#ffb02029;color:var(--amber)}.ho-status.status-in_progress{background:#a88bfa29;color:var(--violet)}.ho-status.status-closed{background:#2dd4bf24;color:var(--teal)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;width:100%;max-width:420px}.modal h3{margin:0 0 4px}.modal-task{color:var(--muted);margin:0 0 16px;font-size:14px}.who-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.who-option{display:flex;align-items:center;gap:12px;background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:16px}.who-option.suggested{border-color:var(--teal)}.who-option .hint{margin-left:auto;font-size:11px;color:var(--teal)}