: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)}}body{margin:0}#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}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%}.task-list{text-align:left;gap:14px;width:min(720px,100% - 32px);margin:32px auto;padding:0;list-style:none;display:grid}.task-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, var(--social-bg));border-radius:8px;padding:18px 20px;box-shadow:0 8px 24px #0000000f}.task-card h3{color:var(--text-h);margin:0;font-size:20px;font-weight:650;line-height:1.25}.task-pill{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;flex:none;padding:4px 10px;font-size:13px;font-weight:700;line-height:1.3}.task-card__details{gap:6px;margin-top:14px;display:grid}.task-card__meta{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.task-meta-label{color:var(--text-h);font-weight:700}@media (width<=640px){.task-list{width:calc(100% - 24px);margin-block:24px}.task-card{padding:16px}.task-card__header{flex-direction:column;gap:10px}}:root{--app-bg:#f7f5f0;--app-surface:#fffdf8;--app-surface-strong:#fff;--app-ink:#1d2733;--app-muted:#687386;--app-line:#ded8ce;--app-primary:#23675c;--app-primary-dark:#17483f;--app-primary-soft:#dbece6;--app-coral:#d96d55;--app-gold:#f0bd57;--app-blue:#426fae;--app-shadow:0 18px 50px #2f2d261f;color:var(--app-ink);background:var(--app-bg)}body{background:radial-gradient(circle at 0 0,#f0bd5733,#0000 32rem),linear-gradient(135deg,#f7f5f0 0%,#edf2ee 56%,#f8efe8 100%);min-width:320px}button,input,select,textarea{font:inherit}button{border:0}input,select,textarea{box-sizing:border-box;border:1px solid var(--app-line);width:100%;color:var(--app-ink);background:var(--app-surface-strong);border-radius:8px;outline:none;padding:11px 12px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus,textarea:focus{border-color:var(--app-primary);box-shadow:0 0 0 4px #23675c24}#root{text-align:left;border:0;width:100%}.app-shell{width:min(1380px,100% - 32px);margin:0 auto;padding:28px 0 48px}.app-shell--centered,.auth-shell{box-sizing:border-box;place-items:center;min-height:100svh;padding:24px;display:grid}.loading-card,.auth-card,.hero-panel,.task-section,.panel-block{box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8e0;border:1px solid #ded8ced1}.loading-card{color:var(--app-muted);border-radius:8px;padding:24px 28px}.app-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.brand-block{align-items:center;gap:14px;min-width:0;display:flex}.brand-block--auth{align-items:flex-start}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--app-primary), var(--app-blue));border-radius:8px;flex:none;place-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:inline-grid;box-shadow:0 12px 24px #23675c38}.eyebrow{color:var(--app-primary);letter-spacing:.11em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:var(--app-ink);letter-spacing:0;margin:0;font-size:clamp(28px,4vw,46px);font-weight:780;line-height:1.02}h2{color:var(--app-ink);letter-spacing:0;margin:0;font-size:clamp(23px,2.8vw,34px);font-weight:760;line-height:1.08}h3{color:var(--app-ink)}.header-actions{align-items:end;gap:12px;display:flex}.select-field{min-width:220px;color:var(--app-muted);gap:6px;font-size:13px;font-weight:700;display:grid}.select-field select{min-height:42px}.account-menu{gap:8px;width:min(380px,42vw);display:grid}.account-menu .button{width:100%}.account-chip{box-sizing:border-box;background:#fffdf8c7;border:1px solid #ded8cee6;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:54px;padding:9px 14px 9px 10px;display:flex}.account-avatar{color:#fff;background:var(--app-coral);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:850;display:inline-grid}.account-chip div{gap:1px;min-width:0;display:grid}.account-chip span:not(.account-avatar){color:var(--app-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.account-chip strong{overflow-wrap:anywhere;color:var(--app-ink);font-size:15px;font-weight:850;line-height:1.25}.button{cursor:pointer;min-height:42px;color:var(--app-ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--app-primary);box-shadow:0 12px 24px #23675c2e}.button--primary:hover{background:var(--app-primary-dark)}.button--soft{color:var(--app-primary-dark);background:var(--app-primary-soft)}.button--ghost{border:1px solid var(--app-line);color:var(--app-ink);background:#fffdf8b8}.hero-panel{border-radius:8px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:28px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d96d5533,#426fae1f);border-radius:50%;width:420px;height:420px;position:absolute;inset:auto -12% -46% auto}.hero-copy{max-width:680px;position:relative}.hero-copy p:last-child{max-width:540px;color:var(--app-muted);margin:14px 0 0;font-size:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:12px;display:grid;position:relative}.stat-card{background:#ffffffbd;border:1px solid #ded8cecc;border-radius:8px;min-height:104px;padding:16px}.stat-card span{color:var(--app-primary-dark);font-size:32px;font-weight:850;line-height:1;display:block}.stat-card p{color:var(--app-muted);margin:9px 0 0;font-size:13px;font-weight:750}.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;margin-top:22px;display:grid}.task-section,.panel-block{border-radius:8px;padding:22px}.side-panel{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading--compact{margin-bottom:16px}.section-heading h2{font-size:26px}.count-pill,.task-pill{color:var(--app-primary-dark);background:var(--app-primary-soft);border:1px solid #23675c2e;border-radius:999px;flex:none;padding:5px 10px;font-size:13px;font-weight:850;line-height:1.3}.task-toolbar{background:#ffffff94;border:1px solid #ded8ced1;border-radius:8px;grid-template-columns:minmax(250px,1fr) minmax(330px,1.25fr) minmax(180px,.75fr) minmax(150px,.65fr) auto;align-items:end;gap:12px;margin-bottom:18px;padding:14px;display:grid}.toolbar-field{min-width:0;color:var(--app-muted);gap:6px;font-size:13px;font-weight:800;display:grid}.toolbar-field legend,.toolbar-field>span{color:var(--app-ink);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:850}.toolbar-field input,.toolbar-field select{min-height:42px}.toolbar-statuses{border:0;margin:0;padding:0}.toolbar-statuses legend{margin-bottom:6px}.status-filter-group{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}.status-filter-chip{cursor:pointer;min-height:34px;color:var(--app-muted);background:#fffdf8c2;border:1px solid #ded8ceeb;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:850;display:inline-flex}.status-filter-chip input{width:14px;min-height:14px;accent-color:var(--app-primary)}.status-filter-chip span{color:inherit;letter-spacing:0;text-transform:none;font-size:13px}.status-filter-chip:has(input:checked){color:var(--app-ink);background:var(--app-primary-soft);border-color:#23675c3d}.status-filter-chip--backlog:has(input:checked){background:#f0bd5733}.status-filter-chip--ongoing:has(input:checked){background:#426fae29}.status-filter-chip--done:has(input:checked){background:#d96d5529}.toolbar-reset:disabled{cursor:not-allowed;opacity:.45;transform:none}.view-tabs{background:#ffffff94;border:1px solid #ded8ceeb;border-radius:8px;grid-template-columns:repeat(2,minmax(120px,1fr));gap:4px;margin:-4px 0 18px;padding:4px;display:inline-grid}.view-tab{cursor:pointer;min-height:38px;color:var(--app-muted);background:0 0;border-radius:6px;padding:0 14px;font-weight:850}.view-tab[aria-selected=true]{color:#fff;background:var(--app-primary);box-shadow:0 8px 18px #23675c29}.calendar-view{gap:12px;display:grid}.calendar-toolbar{background:#ffffff94;border:1px solid #ded8ced1;border-radius:8px;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:12px;min-height:52px;padding:10px;display:grid}.calendar-toolbar h3{text-align:center;margin:0;font-size:20px;font-weight:850}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:var(--app-muted);letter-spacing:.07em;text-transform:uppercase;gap:8px;font-size:12px;font-weight:850}.calendar-weekdays span{padding:0 2px}.calendar-grid{gap:8px}.calendar-day{background:var(--app-surface-strong);border:1px solid #ded8cee0;border-radius:8px;align-content:start;gap:8px;min-height:138px;padding:10px;display:grid;position:relative;overflow:hidden}.calendar-day--today:before{content:"";pointer-events:none;box-sizing:border-box;border:3px solid #ef4444;border-radius:8px;position:absolute;inset:2px}.calendar-day--today .calendar-day__header time{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.calendar-day--muted{color:var(--app-muted);background:#fffdf880}.calendar-day--has-tasks{border-color:#23675c42;box-shadow:inset 0 0 0 1px #23675c14}.calendar-day__header{justify-content:space-between;align-items:center;gap:6px;display:flex}.calendar-day__header time{color:var(--app-ink);font-size:14px;font-weight:850}.calendar-day--muted .calendar-day__header time{color:var(--app-muted)}.calendar-day__add{cursor:pointer;width:26px;height:26px;color:var(--app-primary-dark);background:var(--app-primary-soft);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:850;line-height:1;display:inline-grid}.calendar-day__tasks{gap:6px;min-width:0;display:grid}.calendar-task{border-left:4px solid var(--app-primary);cursor:pointer;text-align:left;min-height:34px;color:var(--app-ink);background:#dbece6c2;border-radius:6px;gap:1px;padding:6px 8px;display:grid}.calendar-task span,.calendar-task small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.calendar-task span{font-size:13px;font-weight:850}.calendar-task small{color:var(--app-muted);font-size:11px;font-weight:750}.calendar-task--backlog{border-left-color:var(--app-gold);background:#f0bd5733}.calendar-task--ongoing{border-left-color:var(--app-blue);background:#426fae24}.calendar-task--done{border-left-color:var(--app-coral);background:#d96d5524}.calendar-task--priority-4{border-left-color:var(--app-coral)}.task-list{gap:14px;width:100%;margin:0;padding:0;list-style:none;display:grid}.task-card{background:var(--app-surface-strong);border:1px solid #ded8cee0;border-radius:8px;grid-template-columns:minmax(340px,1.35fr) minmax(280px,.55fr) auto;align-items:start;gap:22px;padding:22px;display:grid;position:relative;box-shadow:0 10px 28px #2f2d2612}.task-card:before{content:"";background:linear-gradient(180deg, var(--app-coral), var(--app-gold));border-radius:999px;width:4px;position:absolute;top:16px;bottom:16px;left:0}.task-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-card__badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-pill,.priority-pill{border:1px solid #0000;border-radius:999px;flex:none;padding:5px 10px;font-size:13px;font-weight:850;line-height:1.3}.status-pill--backlog{color:#6b5a28;background:#f0bd5733;border-color:#f0bd5759}.status-pill--planned{color:var(--app-primary-dark);background:var(--app-primary-soft);border-color:#23675c2e}.status-pill--ongoing{color:#254b82;background:#426fae29;border-color:#426fae3d}.status-pill--done{color:#5d352b;background:#d96d5529;border-color:#d96d553d}.priority-pill--1{color:var(--app-primary-dark);background:#dbece6c7;border-color:#23675c2e}.priority-pill--2{color:#6b5a28;background:#f0bd5733;border-color:#f0bd5759}.priority-pill--3{color:#254b82;background:#426fae29;border-color:#426fae3d}.priority-pill--4{color:#5d352b;background:#d96d552e;border-color:#d96d554d}.task-number{color:var(--app-primary-dark);background:var(--app-primary-soft);border-radius:6px;flex:none;padding:3px 7px;font-size:14px;font-weight:900;line-height:1}.task-card h3{align-items:flex-start;gap:8px;min-width:0;margin:0;font-size:20px;font-weight:780;line-height:1.25;display:flex}.task-card h3 span:last-child{overflow-wrap:anywhere;min-width:0}.task-card__description{color:var(--app-muted);margin:10px 0 0;line-height:1.5}.task-card__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.task-status-control,.task-priority-control{grid-column:1/-1}.task-status-control,.task-priority-control,.task-card__meta{min-width:0;color:var(--app-muted);gap:2px;font-size:14px;display:grid}.task-status-control select,.task-priority-control select{min-height:38px;padding:8px 10px;font-size:14px}.task-card__meta span:last-child,.task-card__meta time{overflow-wrap:anywhere}.task-meta-label{color:var(--app-ink);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:850}.task-edit{min-width:72px}.empty-state{background:#dbece673;border:1px dashed #23675c4d;border-radius:8px;align-content:center;justify-items:start;gap:10px;min-height:220px;padding:28px;display:grid}.empty-state--compact{min-height:170px}.empty-state h3{margin:0;font-size:24px}.empty-state p,.muted-text{color:var(--app-muted);margin:0}.member-list,.invite-list{gap:10px;display:grid}.member-row{background:#ffffffa3;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.member-row span:last-child{overflow-wrap:anywhere}.avatar-dot{color:#fff;background:var(--app-blue);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:850;display:inline-grid}.invite-form{gap:10px;margin-bottom:16px;display:grid}.invite-card{background:#ffffffa3;border:1px solid #ded8cecc;border-radius:8px;padding:14px}.invite-card p{color:var(--app-muted);margin:0 0 4px;font-size:13px;font-weight:700}.invite-card strong{overflow-wrap:anywhere;display:block}.invite-actions{gap:8px;margin-top:12px;display:flex}.auth-shell{background:radial-gradient(circle at 20% 10%,#f0bd5747,#0000 28rem),linear-gradient(135deg,#f7f5f0,#e8f0ec 55%,#f8ece6)}.auth-card{border-radius:8px;width:min(480px,100%);padding:clamp(24px,5vw,38px)}.auth-copy{color:var(--app-muted);margin:18px 0 24px}.auth-form,.auth-form label{gap:10px;display:grid}.auth-form{gap:16px}.auth-form label span{color:var(--app-ink);font-size:13px;font-weight:850}.auth-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@media (width<=980px){.app-header,.hero-panel,.dashboard-grid{grid-template-columns:1fr}.app-header{align-items:stretch}.header-actions{flex-wrap:wrap;align-items:stretch}.select-field{flex:240px}.account-menu{flex:320px;width:auto}.task-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-field--search,.toolbar-reset{grid-column:1/-1}.task-card{grid-template-columns:1fr}.calendar-view{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:860px}.task-card__details{grid-template-columns:1fr}.task-edit{justify-self:start}}@media (width<=680px){.app-shell{width:min(100% - 20px,1180px);padding-top:14px}.brand-mark{width:42px;height:42px}.hero-panel,.task-section,.panel-block,.auth-card{padding:18px}.stats-grid{grid-template-columns:1fr}.section-heading,.header-actions,.auth-actions{flex-direction:column;align-items:stretch}.account-menu{width:100%}.task-toolbar{grid-template-columns:1fr}.view-tabs,.calendar-toolbar{box-sizing:border-box;width:100%}.calendar-toolbar{grid-template-columns:1fr}.calendar-toolbar h3{order:-1}.button{width:100%}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d273375;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{box-sizing:border-box;width:min(460px,100%);max-height:90vh;color:var(--app-ink,#1d2733);background:var(--app-surface-strong,#fffdf8);border:1px solid #ded8cee6;border-radius:8px;flex-direction:column;gap:12px;padding:24px;animation:.2s fadeIn;display:flex;overflow-y:auto;box-shadow:0 24px 70px #1d273347}.modal-card h2{margin-bottom:6px;font-size:26px}.modal-card textarea{resize:vertical;min-height:116px}.modal-field{gap:7px;display:grid}.modal-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal-field span{color:var(--app-ink,#1d2733);font-size:13px;font-weight:850}.modal-error{color:#8b2d1c;background:#d96d551a;border:1px solid #d96d5559;border-radius:8px;margin:4px 0 0;padding:10px 12px;font-size:14px;line-height:1.35}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-actions button{cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-weight:800}.modal-actions button:first-child{color:#fff;background:var(--app-primary,#23675c)}.modal-actions button:last-child{color:var(--app-ink,#1d2733);background:var(--app-primary-soft,#dbece6)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.modal-overlay{align-items:flex-end;padding:10px}.modal-card{padding:18px}.modal-field-grid,.modal-actions{flex-direction:column;grid-template-columns:1fr}}