:root{--bg:#f5f6f8;--panel:#fff;--panel2:#f0f1f4;--border:#e2e4e9;--text:#1c2028;--text-dim:#6b7280;--accent:#4f7cff;--q-uv:#fde2e2;--q-uv-b:#e05353;--q-uv-t:#8a1f1f;--q-un:#fde9d2;--q-un-b:#e2932e;--q-un-t:#7a4a0a;--q-nv:#dcecff;--q-nv-b:#4f7cff;--q-nv-t:#1e3f8f;--q-nn:#e7e8ec;--q-nn-b:#9aa0ad;--q-nn-t:#4b5160;--bg-active:#e9f0ff;--c-pc:#9aa0ad;--c-call:#4f7cff;--c-mahtra:#e2653a;--c-place:#e2b93a;--c-pirni:#d9a62a;--c-later:#4f7cff;--c-next:#4f7cff;--done-t:#7f9a8a;--settled-t:#9aa0ad;--radius:8px}[data-theme=dark]{--bg:#12141a;--panel:#1b1e26;--panel2:#20232c;--border:#2b2f3a;--text:#e7e9ee;--text-dim:#9aa2b1;--accent:#6ea8fe;--q-uv:#3a1f22;--q-uv-b:#e05353;--q-uv-t:#f5a3a3;--q-un:#3a2c18;--q-un-b:#e2932e;--q-un-t:#f0c481;--q-nv:#1c2a44;--q-nv-b:#6ea8fe;--q-nv-t:#a9c6ff;--q-nn:#252831;--q-nn-b:#767c8a;--q-nn-t:#b7bcc8;--done-t:#6fae8b;--settled-t:#767c8a;--bg-active:#1f2b44;--c-pc:#9aa0ad;--c-call:#6ea8fe;--c-mahtra:#e2814f;--c-place:#e2b93a;--c-pirni:#d9a62a;--c-later:#6ea8fe;--c-next:#6ea8fe}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;transition:background .2s,color .2s}.app-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;display:flex;position:sticky;top:0}.app-header .brand{align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.app-header .brand .dot{background:var(--accent);border-radius:3px;width:9px;height:9px}.who{color:var(--text-dim);font-size:.82rem}.header-actions{align-items:center;gap:8px;display:flex}.tabs{background:var(--panel2);border-radius:999px;gap:3px;padding:3px;display:flex}.tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:600}.tabs button.active{background:var(--accent);color:#fff}.tabs .select-tab.active{background:#e2932e}.page.select-active{padding-bottom:72px}.sel-chk{border:1.5px solid var(--border);background:var(--panel);cursor:pointer;border-radius:4px;flex-shrink:0;width:14px;height:14px;padding:0}.sel-chk.on{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--panel)}.task.select-mode{cursor:pointer;grid-template-columns:14px 13px minmax(0,1fr) auto}.list-task.select-mode{cursor:pointer;grid-template-columns:14px 18px 1fr 190px}.table-head.select-mode{grid-template-columns:14px 18px 1fr 190px}.task.selected,.list-task.selected,.bank-task.selected{box-shadow:0 0 0 2px var(--accent) inset}.chk:disabled{opacity:.35;cursor:default}.bank-task.select-mode{cursor:pointer;align-items:center;gap:6px;display:flex}.bank-task span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bulk-bar{z-index:40;background:var(--panel);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0000001a}.bulk-count{min-width:100px;margin-right:4px;font-size:.82rem;font-weight:700}.bulk-select,.bulk-date{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-size:.78rem}.bulk-date{padding:5px 8px}.btn{border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:.78rem}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.btn.danger{color:#e05353;border-color:#e05353}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;width:100%;max-width:360px;padding:28px 26px;display:flex}.auth-card h1{margin:0;font-size:1.4rem}.auth-sub{color:var(--text-dim);margin:0 0 14px}.auth-card label{color:var(--text-dim);text-transform:uppercase;margin-top:10px;font-size:.75rem;font-weight:700}.auth-card input{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:6px;margin-top:4px;padding:8px 10px;font-size:.9rem}.auth-card button{margin-top:18px}.auth-error{color:#e05353;background:#e053531f;border-radius:6px;padding:8px 10px;font-size:.82rem}.auth-switch{color:var(--text-dim);text-align:center;margin-top:14px;font-size:.82rem}.auth-switch a{color:var(--accent)}.weekbar{color:var(--text-dim);align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;display:flex}.weekbar .range{color:var(--text);font-weight:700}.weekbar .carry{background:var(--panel2);border:1px dashed var(--border);cursor:pointer;color:var(--text);border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.75rem}.weekbar-toggle{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.weekbar-toggle input{cursor:pointer;accent-color:var(--accent)}main{padding:0 16px 20px}.view-week{grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;display:grid;overflow-x:auto}.view-week.single-day{grid-template-columns:1fr;max-width:420px;margin:0 auto}.view-week.single-day .day-col{min-height:480px}.task-bank{margin-top:14px}.bank-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.72rem;font-weight:700}.bank-grid{grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;display:grid;overflow-x:auto}.bank-col{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;min-height:70px;display:flex}.bank-col-head{border-bottom:1px dashed var(--border);color:var(--text-dim);align-items:center;gap:6px;padding:5px 8px;font-size:.7rem;font-weight:700;display:flex}.bank-col-head .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bank-col-body{flex-direction:column;flex:1;gap:3px;padding:4px;display:flex}.bank-task{background:var(--panel2);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:.78rem}.task-waiting{grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;margin-top:14px;display:grid;overflow-x:auto}.task-waiting .waiting-col{min-height:120px}.day-col{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:360px;display:flex}.day-col.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.day-col.drag-over{border-color:var(--accent);background:var(--bg-active);box-shadow:0 0 0 2px var(--accent) inset}.day-head{border-bottom:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding:6px 8px;font-size:.72rem;display:flex}.day-head.day-head-btn{cursor:pointer}.day-head.day-head-btn:hover{background:var(--panel2)}.day-head b{color:var(--text);font-size:.76rem}.back-week{font-weight:700}.day-body{flex-direction:column;flex:1;gap:3px;padding:4px;display:flex}.day-body form{gap:3px;margin-top:auto;display:flex}.add-inline{border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border-radius:6px;flex:1;min-width:0;padding:5px 6px;font-size:.72rem}.add-inline:hover{background:var(--panel2);color:var(--text)}.add-inline-submit{border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:0 8px;font-size:.95rem;line-height:1}.add-inline-submit:hover{background:var(--panel2);color:var(--text)}.task,.list-task{background:var(--panel2);border-radius:6px;align-items:center;gap:6px;padding:5px 6px 5px 0;font-size:.75rem;line-height:1.2;display:grid;overflow:hidden}.task{grid-template-columns:13px minmax(0,1fr) auto}.task-zone{cursor:grab;align-items:center;height:100%;display:grid}.task .task-zone{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.list-task .task-zone{grid-template-columns:50px 50px 70px;gap:10px}.table-head .task-zone{cursor:default}.task.done,.list-task.done{opacity:.55}.task.done .t-title,.list-task.done .t-title{text-decoration:line-through}.task[data-status=in_progress],.list-task[data-status=in_progress]{background:var(--bg-active)}.task[data-status=delegated],.task[data-status=cancelled],.list-task[data-status=delegated],.list-task[data-status=cancelled]{opacity:.5}.chk{cursor:pointer;color:#fff;border:none;border-radius:6px 0 0 6px;justify-content:center;align-self:stretch;align-items:center;margin:-5px 0;font-size:.55rem;font-weight:700;display:flex}.task[data-q="3"] .chk,.list-task[data-q="3"] .chk{background:var(--q-uv-b)}.task[data-q="2"] .chk,.list-task[data-q="2"] .chk{background:var(--q-un-b)}.task[data-q="1"] .chk,.list-task[data-q="1"] .chk{background:var(--q-nv-b)}.task[data-q="0"] .chk,.list-task[data-q="0"] .chk{background:var(--q-nn-b)}.task.done .chk,.list-task.done .chk{background:var(--done-t)}.task[data-status=delegated] .chk,.task[data-status=cancelled] .chk,.list-task[data-status=delegated] .chk,.list-task[data-status=cancelled] .chk{background:var(--settled-t)}.t-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-weight:450;overflow:hidden}.status-slot{cursor:grab;flex-shrink:0;width:16px;height:16px}.avatar{background:var(--accent);color:#fff;cursor:grab;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex}.cat-dot{cursor:grab;border-radius:50%;flex-shrink:0;width:9px;height:9px}.time{color:var(--text-dim);text-align:right;white-space:nowrap;cursor:grab;flex-shrink:0;font-size:.66rem}.list-task .chk{margin:-6px 0;font-size:.6rem}.list-task .status-slot,.list-task .avatar,.list-task .cat-dot{margin:0 auto}.list-task .time{text-align:right;font-size:.74rem}.list-main{max-width:760px;margin:0 auto;padding:20px 16px}.new-task-form,.new-cat-form{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.new-task-form input,.new-cat-form input{background:var(--panel2);border:1px solid var(--border);min-width:160px;color:var(--text);border-radius:6px;flex:1;padding:8px 10px;font-size:.88rem}.new-task-form select{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px}.muted{color:var(--text-dim);font-size:.85rem}.table-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;grid-template-columns:18px 1fr 190px;align-items:center;gap:10px;padding:0 10px 4px 0;font-size:.66rem;display:grid}.table-head span{text-align:center}.table-head span:nth-child(2){text-align:left}.list-task{border:1px solid var(--border);grid-template-columns:18px 1fr 190px;margin-bottom:4px;padding:6px 10px 6px 0}.list-task .t-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.full-texts .task{align-items:start;overflow:visible}.full-texts .task .task-zone{align-self:center}.full-texts .t-title{white-space:normal;text-overflow:unset;word-break:break-word;line-height:1.3;overflow:visible}.full-texts .bank-task span:not(.sel-chk){white-space:normal;word-break:break-word;text-overflow:unset;overflow:visible}.task-list{flex-direction:column;gap:4px;margin-top:16px;display:flex}.legend{background:var(--panel);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:900px;margin:24px auto 0;padding:14px 18px;display:grid}.legend h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 8px;font-size:.72rem}.legend .item{color:var(--text);align-items:center;gap:8px;margin-bottom:5px;font-size:.78rem;display:flex}.legend .sw{border-radius:2px;flex-shrink:0;width:10px;height:10px}.legend .sw.round{border-radius:50%}.legend .sw.bar{border-radius:2px;width:4px;height:14px}.legend .legend-avatar{flex-shrink:0;width:14px;height:14px;font-size:.55rem}.legend-note{color:var(--text-dim);margin-top:6px;font-size:.7rem}.overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:18px 20px 20px}.modal h2{margin:0 0 14px;font-size:1rem}.f-group{margin-bottom:12px}.f-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.f-group input,.f-group textarea,.f-group select{background:var(--panel2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:7px 9px;font-family:inherit;font-size:.85rem}.f-group textarea{resize:vertical;min-height:50px}.quad-picker{grid-template-columns:1fr 1fr;gap:6px;display:grid}.quad-picker button{border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-dim);background:var(--panel2);border-radius:6px;padding:8px;font-size:.72rem;font-weight:600}.quad-picker button.sel{color:#fff;border-color:#0000}.quad-picker button[data-q=uv].sel{background:var(--q-uv-b)}.quad-picker button[data-q=un].sel{background:var(--q-un-b)}.quad-picker button[data-q=nv].sel{background:var(--q-nv-b)}.quad-picker button[data-q=nn].sel{background:var(--q-nn-b)}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.modal-actions .danger{margin-right:auto}