:root{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text:#0b1220;--text-muted:#334155;--text-subtle:#475569;--bg:#f6f7fb;--surface:#fff;--surface-solid:#fff;--surface-2:#f8fafc;--border:#0f172a1a;--primary:#2563eb;--primary-2:#1d4ed8;--danger:#dc2626;--danger-2:#b91c1c;--shadow-sm:0 1px 2px #02061714;--shadow-md:0 10px 25px #0206171f;--shadow-lg:0 26px 60px #0206172e;--radius-sm:10px;--radius-md:12px;--focus:0 0 0 3px #2563eb47;--control-fs:14px;--control-lh:1.15;--page-max:1120px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-1:.12s;--dur-2:.18s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;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;--text:#eaf0ff;--text-muted:#e2e8f0d1;--text-subtle:#e2e8f0ad;--bg:#050711;--surface:#0b1224;--surface-solid:#0b1224;--surface-2:#0a1020;--border:#e2e8f01f;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 12px 28px #0000006b;--shadow-lg:0 24px 60px #0000008c;--focus:0 0 0 3px #60a5fa40}}html,body{height:100%}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(1100px 800px at 16% -12%, #2563eb1a, transparent 58%), radial-gradient(900px 700px at 85% 12%, #10b98114, transparent 58%), radial-gradient(900px 800px at 38% 112%, #ec48990f, transparent 64%), linear-gradient(180deg, var(--bg), var(--bg));margin:0;font-size:16px;line-height:1.45}#root{min-height:100svh}*,:before,:after{box-sizing:border-box}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:650}.h1--compact{font-size:26px}.h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:650}.h3{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:650}.muted{color:var(--text-muted)}.small{font-size:13px}.textStrong{color:var(--text);font-weight:650}.srOnly{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.page{width:min(var(--page-max), calc(100% - 32px));margin:0 auto;padding:28px 0 48px}@media (width<=640px){.page{width:calc(100% - 24px);padding:18px 0 32px}}.pageHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}@media (width<=720px){.pageHeader{flex-direction:column;align-items:stretch}}.pageHeader__title{gap:6px;display:grid}.pageHeader__actions,.sectionHeader__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.section{margin-top:22px}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}@media (width<=720px){.sectionHeader{flex-direction:column;align-items:stretch}}.breadcrumbBar{margin-bottom:10px}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), var(--surface-solid));border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card--padded{padding:16px}.card--interactive{transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);overflow:hidden;transform:translateZ(0)}.card--interactive:hover{box-shadow:var(--shadow-md);border-color:#2563eb47;transform:translateY(-1px)}.cardButton{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:16px}.cardButton:focus-visible{box-shadow:var(--focus);border-radius:calc(var(--radius-md) - 2px);outline:none}.cardTitleRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.cardTitle{margin:0}.cardDescription{margin:8px 0 0}.gridCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=960px){.gridCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.gridCards{grid-template-columns:1fr}}.stack{gap:10px;display:grid}.btn{appearance:none;background:var(--surface-solid);color:var(--text);font-family:var(--font-sans);font-size:var(--control-fs);line-height:var(--control-lh);letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:650;transform:translateZ(0)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn:focus-visible{box-shadow:var(--focus);outline:none}.btn--sm{border-radius:9px;padding:8px 10px;font-size:13px;font-weight:650}.btn--primary{background:linear-gradient(180deg, var(--primary), var(--primary-2));color:#fff;border-color:#ffffff2e}.btn--primary:hover{border-color:#ffffff3d}.btn--danger{background:linear-gradient(180deg, var(--danger), var(--danger-2));color:#fff;border-color:#ffffff2e}.btn--ghost{background:color-mix(in srgb, var(--surface) 70%, transparent);border-color:var(--border);box-shadow:none}@media (prefers-color-scheme:dark){.btn--ghost{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.field{gap:8px;display:grid}.fieldInline{align-items:center;gap:10px;display:flex}.label{color:var(--text-subtle);font-size:13px;font-weight:650}.input,.textarea,.select{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;color:var(--text);font-family:var(--font-sans);font-size:var(--control-fs);transition:box-shadow var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);border-radius:10px;padding:10px 12px;line-height:1.25}@media (prefers-color-scheme:dark){.input,.textarea,.select{background:color-mix(in srgb, var(--surface) 78%, transparent)}}.input--lg{font-size:16px;font-weight:650}.textarea{resize:vertical;min-height:92px}.input:focus,.textarea:focus,.select:focus{box-shadow:var(--focus);border-color:#2563eb73;outline:none}.projectHeader{padding:16px}.projectHeader__row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.projectHeader__content{gap:10px;width:100%;display:grid}.projectHeader__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (width<=720px){.projectHeader__top{flex-direction:column;align-items:stretch}}.projectHeader__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.projectEdit{gap:12px;width:100%;display:grid}.rowActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{letter-spacing:.02em;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:750;display:inline-flex}@media (prefers-color-scheme:dark){.badge{background:#02061773}}.badge--danger{color:#fff;background:linear-gradient(180deg, var(--danger), var(--danger-2));border-color:#dc262659}.badge--neutral{color:var(--text);border-color:#94a3b859}.taskCard{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}@media (width<=720px){.taskCard{flex-direction:column;align-items:stretch}}.taskCard__content{gap:6px;display:grid}.taskCard__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.memberList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.memberRow{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}@media (width<=720px){.memberRow{flex-direction:column;align-items:stretch}}.memberRow__identity{gap:2px;display:grid}.memberRow__name{letter-spacing:-.01em;font-weight:750}.emptyState{border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:var(--shadow-sm);border:1px dashed #2563eb59;gap:8px;padding:18px;display:grid}@media (prefers-color-scheme:dark){.emptyState{background:#02061759}}.emptyState__title{letter-spacing:-.01em;font-weight:750}.emptyState__body{color:var(--text-muted)}.emptyState__actions{margin-top:6px}.appToast{border:1px solid var(--border);color:#0b1220;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px}.appToast>div,.appToast,.appToast *{color:inherit}@media (prefers-color-scheme:dark){.appToast{color:#eaf0ff;background:#0b1224;border-color:#e2e8f01f}}.stats{gap:14px;display:grid}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=960px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.statsGrid{grid-template-columns:1fr}}.statCard{padding:14px}.statLabel{text-transform:uppercase;letter-spacing:.08em}.statValue{letter-spacing:-.02em;margin-top:8px;font-size:28px;font-weight:780;line-height:1.1}.chartCard{padding:14px}.chartHeader{gap:2px;margin-bottom:10px;display:grid}.chartBody{height:300px}.modalOverlay{z-index:1000;opacity:1;animation:modalFadeIn var(--dur-2) var(--ease-out) both;background:#0206178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(520px,100%);box-shadow:var(--shadow-lg);animation:modalPop var(--dur-2) var(--ease-out) both;padding:14px;transform:translateZ(0)}@keyframes modalPop{0%{opacity:.92;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modalHeader{justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 10px;display:flex}.modalForm{gap:12px;padding:6px;display:grid}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.modalError{color:var(--text);background:#dc26261a;border:1px solid #dc262647;border-radius:10px;margin:0 6px;padding:10px 12px}.authShell{place-items:center;min-height:100svh;padding:28px 16px;display:grid}.authCard{width:min(460px,100%);box-shadow:var(--shadow-lg);padding:16px}.authHeader{gap:6px;padding:8px 6px 12px;display:grid}.formStack{gap:12px;padding:6px;display:grid}.authCta{justify-content:center;width:100%}.authFooter{text-align:center;padding:10px 6px 6px}.link{color:var(--primary);font-weight:650;text-decoration:none}.link:hover{text-decoration:underline}.link:focus-visible{box-shadow:var(--focus);border-radius:8px;outline:none;margin:-2px -4px;padding:2px 4px}.inviteCard{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffffb3;border:1px dashed #2563eb59;gap:10px;padding:14px;display:grid}@media (prefers-color-scheme:dark){.inviteCard{background:#02061759}}.inviteHeader{justify-content:space-between;align-items:flex-end;gap:10px;padding:4px 4px 2px;display:flex}.inviteForm{grid-template-columns:1.4fr .8fr auto;align-items:end;gap:10px;display:grid}.inviteActions{justify-content:flex-end;display:flex}@media (width<=720px){.inviteForm{grid-template-columns:1fr}.inviteActions{justify-content:stretch}.inviteActions .btn{justify-content:center;width:100%}}