:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}:root{--bg:#f6f8fb;--card:#fff;--border:#e5e7eb;--text:#1f2937;--muted:#6b7280;--primary:#4f7cff;--primary-light:#e8efff;--completed:#22c55e;--in-progress:#f59e0b;--pending:#9ca3af;--overdue:#ef4444}.task-dashboard-page{background:var(--bg);min-height:100vh;color:var(--text);padding:2rem}.task-dashboard-shell{max-width:1300px;margin:0 auto}.dashboard-hero{color:#fff;background:linear-gradient(135deg,#1e293b,#312e81);border-radius:16px;margin-bottom:2rem;padding:1.5rem 1.75rem}.dashboard-hero h1{color:#fff}.dashboard-hero p{color:#cbd5f5}.section-kicker{color:#a5b4fc}.metric-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.metric-card,.card-clean{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 6px 18px #0f172a0d}.metric-card span{color:var(--muted);font-size:.85rem}.metric-card strong{margin-top:.25rem;font-size:1.6rem;display:block}.danger-metric strong{color:var(--overdue)}.dashboard-workspace{grid-template-columns:350px 1fr;gap:1.5rem;display:grid}.task-column{flex-direction:column;height:calc(100vh - 220px);display:flex}.task-scroll-area{padding-right:.4rem;overflow-y:auto}.dashboard-right-column{flex-direction:column;gap:1.5rem;height:100%;display:flex}.section-title-row{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.section-title-row h2{margin-bottom:0;font-size:1.1rem;font-weight:650}.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.25rem;font-size:.72rem}.section-pill{background:var(--primary-light);color:var(--primary);border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:600}.search-control{margin-bottom:1rem}.task-actions-row{align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}.filter-shell{flex:1}.filter-row{gap:.5rem;display:flex}.filter-row select{flex:1}.add-task-inline-btn{white-space:nowrap}.task-item{background:var(--card);border:1px solid #eef1f4;border-radius:14px;margin-bottom:1rem;padding:1rem;transition:all .2s}.calendar-grid{grid-template-columns:1fr 280px;gap:1.25rem;display:grid}.task-calendar{border:none;border-radius:14px;width:100%;padding:.75rem}.task-calendar .react-calendar__tile{border-radius:10px;min-height:62px;transition:all .2s}.task-calendar .react-calendar__tile:hover{background:var(--primary-light)}.is-selected{background:var(--primary)!important;color:#fff!important}.has-task{color:var(--primary);background:#eef2ff;font-weight:700}.task-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;margin:4px auto 0;display:block}.date-agenda{border-left:1px solid var(--border);padding-left:1rem}.agenda-item{border-bottom:1px solid #eef1f4;padding:.65rem 0}.agenda-item span{color:var(--muted);font-size:.85rem;display:block}.lower-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.progress-display{justify-content:center;align-items:center;display:flex}.progress-pie{border-radius:50%;width:160px;height:160px;margin:0 auto}.progress-list{margin-top:1rem}.progress-list p{color:var(--muted);margin-bottom:.4rem}.status-dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.completed{background:var(--completed)}.progress{background:var(--in-progress)}.pending{background:var(--pending)}.priority-content{text-align:center}.priority-content strong{color:var(--text);font-size:2rem;display:block}.priority-content span{color:var(--muted)}.priority-meter{background:#eef1f4;border-radius:999px;height:8px;margin-top:1rem;overflow:hidden}.priority-meter div{background:var(--overdue);border-radius:999px;height:100%}@media (width<=900px){.dashboard-workspace,.calendar-grid,.lower-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.task-column{height:auto}.task-actions-row{flex-direction:column;align-items:stretch}}.dashboard-hero h1,.section-title-row h2{color:#111827}.task-modal-backdrop{z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.task-modal-card{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:0;overflow:hidden;box-shadow:0 24px 70px #0f172a59}.task-modal-header{border-bottom:1px solid var(--border);background:#f9fafb;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.task-modal-header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.task-modal-card form{padding:1.5rem}.task-modal-card .form-control,.task-modal-card .form-select{border-radius:10px}.task-modal-card button[type=submit]{width:100%;margin-top:.5rem}.task-modal-card .form-control,.task-modal-card .form-select,.task-modal-card textarea{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:.6rem .75rem}.hover-summary-card{position:relative;overflow:visible}.summary-hover-preview{border:1px solid var(--border);z-index:9999;background:#fff;border-radius:12px;width:260px;padding:.85rem;display:none;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 14px 30px #0f172a26}.hover-summary-card:hover .summary-hover-preview{display:block}.right-preview{left:auto;right:0}.summary-hover-preview p{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.task-high{border-left:4px solid var(--in-progress)}.task-overdue{border-left:4px solid var(--overdue)}.search-control{color:var(--text);border:1px solid var(--border);background:#fff;padding-left:2rem}.search-control::placeholder{color:var(--muted)}.search-group .input-group-text{color:var(--muted);background:#fff;border-right:none}.search-group .form-control{color:#000;background:#fff;border-left:none}.upcoming-card{background:linear-gradient(135deg,#4f7cff0f,#4f7cff05);border:1px solid #4f7cff26;margin-top:1.5rem}.task-calendar .react-calendar__tile{color:#6b7280}
