:root{--bg: #f6f7f9;--panel: #ffffff;--line: #e4e6ea;--text: #1c1e23;--text-soft: #6b6f76;--accent: #2e5aac;--accent-soft: #eaf0fe;--danger: #d4384d;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.45}.center-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;width:100%;max-width:380px;box-shadow:0 1px 3px #0000000d}.card h1{font-size:21px;margin:0 0 4px}.card .sub{color:var(--text-soft);font-size:13px;margin:0 0 20px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}input,textarea,select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--panel);color:var(--text)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.btn{width:100%;padding:10px;margin-top:18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius)}.btn:disabled{opacity:.6;cursor:default}.linkbtn{background:none;border:none;color:var(--accent);padding:0;font-size:13px}.switch{text-align:center;margin-top:16px;color:var(--text-soft);font-size:13px}.msg{font-size:13px;margin:14px 0;padding:9px 11px;border-radius:var(--radius)}.msg.error{background:#fdeef0;color:var(--danger)}.msg.ok{background:#eaf6ec;color:#2f7a3a}.muted{color:var(--text-soft);font-size:14px}code{background:#eef0f3;padding:1px 5px;border-radius:4px;font-size:13px}.topbar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar h2{font-size:16px;margin:0}.topbar .spacer{flex:1}.topbar .who{color:var(--text-soft);font-size:13px}.org-name{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:20px}.nav-tabs{display:flex;gap:4px}.nav-tab{padding:6px 14px;background:none;border:none;border-radius:var(--radius);color:var(--text-soft)}.nav-tab:hover{background:var(--bg)}.nav-tab.active{background:var(--accent-soft);color:var(--accent)}.tagline{text-align:center;color:var(--text-soft);font-style:italic;font-size:13.5px;margin:2px 0 14px}.topbar-mobile{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:20px;line-height:1;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:90}.mobile-menu{position:absolute;top:56px;right:12px;display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #00000024;padding:8px;z-index:100;min-width:200px}.mobile-menu .nav-tab,.mobile-menu .mobile-menu-item{width:100%;padding:10px 14px;text-align:left;background:none;border:none;border-radius:8px;color:var(--text);font-size:14px;font-weight:500}.mobile-menu .nav-tab.active{background:var(--accent-soft);color:var(--accent)}.mobile-menu .nav-tab:active,.mobile-menu .mobile-menu-item:active{background:var(--bg)}.mobile-menu-divider{height:1px;background:var(--line);margin:6px 0}.mobile-menu-who{padding:8px 14px 4px;font-size:11px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px}@media (max-width: 700px){.topbar-desktop{display:none!important}.topbar-mobile{display:inline-flex}.topbar{padding:10px 12px;gap:8px}.topbar h2{font-size:17px}}.ghost-btn{padding:7px 13px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)}.app-main{padding:24px 20px 60px;max-width:760px;margin:0 auto}.placeholder{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;color:var(--text-soft);background:var(--panel);text-align:center}.placeholder h3{margin-top:0;color:var(--text)}.view-title{margin:0;font-size:17px}.btn-primary{padding:8px 15px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{padding:8px 13px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)}.btn-danger{padding:8px 13px;background:#fdeef0;border:1px solid #f3c6cd;border-radius:var(--radius);color:var(--danger)}.btn-sm{padding:5px 10px;font-size:13px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.toolbar .spacer{flex:1}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.seg-btn{padding:7px 14px;background:none;border:none;color:var(--text-soft)}.seg-btn.active{background:var(--accent);color:#fff}.filter-select{width:auto;min-width:150px}.task-group{margin-bottom:22px}.group-head{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.group-head .count{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:1px 8px;font-size:11px}.group-head.g-overdue{color:var(--danger)}.group-head.g-today{color:var(--accent)}.task-row{display:flex;align-items:flex-start;gap:12px;background:var(--panel);border:2px solid #b9bfc9;border-radius:10px;padding:14px 16px;margin-bottom:12px;box-shadow:0 2px 5px #00000014;transition:box-shadow .12s ease,border-color .12s ease}.task-row:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001f}.task-row.done{background:#fafafb;border-color:#d6d9df;box-shadow:none}.drag-grip{flex:none;align-self:stretch;display:grid;grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:4px;align-content:center;margin:0 -2px 0 -6px;padding:0 4px;color:#c2c7d0;cursor:grab;touch-action:none}.drag-grip:hover{color:var(--accent)}.drag-grip:active{cursor:grabbing}.drag-grip span{width:4px;height:4px;border-radius:50%;background:currentColor}.task-row.dnd-dragging-src{opacity:.4}.dnd-ghost{cursor:grabbing;opacity:.95;box-shadow:0 14px 30px #0000004d!important}.dnd-ghost.task-row{border-color:var(--accent)}.dnd-ghost.cal-chip{background:var(--panel)}.dnd-line{height:3px;background:var(--accent);border-radius:3px;margin:-4px 4px 9px;box-shadow:0 0 0 2px var(--accent-soft)}body.dnd-active{cursor:grabbing;user-select:none;-webkit-user-select:none}body.dnd-active .task-row:hover{border-color:#b9bfc9;box-shadow:0 2px 5px #00000014}body.dnd-active .cal-cell:hover{border-color:var(--line)}.task-check{flex:none;width:20px;height:20px;margin-top:1px;border:2px solid var(--line);border-radius:50%;background:var(--panel);padding:0}.task-check:hover{border-color:var(--accent)}.task-check.checked{background:var(--accent);border-color:var(--accent)}.task-main{flex:1;cursor:pointer;min-width:0}.task-title{font-weight:600}.task-row.done .task-title{text-decoration:line-through;color:var(--text-soft)}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;font-size:12.5px;color:var(--text-soft)}.meta-bit{display:inline-flex;align-items:center;gap:4px}.pri-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chip{color:#fff;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:20px}.project-list{display:flex;flex-direction:column;gap:9px}.project-card{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.project-card.archived{opacity:.6}.project-swatch{flex:none;width:10px;align-self:stretch;border-radius:5px}.project-body{flex:1;min-width:0}.project-name{font-weight:600}.project-desc{font-size:13px;color:var(--text-soft);margin-top:2px}.project-stats{font-size:12.5px;color:var(--text-soft);margin-top:5px}.project-actions{display:flex;gap:6px}.color-row{display:flex;gap:8px}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;padding:0}.color-dot.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--panel) inset}.team-list{display:flex;flex-direction:column;gap:8px}.team-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px}.avatar{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.pending-avatar{background:var(--text-soft)}.team-info{flex:1;min-width:0}.team-name{font-weight:600;display:flex;align-items:center;gap:8px}.team-email{font-size:12.5px;color:var(--text-soft)}.you-tag{background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px}.role-select{width:auto;padding:5px 8px;font-size:13px}.role-badge{font-size:12px;font-weight:600;color:var(--text-soft);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:3px 10px}.pending-badge{color:#b07d20;background:#fcf3df;border-color:#f0e0b8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161c73;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:var(--panel);border-radius:10px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #00000040}.modal-wide{max-width:620px}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px;flex:1}.x-btn{background:none;border:none;font-size:22px;line-height:1;color:var(--text-soft);padding:0 4px}.modal-body{padding:18px 20px 20px}.field{margin-bottom:4px}.field label{margin-top:10px}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:20px}.modal-actions .spacer{flex:1}.task-pie{flex:none;width:30px;height:30px;margin-top:1px;border:2px solid #8b93a1;border-radius:50%;padding:0;cursor:pointer;position:relative;box-shadow:0 1px 2px #00000024;transition:border-color .12s ease,transform .08s ease}.task-pie:hover{border-color:var(--accent);transform:scale(1.08)}.task-pie.is-done{border-color:var(--accent)}.task-pie.is-done:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.row-del{flex:none;align-self:center;background:none;border:none;padding:4px 7px;font-size:15px;line-height:1;color:#9aa0a8;opacity:.5;border-radius:var(--radius);cursor:pointer;transition:opacity .12s ease,background .12s ease}.row-del:hover{opacity:1;background:#fdecec}.autofill-note{margin-top:6px;font-size:12px;color:#2e7d32;background:#eef7ed;border:1px solid #cfe6cf;border-radius:var(--radius);padding:5px 9px}.dur-row{display:flex;align-items:center;gap:6px}.dur-num{width:64px;text-align:center}.dur-unit{color:var(--text-soft);font-size:13px}.pie-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 560px){.pie-grid{grid-template-columns:1fr}}.pie-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px}.pie-card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);margin-bottom:10px}.pie{display:block;width:150px;height:150px;margin:0 auto 12px}.pie-empty{width:150px;height:150px;margin:0 auto 12px;border-radius:50%;border:2px dashed var(--line);color:var(--text-soft);font-size:12px}.pie-legend{display:flex;flex-direction:column;gap:5px}.legend-row{display:flex;align-items:center;gap:7px;font-size:12.5px}.legend-dot{width:11px;height:11px;border-radius:3px;flex:none}.legend-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-val{color:var(--text-soft);flex:none}.sl-list{display:flex;flex-direction:column;gap:8px}.sl-row{display:flex;align-items:center;gap:10px}.sl-name{flex:none;width:130px;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-track{flex:1;height:12px;background:var(--bg);border-radius:6px;overflow:hidden}.sl-fill{display:flex;height:100%}.sl-seg{height:100%}.sl-val{flex:none;width:96px;text-align:right;font-size:12px;color:var(--text-soft)}.swipe-cell{position:relative;margin-bottom:12px}.swipe-cell .task-row{margin-bottom:0}.swipe-row-wrap{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 2px 5px #00000014}.swipe-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;border-radius:10px;background:#c0392b}.swipe-act{width:82px;border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.swipe-missed{background:#d56a13}.swipe-delete{background:#c0392b}.swipe-face{position:relative;touch-action:pan-y;transition:transform .18s ease}.swipe-face.swiping{transition:none}.swipe-listpanel{margin:6px 4px 0;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.slp-section{margin-bottom:9px}.slp-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.slp-chips{display:flex;flex-wrap:wrap;gap:6px}.slp-chip{border:1.5px solid var(--line);background:var(--panel);border-radius:16px;padding:5px 12px;font-size:12.5px;cursor:pointer}.slp-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.slp-empty{font-size:12px;color:var(--text-soft)}.slp-done{margin-top:2px;background:var(--accent-soft);color:var(--accent);border:none;border-radius:var(--radius);padding:7px 16px;font-weight:600;cursor:pointer}.proj-group{margin-bottom:18px}.proj-card-list{display:flex;flex-direction:column;gap:10px}.proj-card{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px 15px;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.proj-card:hover{border-color:var(--accent);box-shadow:0 3px 10px #0000001a}.proj-card-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.proj-name{font-weight:650;font-size:14.5px;flex:1}.proj-status{flex:none;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.status-planning{background:#eef0f3;color:#5f636b}.status-active{background:var(--accent-soft);color:var(--accent)}.status-onhold{background:#fcf3df;color:#b07d20}.status-custom{background:#eef0f3;color:#5f636b}.addable-add{display:flex;gap:6px}.addable-add input{flex:1;min-width:0}.routine-actions{display:flex;flex-wrap:wrap;gap:6px;flex:none}.archived-list{display:flex;flex-direction:column;gap:8px}.archived-row{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px}.archived-info{flex:1;min-width:0}.archived-title{font-weight:600}.archived-tag{margin-left:8px;font-size:11.5px;color:var(--text-soft)}.status-done{background:#e3f6ea;color:#1e7d44}.proj-card-meta,.proj-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft)}.proj-type{font-weight:600;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:20px}.proj-progress{display:flex;align-items:center;gap:9px;margin-top:9px}.proj-progress-bar{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.proj-progress-fill{height:100%;background:var(--accent);border-radius:4px}.proj-progress-label{flex:none;font-size:12px;color:var(--text-soft)}.proj-detail{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px 16px;margin-top:10px}.proj-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.proj-detail-name{font-size:17px;margin:0;flex:1}.proj-notes{margin:10px 0 0;font-size:13px;white-space:pre-wrap;color:var(--text)}.proj-detail-actions{display:flex;gap:8px;margin-top:12px}.proj-subtask-list{display:flex;flex-direction:column;gap:8px}.proj-subtask{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 13px}.proj-subtask-main{flex:1;cursor:pointer;min-width:0}.proj-subtask-title{font-weight:550}.proj-subtask-title.done{text-decoration:line-through;color:var(--text-soft)}.proj-subtask-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;font-size:12px;color:var(--text-soft)}.task-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.step-pill{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:2px 10px}.sub-empty{font-size:12.5px;margin:4px 0 8px}.sub-list{display:flex;flex-direction:column;gap:6px}.sub-item{display:flex;align-items:center;gap:7px}.sub-check{flex:none;width:18px;height:18px;border:2px solid var(--line);border-radius:50%;background:var(--panel);padding:0}.sub-check.checked{background:var(--accent);border-color:var(--accent)}.sub-item.done .sub-title-input{text-decoration:line-through;color:var(--text-soft)}.sub-title-input{flex:1;padding:6px 9px}.mini-btn{flex:none;width:28px;height:30px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text-soft);font-size:14px;line-height:1}.mini-btn:disabled{opacity:.35;cursor:default}.mini-btn.danger{color:var(--danger)}.sub-add{display:flex;gap:7px;margin-top:8px}.sub-add input{flex:1}.repeat-row{display:flex;align-items:center;gap:10px}.repeat-row select{flex:none;width:auto}.repeat-every{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft)}.repeat-num{width:56px;text-align:center}.recur-bit{color:var(--accent)}.reminder-banner{border:1px solid #f0e0b8;background:#fcf3df;border-radius:var(--radius);padding:4px 10px;margin-bottom:16px}.reminder-line{display:flex;align-items:center;gap:10px;padding:5px 2px}.reminder-line+.reminder-line{border-top:1px solid #f0e0b8}.reminder-text{flex:1;font-size:13.5px}.reminder-when{color:var(--text-soft);margin-left:8px;font-size:12.5px}.rem-when{font-size:13px}.rem-fire{color:var(--text-soft)}.rem-add{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px}.rem-add select,.rem-add input{flex:none;width:auto}.rem-add .rem-num{width:56px;text-align:center}.rem-add .rem-dt{flex:1;min-width:170px}.rem-add .rem-before-word{color:var(--text-soft);font-size:13px}.rem-add .spacer,.sub-item .spacer{flex:1}.attempt-list{display:flex;flex-direction:column;gap:6px}.attempt-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:7px 10px}.attempt-outcome{font-weight:600;font-size:13px}.attempt-note{flex:1;font-size:13px;color:var(--text);min-width:120px}.attempt-when{font-size:12px;color:var(--text-soft)}.attempt-form{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.cal-label{font-size:15px;font-weight:700;min-width:150px;text-align:center}.cal-weekhead{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-weekname{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft);padding:2px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-height:86px;padding:4px 5px;cursor:pointer;overflow:hidden}.cal-grid.week .cal-cell{min-height:220px}.cal-cell:hover{border-color:var(--accent)}.cal-cell.other-month{background:var(--bg)}.cal-cell.other-month .cal-daynum{color:#b9bdc4}.cal-cell.is-today{border-color:var(--accent)}.cal-cell.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cal-daynum{font-size:12px;font-weight:600;margin-bottom:3px}.cal-cell.is-today .cal-daynum{color:var(--accent)}.cal-chips{display:flex;flex-direction:column;gap:2px}.cal-chip{font-size:11px;line-height:1.3;padding:1px 5px;background:var(--bg);border-left:3px solid var(--accent);border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-chip.ghost{background:transparent;border-left-style:dashed;color:var(--text-soft)}.cal-chip.done{text-decoration:line-through;color:var(--text-soft)}.cal-chip.draggable{cursor:grab;touch-action:none}.cal-chip.draggable:hover{background:var(--accent-soft)}.cal-chip.dnd-dragging-src{opacity:.4}.cal-cell.dnd-over{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.cal-more{font-size:10.5px;color:var(--text-soft);padding-left:3px}.cal-day-panel{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.cal-panel-head{margin:0 0 10px;font-size:15px}.cal-panel-group{margin-bottom:12px}.cal-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft);margin-bottom:5px}.cal-dayrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;margin-bottom:5px;cursor:pointer}.cal-dayrow:hover{border-color:var(--accent)}.cal-dayrow-bar{flex:none;width:6px;align-self:stretch;border-radius:3px}.cal-dayrow-main{flex:1;min-width:0}.cal-dayrow-title{font-weight:600;font-size:14px}.cal-dayrow-title.done{text-decoration:line-through;color:var(--text-soft)}.cal-dayrow-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-soft);margin-top:2px}.stat-cards{display:flex;gap:10px;flex-wrap:wrap}.stat-card{flex:1;min-width:150px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat-num{font-size:28px;font-weight:700;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-soft);margin-top:2px}.stat-sub{font-size:12px}.period-list{display:flex;flex-direction:column;gap:6px}.period-row{display:flex;align-items:center;gap:12px}.period-label{width:130px;font-size:13px;flex:none}.period-bar{flex:1;height:16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:hidden}.period-bar-fill{height:100%;background:var(--accent);border-radius:8px 0 0 8px}.period-figure{width:110px;flex:none;font-size:12.5px;color:var(--text-soft);text-align:right}.stat-note{font-size:12px;margin-top:8px}.routine-list{display:flex;flex-direction:column;gap:7px}.routine-row{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px}.routine-main{flex:1;min-width:0}.routine-title{font-weight:600}.routine-meta{font-size:12.5px;color:var(--text-soft);margin-top:2px}.streak-timeline{display:flex;gap:3px;margin-top:7px}.streak-sq{width:13px;height:13px;border-radius:3px;background:#dfe3ea}.streak-sq.ontime{background:#2f7a3a}.streak-sq.late{background:#e8833a}.streak-sq.missed{background:#d4384d}.streak-sq.pending{background:#dfe3ea}.routine-stat{flex:none;text-align:center;width:58px}.routine-stat-num{font-size:17px;font-weight:700}.routine-stat-num.miss{color:var(--danger)}.routine-stat-label{font-size:11px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px}.miss-bit{color:var(--danger)}.miss-line{font-size:13px;color:var(--danger);background:#fdeef0;border-radius:var(--radius);padding:6px 10px;margin:0 0 8px}.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.bulk-bar .spacer{flex:1}.bulk-bar button:disabled{opacity:.4}.bulk-count{font-weight:600;font-size:13px}.bulk-check{flex:none;width:20px;height:20px;border:2px solid var(--line);border-radius:5px;background:var(--panel);padding:0;align-self:center;margin:0 2px 0 4px}.bulk-check.checked{background:var(--accent);border-color:var(--accent)}.task-row.selected{background:#eef2fb}.report-lists{display:flex;flex-direction:column;gap:6px}.report-check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.report-check input{width:auto;flex:none;margin:0}.report-preview{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-top:14px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--text)}.sub-chip{font-size:11.5px;font-weight:600;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:2px 9px;color:var(--text-soft)}.cat-bit{color:var(--text-soft)}.due-bit{color:var(--accent);font-weight:600}.project-card-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.project-card-wrap.archived{opacity:.6}.project-card-wrap .project-card{border:none;border-radius:0;background:transparent}.sublist-area{border-top:1px solid var(--line);padding:10px 14px 12px}.sublist-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft);margin-bottom:6px}.sublist-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.sublist-empty{font-size:12px}.sublist-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:3px 6px 3px 11px;font-size:12.5px}.sublist-count{font-size:11px;font-weight:700;color:var(--text-soft);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 6px}.sublist-x{border:none;background:none;color:var(--text-soft);font-size:15px;line-height:1;padding:0 2px}.sublist-add{display:flex;gap:6px}.sublist-add input{flex:1}.repeat-sub{margin-top:10px;display:flex;flex-direction:column;gap:6px}.repeat-sub-label{font-size:12px;font-weight:600;color:var(--text-soft)}.repeat-end-date{width:auto}.wd-row{display:flex;gap:5px;flex-wrap:wrap}.wd-btn{width:38px;padding:6px 0;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text-soft);font-size:12.5px;font-weight:600}.wd-btn:hover{background:var(--bg)}.wd-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.rem-bell{position:relative;background:none;border:none;padding:4px;font-size:18px;line-height:1;cursor:pointer}.rem-bell:hover{opacity:.75}.rem-bell-icon{display:inline-block}.rem-badge{position:absolute;top:-3px;right:-4px;min-width:17px;height:17px;padding:0 4px;background:var(--danger);color:#fff;border-radius:9px;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}.rem-panel-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rem-panel-item{display:flex;align-items:center;gap:10px;background:var(--panel);padding:10px 12px}.rem-panel-main{flex:1;min-width:0}.rem-panel-title{font-weight:600;font-size:13.5px}.rem-panel-sub{font-size:12px;color:var(--text-soft);margin-top:2px}.reminder-notif-line{margin-top:12px}.reminder-notif-on{color:#2e7d32}.link-btn{background:none;border:none;padding:0;color:var(--accent);font-weight:600;text-decoration:underline;cursor:pointer;font-size:inherit}