@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--background:220 28% 7%;--foreground:210 28% 94%;--card:218 24% 11%;--card-foreground:210 20% 92%;--popover:218 24% 11%;--popover-foreground:210 20% 92%;--primary:166 56% 54%;--primary-foreground:218 24% 7%;--secondary:218 18% 17%;--secondary-foreground:210 20% 85%;--muted:218 17% 15%;--muted-foreground:214 15% 64%;--accent:166 56% 54%;--accent-2:31 80% 62%;--accent-3:346 68% 62%;--accent-foreground:220 20% 6%;--destructive:0 72% 55%;--destructive-foreground:210 40% 98%;--border:216 18% 22%;--input:216 18% 22%;--ring:166 56% 54%;--radius:14px;--warning:38 88% 58%;--success:149 55% 48%;--c-background:hsl(var(--background));--c-foreground:hsl(var(--foreground));--c-card:hsl(var(--card));--c-card-foreground:hsl(var(--card-foreground));--c-primary:hsl(var(--primary));--c-primary-foreground:hsl(var(--primary-foreground));--c-secondary:hsl(var(--secondary));--c-secondary-foreground:hsl(var(--secondary-foreground));--c-muted:hsl(var(--muted));--c-muted-foreground:hsl(var(--muted-foreground));--c-destructive:hsl(var(--destructive));--c-border:hsl(var(--border));--c-warning:hsl(var(--warning));--c-success:hsl(var(--success));--c-accent-2:hsl(var(--accent-2));--c-accent-3:hsl(var(--accent-3))}.light{--background:42 30% 96%;--foreground:220 22% 13%;--card:42 22% 99%;--card-foreground:222 20% 12%;--popover:42 22% 99%;--popover-foreground:222 20% 12%;--primary:173 52% 34%;--primary-foreground:42 30% 98%;--secondary:42 20% 91%;--secondary-foreground:222 20% 20%;--muted:42 20% 90%;--muted-foreground:220 12% 44%;--accent:173 52% 34%;--accent-2:27 78% 47%;--accent-3:346 60% 52%;--accent-foreground:210 30% 98%;--destructive:0 70% 50%;--destructive-foreground:210 30% 98%;--border:42 17% 82%;--input:42 17% 82%;--ring:173 52% 34%}*{box-sizing:border-box}html,body{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 17% -8%, color-mix(in srgb, var(--c-primary) 22%, transparent), transparent 30rem), radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--c-accent-2) 14%, transparent), transparent 28rem), linear-gradient(145deg, color-mix(in srgb, var(--c-background) 96%, hsl(var(--primary)) 4%), var(--c-background) 46rem);color:var(--c-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px}body:before{content:"";z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(color-mix(in srgb, var(--c-foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--c-foreground) 5%, transparent) 1px, transparent 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}a{color:inherit}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--c-primary) 78%, white 8%);outline-offset:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c-border) 82%, transparent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--c-muted-foreground)}.font-mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.skipLink{z-index:100;background:var(--c-foreground);color:var(--c-background);border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .18s;position:fixed;top:16px;left:16px;transform:translateY(-160%)}.skipLink:focus{transform:translateY(0)}.appShell{grid-template-columns:320px 1fr;min-height:100dvh;display:grid}.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--c-card) 94%, transparent), color-mix(in srgb, var(--c-background) 94%, transparent)), color-mix(in srgb, var(--c-card) 90%, transparent);border-right:1px solid color-mix(in srgb, var(--c-border) 65%, transparent);min-height:100dvh;max-height:100dvh;box-shadow:18px 0 70px color-mix(in srgb, var(--c-background) 86%, transparent);flex-direction:column;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebarHeader{align-items:center;gap:10px;margin-bottom:10px;display:flex}.brandMark{width:36px;height:36px;color:var(--c-primary-foreground);background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 88%, white 6%), color-mix(in srgb, var(--c-accent-2) 82%, black 4%));box-shadow:0 14px 35px color-mix(in srgb, var(--c-primary) 18%, transparent);border-radius:12px;place-items:center;display:grid}.brand{letter-spacing:0;font-family:Space Grotesk,Outfit,system-ui,sans-serif;font-size:25px;font-weight:800}.sidebarHint{color:var(--c-muted-foreground);margin:0 0 18px 46px;font-size:12px;line-height:1.45}.sidebarSpacer{flex:1}.themeToggle,.navSectionAction,.iconBtn{border:1px solid color-mix(in srgb, var(--c-border) 68%, transparent);background:color-mix(in srgb, var(--c-card) 72%, transparent);color:var(--c-muted-foreground);cursor:pointer;justify-content:center;align-items:center;transition:background .18s,color .18s,transform .18s,border-color .18s;display:inline-flex}.themeToggle{border-radius:12px;width:34px;height:34px}.navSectionAction{border-radius:9px;width:26px;height:26px;text-decoration:none}.iconBtn{border-radius:12px;padding:9px;position:relative}.themeToggle:hover,.navSectionAction:hover,.iconBtn:hover{background:color-mix(in srgb, var(--c-secondary) 82%, transparent);color:var(--c-foreground);border-color:color-mix(in srgb, var(--c-primary) 35%, transparent);transform:translateY(-1px)}.sidebarNav{flex-direction:column;flex:1;gap:8px;display:flex}.navSectionTitle{color:var(--c-muted-foreground);text-transform:uppercase;letter-spacing:.12em;margin-top:12px;font-size:11px;font-weight:800}.navSectionHeader{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.navSectionHeader .navSectionTitle{margin-top:0}.navSection{flex-direction:column;gap:6px;display:flex}.accountSection{margin-top:auto}.sidebarProfile{border:1px solid color-mix(in srgb, var(--c-border) 66%, transparent);background:color-mix(in srgb, var(--c-secondary) 42%, transparent);border-radius:14px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;display:grid}.sidebarProfileIcon{width:38px;height:38px;color:var(--c-muted-foreground);background:color-mix(in srgb, var(--c-background) 34%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 58%, transparent);border-radius:12px;place-items:center;display:grid}.sidebarProfileText{min-width:0}.sidebarProfileName,.sidebarProfileEmail{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebarProfileName{color:var(--c-foreground);font-size:14px;font-weight:850}.sidebarProfileEmail{color:var(--c-muted-foreground);margin-top:3px;font-size:12px;font-weight:650}.navItem{color:var(--c-muted-foreground);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex}.navItemButton{width:100%;color:inherit;font:inherit;appearance:none;cursor:pointer;text-align:left;background:0 0}.navItem:hover{background:color-mix(in srgb, var(--c-secondary) 76%, transparent);color:var(--c-foreground);transform:translate(2px)}.navItem.active{background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 20%, transparent), color-mix(in srgb, var(--c-accent-2) 10%, transparent));border-color:color-mix(in srgb, var(--c-primary) 34%, transparent);color:var(--c-foreground);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--c-primary) 88%, white 5%)}.navItemIcon{flex:none;width:18px;height:18px}.navLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.projectDot,.statusDot{border-radius:999px;flex:none;width:9px;height:9px;display:inline-block}.projectNavGroup{gap:5px;display:grid}.projectNavItem{width:100%}.projectNavChevron{width:15px;height:15px;color:var(--c-muted-foreground);margin-left:auto;transition:transform .18s,color .18s}.projectNavItem:hover .projectNavChevron,.projectNavItem.active .projectNavChevron{color:var(--c-foreground)}.projectNavChevron.expanded{transform:rotate(180deg)}.projectSubnav{gap:5px;padding:0 0 2px 28px;display:grid}.projectSubnavItem{min-height:34px;color:var(--c-muted-foreground);border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:750;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex}.projectSubnavItem:hover{color:var(--c-foreground);background:color-mix(in srgb, var(--c-secondary) 64%, transparent);transform:translate(2px)}.projectSubnavItem.active{color:var(--c-foreground);background:color-mix(in srgb, var(--c-primary) 13%, transparent);border-color:color-mix(in srgb, var(--c-primary) 28%, transparent)}.main{padding:30px}.pageContainer{width:100%;max-width:1360px;margin:0 auto}.centerPage{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--c-card) 96%, white 2%), color-mix(in srgb, var(--c-card) 88%, var(--c-background) 12%));border:1px solid color-mix(in srgb, var(--c-border) 65%, transparent);border-radius:var(--radius);box-shadow:0 18px 45px color-mix(in srgb, var(--c-background) 52%, transparent);-webkit-backdrop-filter:blur(16px);position:relative}.cardPad4{padding:20px}.cardPad6{padding:30px}.muted{color:var(--c-muted-foreground)}.breakText{overflow-wrap:anywhere;word-break:break-word;line-height:1.55}.row{display:flex}.rowBetween{justify-content:space-between;align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap6{gap:24px}.gap3{gap:12px}.pageStack{flex-direction:column;gap:24px;display:flex}.pageTitle{letter-spacing:0;text-wrap:balance;margin:0;font-family:Space Grotesk,Outfit,system-ui,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.02}.pageSubtitle{color:var(--c-muted-foreground);text-wrap:pretty;max-width:62ch;margin:8px 0 0;font-size:15px;line-height:1.55}.sectionTitle{letter-spacing:0;margin:0 0 14px;font-family:Space Grotesk,Outfit,system-ui,sans-serif;font-weight:750}.sectionHeaderRow{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sectionHeaderRow .sectionTitle{margin:0}.grid3{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.grid3{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}}.gridProjects{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.gridProjects{grid-template-columns:repeat(2,minmax(0,1fr))}}.statusInProgress{background:var(--c-warning);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-warning) 18%, transparent)}.statusNotStarted{background:var(--c-muted-foreground)}.statusCompleted{background:var(--c-success);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-success) 18%, transparent)}.statusOverdue{color:color-mix(in srgb, var(--c-destructive) 82%, white 8%);letter-spacing:.02em;font-size:12px;font-weight:800}.sectionActionBtn,.ghostBtn,.primaryBtn,.dangerBtn,.memberSearchBtn,.memberResultBtn,.filterChip{cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s,filter .18s}.sectionActionBtn{border:1px solid color-mix(in srgb, var(--c-primary) 35%, transparent);background:color-mix(in srgb, var(--c-primary) 18%, transparent);color:var(--c-foreground);border-radius:12px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.sectionActionBtn:hover{background:color-mix(in srgb, var(--c-primary) 26%, transparent);transform:translateY(-1px)}.badgeDot{background:var(--c-accent-3);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent-3) 18%, transparent);border-radius:999px;position:absolute;top:6px;right:6px}.linkButton{width:max-content;color:var(--c-muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:750;transition:color .18s,transform .18s;display:inline-flex}.linkButton:hover{color:var(--c-foreground);transform:translate(-2px)}.ghostBtn{border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);color:var(--c-muted-foreground);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:800;display:inline-flex}.ghostBtn:hover:not(:disabled){background:color-mix(in srgb, var(--c-secondary) 72%, transparent);color:var(--c-foreground);border-color:color-mix(in srgb, var(--c-primary) 28%, transparent)}.primaryBtn,.authButton{border:1px solid color-mix(in srgb, var(--c-primary) 35%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 88%, white 5%), color-mix(in srgb, var(--c-accent-2) 84%, black 4%));color:var(--c-primary-foreground);cursor:pointer;box-shadow:0 14px 34px color-mix(in srgb, var(--c-primary) 18%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:850;display:inline-flex}.primaryBtn:hover:not(:disabled),.authButton:hover:not(:disabled){filter:saturate(1.08);box-shadow:0 18px 42px color-mix(in srgb, var(--c-primary) 24%, transparent);transform:translateY(-1px)}.dangerBtn{border:1px solid color-mix(in srgb, var(--c-destructive) 42%, transparent);background:color-mix(in srgb, var(--c-destructive) 12%, transparent);color:color-mix(in srgb, var(--c-destructive) 86%, white 10%);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:850;display:inline-flex}.dangerBtn:hover:not(:disabled){background:color-mix(in srgb, var(--c-destructive) 18%, transparent);border-color:color-mix(in srgb, var(--c-destructive) 58%, transparent);transform:translateY(-1px)}.iconBtn:active,.primaryBtn:active,.ghostBtn:active,.dangerBtn:active,.sectionActionBtn:active,.taskRow:active,.projectCard:active,.authButton:active{transform:translateY(1px)scale(.99)}.primaryBtn:disabled,.ghostBtn:disabled,.dangerBtn:disabled,.memberSearchBtn:disabled,.authButton:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.taskList{flex-direction:column;gap:8px;display:flex}.taskRow{background:color-mix(in srgb, var(--c-secondary) 24%, transparent);width:100%;color:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;transition:background .18s,border-color .18s,transform .18s;display:flex}.taskRow:hover{background:color-mix(in srgb, var(--c-secondary) 72%, transparent);border-color:color-mix(in srgb, var(--c-border) 62%, transparent);transform:translate(2px)}.taskTitle{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.taskMeta{color:var(--c-muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12px;overflow:hidden}.taskDue{color:var(--c-muted-foreground);white-space:nowrap;font-size:12px}.taskDueOverdue{color:color-mix(in srgb, var(--c-destructive) 86%, white 8%);font-weight:850}.taskDueDeadline{color:#6af;font-weight:800}.taskRowEnd{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.unverifiedTag{border:1px solid color-mix(in srgb, var(--c-warning) 34%, transparent);background:color-mix(in srgb, var(--c-warning) 13%, transparent);color:color-mix(in srgb, var(--c-warning) 88%, white 6%);border-radius:999px;align-items:center;padding:5px 8px;font-size:11px;font-weight:850;display:inline-flex}.calendarHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendarGrid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendarCell{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--c-border) 60%, transparent);min-height:34px;color:var(--c-muted-foreground);border-radius:11px;justify-content:center;align-items:center;font-size:13px;transition:transform .18s,border-color .18s,background .18s;display:flex}.calendarCell:hover{border-color:color-mix(in srgb, var(--c-primary) 26%, transparent);transform:translateY(-1px)}.calendarCell.today{color:var(--c-primary-foreground);background:color-mix(in srgb, var(--c-primary) 84%, white 6%);border-color:color-mix(in srgb, var(--c-primary) 90%, white 8%);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-primary) 16%, transparent);font-weight:900}.calendarCell.hasDeadline{color:#6af;background:#66aaff26;border-color:#66aaff73}.calendarCell.hasOverdue{color:color-mix(in srgb, var(--c-destructive) 86%, white 8%);border-color:color-mix(in srgb, var(--c-destructive) 48%, transparent);background:color-mix(in srgb, var(--c-destructive) 14%, transparent)}.projectCard{cursor:pointer;text-align:left;min-height:136px;color:inherit;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;overflow:hidden}.projectCard:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--project-color,var(--c-primary)) 30%, transparent), transparent 68%);pointer-events:none;height:95px;position:absolute;inset:auto -20% -45% 35%}.projectCard:hover{border-color:color-mix(in srgb, var(--project-color,var(--c-primary)) 38%, transparent);box-shadow:0 22px 60px color-mix(in srgb, var(--project-color,var(--c-primary)) 12%, transparent);transform:translateY(-3px)}.projectTitle{text-wrap:balance;margin:0;font-size:18px;font-weight:850}.projectSub{color:var(--c-muted-foreground);margin:8px 0 0;font-size:12px;line-height:1.45}.projectMetaRow{justify-content:space-between;align-items:center;gap:12px;margin-top:26px;display:flex}.projectStatusPill{background:color-mix(in srgb, var(--project-color,var(--c-primary)) 15%, transparent);color:var(--c-foreground);border:1px solid color-mix(in srgb, var(--project-color,var(--c-primary)) 28%, transparent);border-radius:10px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:850;display:inline-flex}.createProjectShell{place-items:center;gap:18px;width:100%;display:grid}.createProjectHeader,.createProjectCard{width:min(760px,100%);margin:0 auto}.createProjectCard{background:linear-gradient(160deg, color-mix(in srgb, var(--c-card) 96%, white 2%), color-mix(in srgb, var(--c-card) 88%, var(--c-background) 12%));border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);box-shadow:0 26px 65px color-mix(in srgb, var(--c-background) 55%, transparent);border-radius:20px;gap:18px;padding:26px;display:grid}.formField{gap:8px;display:grid}.formLabel,.authLabel{color:var(--c-muted-foreground);font-size:12px;font-weight:750}.requiredLabel:after{content:" *";color:color-mix(in srgb, var(--c-accent-3) 88%, white 6%);font-weight:900}.formInput,.authInput{border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);background:color-mix(in srgb, var(--c-card) 92%, transparent);width:100%;color:var(--c-foreground);border-radius:12px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}.formInput:focus,.authInput:focus{border-color:color-mix(in srgb, var(--c-primary) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-primary) 16%, transparent)}.formTextarea{resize:vertical;min-height:96px}.formActions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.memberList,.memberResults{flex-wrap:wrap;gap:8px;display:flex}.memberChip{background:color-mix(in srgb, var(--c-secondary) 82%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 55%, transparent);border-radius:11px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.memberAvatar{background:color-mix(in srgb, var(--c-primary) 18%, transparent);border:1px solid color-mix(in srgb, var(--c-primary) 35%, transparent);border-radius:8px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.leaderBadge,.roleBadge{border:1px solid color-mix(in srgb, var(--c-primary) 30%, transparent);background:color-mix(in srgb, var(--c-primary) 18%, transparent);border-radius:8px;padding:3px 8px;font-size:10px;font-weight:850}.memberSearch{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}@media (width>=640px){.memberSearch{grid-template-columns:1fr auto}}.memberInput{border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);background:color-mix(in srgb, var(--c-card) 92%, transparent);color:var(--c-muted-foreground);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.memberInput input{color:var(--c-foreground);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}.memberSearchBtn{border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);background:var(--c-secondary);color:var(--c-foreground);border-radius:12px;padding:11px 16px;font-size:13px;font-weight:800}.memberSearchBtn:hover{border-color:color-mix(in srgb, var(--c-primary) 30%, transparent);transform:translateY(-1px)}.resultLabel{color:var(--c-muted-foreground);margin:8px 0 0;font-size:12px}.memberResults{margin-top:8px}.memberResultBtn{border:1px solid color-mix(in srgb, var(--c-primary) 30%, transparent);background:color-mix(in srgb, var(--c-primary) 20%, transparent);color:var(--c-foreground);border-radius:11px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.filterBar{flex-wrap:wrap;gap:8px;display:flex}.filterChip{border:1px solid color-mix(in srgb, var(--c-border) 55%, transparent);background:color-mix(in srgb, var(--c-secondary) 72%, transparent);color:var(--c-muted-foreground);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:800}.filterChip:hover{color:var(--c-foreground);transform:translateY(-1px)}.filterChip.active{border-color:color-mix(in srgb, var(--c-primary) 35%, transparent);background:color-mix(in srgb, var(--c-primary) 18%, transparent);color:var(--c-foreground)}.emptyState{text-align:center;border:1px dashed color-mix(in srgb, var(--c-border) 75%, transparent);background:color-mix(in srgb, var(--c-secondary) 30%, transparent);border-radius:14px;place-items:center;gap:8px;padding:34px 18px;display:grid}.emptyStateTitle{margin:0;font-weight:850}.emptyStateText{color:var(--c-muted-foreground);max-width:42ch;margin:0;font-size:13px;line-height:1.5}.errorText{color:color-mix(in srgb, var(--c-destructive) 82%, white 8%)}.skeletonStack{gap:10px;display:grid}.skeletonLine,.skeletonBlock{background:color-mix(in srgb, var(--c-secondary) 75%, transparent);border-radius:12px;position:relative;overflow:hidden}.skeletonLine{height:44px}.skeletonBlock{height:120px}.skeletonLine:after,.skeletonBlock:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c-foreground) 8%, transparent), transparent);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.statsGrid{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.statCard{background:color-mix(in srgb, var(--c-secondary) 46%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 50%, transparent);border-radius:14px;padding:14px 10px}.statValue{margin:0;font-size:27px;font-weight:900}.statLabel{color:var(--c-muted-foreground);margin:6px 0 0;font-size:12px}.dataTableWrap{overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;font-size:14px}.dataTable th{text-align:left;color:var(--c-muted-foreground);letter-spacing:.08em;text-transform:uppercase;padding:9px 10px;font-size:11px}.dataTable td{border-top:1px solid color-mix(in srgb, var(--c-border) 45%, transparent);padding:11px 10px}.dataTable tbody tr:hover{background:color-mix(in srgb, var(--c-secondary) 32%, transparent)}.tableNumber{text-align:center;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}.avatarSquare{background:color-mix(in srgb, var(--c-primary) 14%, var(--c-secondary));border:1px solid color-mix(in srgb, var(--c-primary) 22%, transparent);border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.modalOverlay{background:color-mix(in srgb, var(--c-background) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalDialog{width:min(560px,92vw);max-height:min(760px,92dvh);overflow:auto}.taskDetailGrid{gap:22px;display:grid}.taskHeroRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.taskStatusLine{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.taskDetailTitle{text-wrap:balance;margin:0;font-size:clamp(28px,4vw,46px);font-weight:900;line-height:1.04}.detailMetaGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.detailMetaItem{background:color-mix(in srgb, var(--c-secondary) 42%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 48%, transparent);border-radius:14px;padding:13px}.detailMetaLabel{color:var(--c-muted-foreground);margin-bottom:6px;font-size:12px;font-weight:750;display:block}.detailMetaValue{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.inlineFormRow{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.assigneeGrid{flex-wrap:wrap;gap:8px;display:flex}.assigneeOption{border:1px solid color-mix(in srgb, var(--c-border) 64%, transparent);background:color-mix(in srgb, var(--c-secondary) 54%, transparent);color:var(--c-muted-foreground);cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:750;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.assigneeOption:hover{color:var(--c-foreground);border-color:color-mix(in srgb, var(--c-primary) 32%, transparent);transform:translateY(-1px)}.assigneeOption input{accent-color:var(--c-primary)}.dateInputShell{display:grid;position:relative}.dateInputShell .formInput{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-right:44px}.light .dateInputShell .formInput{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dateInputShell .formInput::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.dateInputIcon{color:#6af;pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.removeChipBtn{background:color-mix(in srgb, var(--c-destructive) 14%, transparent);width:20px;height:20px;color:color-mix(in srgb, var(--c-destructive) 86%, white 8%);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.removeChipBtn svg{display:block}.notificationOverlay{background:color-mix(in srgb, var(--c-background) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;justify-content:flex-end;align-items:flex-start;padding:90px 28px 28px;display:flex;position:fixed;inset:0}.notificationModal{z-index:1001;background:linear-gradient(160deg, color-mix(in srgb, var(--c-card) 96%, white 2%), color-mix(in srgb, var(--c-background) 94%, black 2%));border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);width:min(420px,92vw);box-shadow:0 34px 80px color-mix(in srgb, var(--c-background) 70%, transparent);border-radius:20px;position:relative;overflow:hidden}.notificationHeader{border-bottom:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);background:color-mix(in srgb, var(--c-secondary) 38%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.notificationActions{align-items:center;gap:8px;display:flex}.notificationKicker{text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted-foreground);margin:0;font-size:11px}.notificationTitle{margin:6px 0 0;font-size:18px;font-weight:850}.notificationEmpty{padding:18px}.notificationList{gap:10px;max-height:360px;padding:16px 18px 18px;display:grid;overflow:auto}.notificationItem{text-align:left;border:1px solid color-mix(in srgb, var(--c-border) 65%, transparent);background:color-mix(in srgb, var(--c-secondary) 75%, transparent);width:100%;color:inherit;cursor:pointer;border-radius:12px;grid-template-columns:40px 1fr;gap:12px;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.notificationItem:hover{border-color:color-mix(in srgb, var(--c-primary) 30%, transparent);transform:translateY(-1px)}.notificationItem.unread{background:color-mix(in srgb, var(--c-primary) 13%, var(--c-secondary))}.notificationItem.read{opacity:.78}.notificationIcon{width:40px;height:40px;color:var(--c-primary-foreground);background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 88%, white 4%), color-mix(in srgb, var(--c-accent-2) 88%, black 4%));border-radius:11px;place-items:center;font-size:13px;font-weight:800;display:grid}.notificationMessage{color:var(--c-foreground);margin:0;font-size:13px}.notificationTime{color:var(--c-muted-foreground);margin:6px 0 0;font-size:11px}.notificationPager{border-top:1px solid color-mix(in srgb, var(--c-border) 54%, transparent);color:var(--c-muted-foreground);justify-content:center;align-items:center;gap:12px;padding:12px 18px 16px;font-size:12px;display:flex}.iconOnlyBtn{justify-content:center;width:34px;height:34px;padding:0}.commentComposer{gap:8px;margin-top:16px;display:grid}.commentList{gap:14px;margin-top:18px;display:grid}.commentItem{border:1px solid color-mix(in srgb, var(--c-border) 58%, transparent);background:color-mix(in srgb, var(--c-secondary) 38%, transparent);border-radius:14px;grid-template-columns:34px 1fr;gap:12px;padding:14px;display:grid}.commentItem.reply{background:color-mix(in srgb, var(--c-background) 32%, transparent);padding:12px}.commentBody{min-width:0}.commentHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.commentAuthor{margin:0;font-size:14px;font-weight:850}.commentTime{color:var(--c-muted-foreground);margin:4px 0 0;font-size:11px}.commentText{color:var(--c-card-foreground);white-space:pre-wrap;word-break:break-word;margin:10px 0 0;line-height:1.55}.commentActions{align-items:center;gap:6px;display:flex}.commentReplies{gap:10px;margin-top:12px;display:grid}.commentEditor,.replyComposer{gap:8px;margin-top:12px;display:grid}.metricPill{border:1px solid color-mix(in srgb, var(--c-border) 58%, transparent);background:color-mix(in srgb, var(--c-secondary) 52%, transparent);color:var(--c-muted-foreground);border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:13px;font-weight:800;display:inline-flex}.timeline{gap:18px;display:grid}.timelineGroup{grid-template-columns:minmax(150px,.24fr) 1fr;align-items:start;gap:18px;display:grid}.timelineDate{color:var(--c-muted-foreground);align-items:center;gap:8px;font-size:13px;font-weight:850;display:inline-flex;position:sticky;top:20px}.timelineCards{gap:10px;display:grid}.timelineCard{text-align:left;width:100%;color:inherit;border:1px solid color-mix(in srgb, var(--c-border) 62%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--c-card) 94%, white 2%), color-mix(in srgb, var(--c-secondary) 44%, transparent));cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:flex}.timelineCard:hover{border-color:color-mix(in srgb, var(--c-primary) 32%, transparent);transform:translate(2px)}.timelineTitle{margin:0;font-size:16px;font-weight:850}.timelineMeta{color:var(--c-muted-foreground);margin:6px 0 0;font-size:12px}.timelineBadges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.priorityBadge{text-transform:capitalize;border:1px solid color-mix(in srgb, var(--c-border) 58%, transparent);border-radius:9px;align-items:center;padding:5px 8px;font-size:11px;font-weight:850;display:inline-flex}.priority-high{color:color-mix(in srgb, var(--c-destructive) 88%, white 10%);background:color-mix(in srgb, var(--c-destructive) 12%, transparent)}.priority-medium{color:color-mix(in srgb, var(--c-warning) 88%, white 8%);background:color-mix(in srgb, var(--c-warning) 12%, transparent)}.priority-low{color:color-mix(in srgb, var(--c-success) 88%, white 8%);background:color-mix(in srgb, var(--c-success) 12%, transparent)}.contributionList{gap:16px;display:grid}.contributionRow{grid-template-columns:36px 1fr;align-items:center;gap:12px;display:grid}.contributionMain{min-width:0}.contributionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.contributionName{margin:0;font-weight:850}.contributionEmail{color:var(--c-muted-foreground);margin:4px 0 0;font-size:12px}.contributionNumbers{color:var(--c-card-foreground);align-items:center;gap:16px;font-weight:850;display:flex}.contributionPanel{grid-template-columns:minmax(170px,220px) 1fr;align-items:center;gap:22px;display:grid}.contributionDonutWrap{justify-self:center;place-items:center;width:168px;height:168px;display:grid;position:relative}.contributionDonut{width:168px;height:168px;filter:drop-shadow(0 8px 16px color-mix(in srgb, var(--c-background) 40%, transparent));overflow:visible}.donutTrack,.donutSegment{fill:none;stroke-width:14px}.donutTrack{stroke:color-mix(in srgb, var(--c-secondary) 78%, transparent)}.donutSegment{stroke-linecap:round;transition:d .52s cubic-bezier(.16,1,.3,1)}.donutCenter{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.donutCenter span{color:var(--c-foreground);font-size:28px;font-weight:900;line-height:1}.donutCenter small{color:var(--c-muted-foreground);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:11px;font-weight:800}.contributionTable{min-width:520px}.contributionColorDot{width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c-secondary) 70%, transparent);border-radius:999px;flex:none}.meterTrack{background:color-mix(in srgb, var(--c-secondary) 76%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 44%, transparent);border-radius:999px;height:10px;margin-top:9px;overflow:hidden}.contributionMeter{min-width:160px;margin-top:0}.meterFill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--c-primary) 88%, white 4%), color-mix(in srgb, var(--c-accent-2) 72%, white 4%));height:100%;transition:width .52s cubic-bezier(.16,1,.3,1)}.calendarAgenda{border-top:1px solid color-mix(in srgb, var(--c-border) 48%, transparent);gap:8px;margin-top:14px;padding-top:14px;display:grid}.calendarAgendaHeader{color:var(--c-muted-foreground);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:850}.calendarAgendaItem{min-width:0;color:var(--c-muted-foreground);grid-template-columns:10px minmax(44px,auto) 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.agendaDot{background:#6af;border-radius:999px;width:8px;height:8px}.agendaDot.start{background:var(--c-accent-2)}.agendaDot.overdue{background:var(--c-destructive)}.calendarAgendaDay{color:var(--c-card-foreground);font-family:JetBrains Mono,ui-monospace,monospace}.calendarAgendaTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.activityList{gap:0;display:grid}.activityItem{border-bottom:1px solid color-mix(in srgb, var(--c-border) 44%, transparent);grid-template-columns:18px 1fr;gap:12px;padding:14px 0;display:grid;position:relative}.activityItem:last-child{border-bottom:0}.activityMarker{background:var(--activity-color,var(--c-primary));width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--activity-color,var(--c-primary)) 13%, transparent);border-radius:999px;margin-top:6px}.activityMarker.taskCreated{--activity-color:var(--c-destructive)}.activityMarker.statusChanged{--activity-color:#6af}.activityMarker.taskVerified,.activityMarker.memberJoined{--activity-color:var(--c-success)}.activityMarker.shortcutAdded{--activity-color:var(--c-accent-2)}.activityMarker.commentAdded{--activity-color:#60a5fa}.activityText{margin:0;line-height:1.45}.activityMeta{color:var(--c-muted-foreground);flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0 0;font-size:12px;display:flex}.activityProjectLabel{border:1px solid color-mix(in srgb, var(--c-primary) 28%, transparent);background:color-mix(in srgb, var(--c-primary) 12%, transparent);max-width:220px;color:var(--c-card-foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:850;display:inline-flex;overflow:hidden}.shortcutForm{grid-template-columns:1fr;gap:8px;display:grid}.shortcutList{gap:10px;margin-top:14px;display:grid}.shortcutItem{border:1px solid color-mix(in srgb, var(--c-border) 55%, transparent);background:color-mix(in srgb, var(--c-secondary) 36%, transparent);border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.shortcutLink{min-width:0;color:inherit;grid-template-columns:34px 1fr;align-items:center;gap:10px;text-decoration:none;display:grid}.shortcutIcon{width:34px;height:34px;color:var(--c-primary);background:color-mix(in srgb, var(--c-primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--c-primary) 26%, transparent);border-radius:11px;place-items:center;display:grid}.shortcutLabel,.shortcutUrl{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.shortcutLabel{font-weight:850}.shortcutUrl{color:var(--c-muted-foreground);white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin-top:3px;font-size:12px}.shortcutEmpty{padding:22px 14px}.authPage{background:radial-gradient(55% 60% at 20% 7%, color-mix(in srgb, var(--c-primary) 24%, transparent), transparent 65%), radial-gradient(50% 50% at 88% 22%, color-mix(in srgb, var(--c-accent-2) 18%, transparent), transparent 60%), linear-gradient(160deg, #0f121a, #181c25);place-items:center;min-height:100vh;padding:32px 20px;display:grid;position:relative;overflow:hidden}.authBackdrop{background:radial-gradient(circle, color-mix(in srgb, var(--c-primary) 24%, transparent), transparent 65%);pointer-events:none;width:520px;height:520px;position:absolute;bottom:-230px;right:-180px}.authCard{background:color-mix(in srgb, var(--c-card) 92%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 70%, transparent);z-index:1;border-radius:20px;width:min(440px,100%);padding:30px;position:relative;box-shadow:0 28px 70px #00000061}.authBrand{letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted-foreground);font-size:11px;font-weight:850}.authTitle{letter-spacing:0;margin:12px 0 6px;font-family:Space Grotesk,Outfit,system-ui,sans-serif;font-size:32px;line-height:1.05}.authSubtitle{color:var(--c-muted-foreground);margin:0 0 22px;font-size:14px}.authForm{gap:14px;display:grid}.authField{gap:6px;display:grid}.authButton{width:100%;margin-top:6px;padding:13px 16px;font-size:16px}.authAlt{color:var(--c-muted-foreground);text-align:center;margin:18px 0 0;font-size:12px}.authAlt a{color:var(--c-foreground);border-bottom:1px solid color-mix(in srgb, var(--c-foreground) 45%, transparent);text-decoration:none}.verifyEmailOverlay{padding:18px}.verifyEmailDialog{background:color-mix(in srgb, var(--c-card) 96%, transparent);border:1px solid color-mix(in srgb, var(--c-border) 72%, transparent);border-radius:18px;width:min(430px,94vw);padding:28px;position:relative;box-shadow:0 26px 70px #00000057,inset 0 1px #ffffff14}.verifyEmailClose{border:1px solid color-mix(in srgb, var(--c-border) 60%, transparent);background:color-mix(in srgb, var(--c-secondary) 42%, transparent);width:34px;height:34px;color:var(--c-foreground);cursor:pointer;border-radius:10px;place-items:center;transition:transform .18s,background .18s;display:grid;position:absolute;top:14px;right:14px}.verifyEmailClose:hover{background:color-mix(in srgb, var(--c-secondary) 72%, transparent)}.verifyEmailClose:active{transform:translateY(1px)scale(.98)}.verifyEmailIcon{width:54px;height:54px;color:var(--c-primary);background:color-mix(in srgb, var(--c-primary) 13%, transparent);border:1px solid color-mix(in srgb, var(--c-primary) 24%, transparent);border-radius:16px;place-items:center;display:grid}.verifyEmailIconSuccess{color:var(--c-success);background:color-mix(in srgb, var(--c-success) 13%, transparent);border-color:color-mix(in srgb, var(--c-success) 24%, transparent)}.verifyEmailIconWarning{color:var(--c-accent-2);background:color-mix(in srgb, var(--c-accent-2) 12%, transparent);border-color:color-mix(in srgb, var(--c-accent-2) 22%, transparent)}.verifyEmailKicker{letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted-foreground);margin:18px 0 0;font-size:11px;font-weight:850}.verifyEmailTitle{letter-spacing:0;margin:8px 0;font-size:28px;line-height:1.05}.verifyEmailText{color:var(--c-muted-foreground);margin:0;font-size:14px;line-height:1.55}.verifyEmailText strong{color:var(--c-foreground);overflow-wrap:anywhere}.verifyEmailAction{border:1px solid color-mix(in srgb, var(--c-primary) 46%, transparent);background:var(--c-primary);width:100%;color:var(--c-primary-foreground);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding:13px 16px;font-weight:850;transition:transform .18s,filter .18s;display:inline-flex}.verifyEmailAction:hover{filter:brightness(1.04)}.verifyEmailAction:active{transform:translateY(1px)scale(.99)}.verifyEmailStatus{color:var(--c-muted-foreground);margin:12px 0 0;font-size:13px;line-height:1.45}.verifyResultCard{text-align:left}.verifyResultCard .verifyEmailIcon{margin-bottom:18px}.verifyResultButton{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.successText{color:color-mix(in srgb, var(--c-success) 88%, white 8%)}@media (width<=900px){.appShell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--c-border) 65%, transparent);min-height:auto;max-height:none;position:static}.sidebarHint{margin-left:0}.main{padding:22px 16px 32px}.rowBetween{align-items:flex-start;gap:14px}.contributionPanel{grid-template-columns:1fr}}@media (width<=720px){.notificationOverlay{justify-content:center;padding:80px 16px 16px}}@media (width<=560px){.statsGrid{grid-template-columns:1fr}.taskRow{flex-direction:column;align-items:flex-start}.formActions{flex-direction:column-reverse}.formActions .ghostBtn,.formActions .primaryBtn{width:100%}.taskHeroRow{flex-direction:column;align-items:flex-start}}