.pf-page{--pf-bg: #020817;--pf-blue: #4f7dff;--pf-cyan: #37c8ff;--pf-text: #f8fbff;--pf-muted: #bec8da;background:var(--pf-bg);color:var(--pf-text);min-width:320px;overflow-x:hidden}.pf-page *{box-sizing:border-box}.pf-navbar-wrap{left:0;padding:1rem;position:fixed;right:0;top:0;z-index:20}.pf-navbar{align-items:center;background:#020812e8;border:1px solid #87b7ff1c;border-radius:1.2rem;box-shadow:0 24px 70px #0008,inset 0 1px #ffffff12;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1660px;min-height:4.25rem;padding:.45rem .85rem .45rem 1rem;transition:background .22s ease,min-height .22s ease,box-shadow .22s ease;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.is-scrolled .pf-navbar{background:#020812f4;box-shadow:0 18px 56px #000a,inset 0 1px #ffffff12;min-height:3.95rem}.pf-brand{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:inline-flex;flex:none;font-size:clamp(1.05rem,1.05vw,1.25rem);font-weight:800;gap:.7rem;letter-spacing:0;padding:0}.pf-brand-logo{display:grid;height:2.4rem;overflow:hidden;place-items:center;width:2.4rem}.pf-brand-logo img{height:4.7rem;max-width:none;position:relative;left:-1.15rem;top:-1.15rem;width:4.7rem}.pf-nav-links,.pf-nav-actions,.pf-hero-actions,.pf-demo-button{align-items:center;display:flex}.pf-nav-links{gap:clamp(.85rem,1.8vw,1.65rem);margin-left:auto}.pf-nav-links button,.pf-login-link{background:transparent;border:0;color:#fff;cursor:pointer;font-size:clamp(.8rem,.78vw,.9rem);font-weight:650;letter-spacing:0;padding:.7rem .1rem;text-decoration:none}.pf-nav-links button:hover,.pf-login-link:hover{color:#75d8ff}.pf-nav-actions{align-items:center;display:flex;gap:1.15rem}.pf-nav-cta,.pf-button{align-items:center;background:linear-gradient(135deg,#5b6dff,#3778ff 52%,#38c2ff);border:1px solid #9dd7ff66;border-radius:.9rem;box-shadow:0 16px 40px #1f6fff42,inset 0 1px #ffffff45;color:#fff;display:inline-flex;font-size:clamp(.84rem,.82vw,.94rem);font-weight:800;gap:.55rem;justify-content:center;min-height:3.05rem;padding:.65rem 1.1rem;text-decoration:none;transition:filter .2s ease,transform .2s ease}.pf-button{min-height:3rem;min-width:11.25rem}.pf-nav-cta:hover,.pf-button:hover{filter:saturate(1.15);transform:translateY(-2px)}.pf-menu-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff1d;border-radius:.9rem;color:#fff;cursor:pointer;display:none;height:3.2rem;justify-content:center;width:3.2rem}.pf-mobile-menu{background:#020812f5;border:1px solid #ffffff20;border-radius:1.15rem;box-shadow:0 25px 70px #000c;display:none;gap:.55rem;left:1rem;padding:.8rem;position:absolute;right:1rem;top:6.9rem}.pf-mobile-menu button,.pf-mobile-menu a{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:.8rem;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;min-height:3rem;padding:.7rem .85rem;text-decoration:none}.pf-hero{background-image:linear-gradient(90deg,#020817f5,#020817d6 22%,#07122a63 50%,#02081776),linear-gradient(180deg,#02081700 58%,#020817 96%),url(/landing/taskflow-mountain-hero.png);background-position:center,center,right center;background-repeat:no-repeat;background-size:cover,cover,auto 74%;min-height:100vh;overflow:hidden;position:relative}.pf-hero:before{background:radial-gradient(circle at 68% 18%,#8ab5ff45,transparent 20rem),radial-gradient(circle at 45% 47%,#886cff24,transparent 24rem),linear-gradient(180deg,#061d4400,#020817);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.pf-hero-content{display:flex;flex-direction:column;justify-content:flex-end;margin:0 auto;max-width:1780px;min-height:100vh;padding:7.75rem clamp(1.25rem,3.45vw,3.55rem) 1.2rem;position:relative;z-index:1}.pf-hero-copy{max-width:36.5rem}.pf-eyebrow{align-items:center;background:#061b36a6;border:1px solid #69b8ff2e;border-radius:999px;color:#67c8ff;display:inline-flex;font-size:.72rem;font-weight:800;gap:.7rem;letter-spacing:.16em;min-height:2.25rem;padding:.46rem .78rem;text-transform:uppercase}.pf-hero h1{color:#fff;font-size:clamp(2.55rem,2.9vw,3.25rem);font-weight:850;letter-spacing:0;line-height:1.04;margin:1.25rem 0 .8rem;text-wrap:balance}.pf-hero h1 span{background:linear-gradient(100deg,#5c7dff,#75dcff 72%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}.pf-hero-copy>p{color:var(--pf-muted);font-size:clamp(.9rem,.94vw,1.05rem);line-height:1.55;margin:0;max-width:27.5rem}.pf-hero-actions{gap:1.25rem;margin-top:1.25rem}.pf-demo-button{background:transparent;border:0;color:#fff;cursor:pointer;gap:.75rem;font-size:.9rem;font-weight:650;padding:.4rem 0}.pf-demo-button span{align-items:center;border:2px solid #4f7dff;border-radius:999px;color:#5c7dff;display:flex;height:1.9rem;justify-content:center;width:1.9rem}.pf-feature-rail{background:linear-gradient(180deg,#0b1b34cc,#071226bf);border:1px solid #9ad4ff24;border-radius:1.45rem;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff12;display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(.55rem,1vw,1rem);overflow:hidden;padding:.9rem .45rem;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.pf-hero-feature{min-height:6.05rem;padding:.1rem clamp(.8rem,2vw,2.3rem);text-align:center}.pf-hero-feature+.pf-hero-feature{border-left:1px solid #ffffff14}.pf-hero-feature-icon{display:inline-flex;filter:drop-shadow(0 0 16px currentColor);margin-bottom:.55rem}.pf-hero-feature-icon.is-blue{color:#4091ff}.pf-hero-feature-icon.is-cyan{color:#1fe3d9}.pf-hero-feature-icon.is-purple{color:#985dff}.pf-hero-feature-icon.is-amber{color:#ffad32}.pf-hero-feature-icon.is-green{color:#31e7a1}.pf-hero-feature h3{color:#fff;font-size:clamp(.84rem,.88vw,.94rem);letter-spacing:0;line-height:1.25;margin:0}.pf-hero-feature p{color:#b9c4d4;font-size:clamp(.74rem,.78vw,.84rem);line-height:1.45;margin:.55rem auto 0;max-width:14.5rem}.pf-anchor{display:block;height:0;overflow:hidden}@media(max-width:1100px){.pf-nav-links,.pf-login-link{display:none}.pf-menu-toggle{display:flex}.pf-mobile-menu{display:grid}.pf-feature-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-hero-feature+.pf-hero-feature{border-left:0}.pf-hero-feature{border-top:1px solid #ffffff12}.pf-hero-feature:nth-child(-n+2){border-top:0}}@media(max-width:700px){.pf-navbar{min-height:4.5rem;padding:.65rem .7rem}.pf-brand{font-size:1.2rem}.pf-brand-logo{height:2.7rem;width:2.7rem}.pf-brand-logo img{height:5.2rem;width:5.2rem}.pf-nav-cta{display:none}.pf-hero-content{padding-top:8rem}.pf-eyebrow{font-size:.75rem;min-height:2.7rem}.pf-hero h1{font-size:clamp(2.9rem,13vw,3.35rem)}.pf-hero-actions{align-items:stretch;flex-direction:column;gap:1rem}.pf-button{min-width:0;width:100%}.pf-feature-rail{grid-template-columns:1fr;padding:.35rem 1rem}.pf-hero-feature,.pf-hero-feature:nth-child(-n+2){border-top:1px solid #ffffff12;min-height:auto;padding:1.45rem .35rem}.pf-hero-feature:first-child{border-top:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.fixed{position:fixed}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.min-h-28{min-height:7rem}.min-h-\[32rem\]{min-height:32rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-28{min-width:7rem}.max-w-2xl{max-width:42rem}.max-w-\[85\%\]{max-width:85%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.justify-self-center{justify-self:center}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-brand-300{--tw-border-opacity:1;border-color:rgb(116 216 167 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-brand-100{--tw-bg-opacity:1;background-color:rgb(212 245 228 / var(--tw-bg-opacity, 1))}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(238 251 245 / var(--tw-bg-opacity, 1))}.bg-brand-600{--tw-bg-opacity:1;background-color:rgb(23 126 80 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/95{background-color:#fffffff2}.p-0{padding:0}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-28{padding-bottom:7rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.24em\]{letter-spacing:.24em}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-brand-700{--tw-text-opacity:1;color:rgb(21 100 66 / var(--tw-text-opacity, 1))}.text-brand-800{--tw-text-opacity:1;color:rgb(20 80 55 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--glass:linear-gradient(180deg, #ffffff12, #ffffff08), #ffffff0a;--glass-border:#ffffff1a;--glass-shadow:0 20px 50px #00000047;--text-primary:#eef4ff;--text-muted:#9fb0cc;--text-soft:#c5d3ea;background:#030712;font-family:Plus Jakarta Sans,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:#030712}body{background:#030712;min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%}a{color:inherit}.mobile-shell{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,#1c49926b,#0000 26%),radial-gradient(circle at 85% 12%,#1878c433,#0000 18%),linear-gradient(#06111f,#030712 52%,#02040b)}.mobile-app{width:min(100%,28rem);min-height:100vh;margin:0 auto;padding:1rem 1rem 6.5rem}.mobile-main,.stack-list,.form-stack,.detail-stack{gap:1rem;display:grid}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.chat-card,.chat-compose{gap:1rem;display:grid}.chat-feed{gap:.85rem;max-height:26rem;padding-right:.25rem;display:grid;overflow-y:auto}.chat-message{justify-content:flex-start;display:flex}.chat-message.is-own{justify-content:flex-end}.chat-bubble{background:#0e182aeb;border:1px solid #ffffff14;border-radius:1.1rem 1.1rem 1.1rem .4rem;width:min(85%,19rem);padding:.9rem 1rem}.chat-bubble.is-own{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#93c5fd57;border-radius:1.1rem 1.1rem .4rem}.chat-bubble strong,.chat-bubble p,.chat-bubble span{display:block}.chat-bubble strong{margin:0}.chat-bubble p,.chat-bubble span{margin:.35rem 0 0}.chat-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-bubble span{color:#dbeafec7;font-size:.78rem}.chat-image{-o-object-fit:cover;object-fit:cover;border-radius:.9rem;width:100%;max-height:16rem;margin-top:.55rem}.typing-indicator{color:var(--text-soft);margin:0;font-size:.88rem}.chat-reply-banner,.chat-reply-preview{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.chat-reply-banner{background:#ffffff0d;border:1px solid #ffffff14;border-radius:1rem;padding:.75rem .9rem}.chat-reply-banner p,.chat-reply-preview span{color:var(--text-soft);margin:.3rem 0 0}.chat-reply-preview{text-align:left;width:100%;color:inherit;cursor:pointer;background:#ffffff0d;border:0;border-left:3px solid #9fd5ff8c;border-radius:.7rem;margin-bottom:.45rem;padding:.6rem .7rem}.chat-reply-button{margin-top:.45rem}.mobile-header,.surface-card,.task-card,.stat-card,.banner,.inline-loader,.notification-card,.info-row-card,.activity-card,.empty-state,.auth-card{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.mobile-header,.surface-card{border-radius:1.5rem;padding:1rem}.mobile-header{z-index:15;opacity:1;will-change:transform,opacity;margin-bottom:1rem;transition:transform .22s,opacity .22s;position:sticky;top:.75rem;transform:translateY(0)}.mobile-header--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-header--hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - .75rem))}.mobile-header__row,.mobile-header__actions,.brand-lockup,.section-heading,.task-card__head,.task-card__head-status,.button-row,.profile-summary,.info-row-card,.info-row-card__meta{align-items:center;display:flex}.mobile-header__row,.section-heading,.task-card__head,.profile-summary,.info-row-card{justify-content:space-between;gap:.75rem}.mobile-header__subtitle,.helper-copy,.task-card__copy p,.detail-copy p,.notification-card p,.activity-card p,.empty-state p,.auth-brand p,.auth-copy p,.info-row-card p{color:var(--text-muted)}.taskflow-logo{flex:none;width:7rem;height:7rem;position:relative}.taskflow-logo--compact{width:5.25rem;height:5.25rem}.taskflow-logo__img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.eyebrow,.section-heading h2,.task-card__copy strong,.stat-card strong,.auth-brand strong,.auth-copy h1,.mobile-header strong{margin:0}.eyebrow{color:#9fd5ff;letter-spacing:.08em;text-transform:uppercase;background:#94c8ff14;border-radius:999px;align-items:center;min-height:1.75rem;padding:.25rem .7rem;font-size:.72rem;display:inline-flex}.hero-card h1,.auth-copy h1{letter-spacing:-.04em;margin:.6rem 0 .55rem;font-size:clamp(1.9rem,6vw,2.5rem);line-height:1.02}.hero-card p,.mobile-header__subtitle,.auth-copy p{margin:0;line-height:1.6}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.stat-card{border-radius:1.35rem;gap:.8rem;min-height:6.4rem;padding:.95rem}.stat-card__icon,.avatar-chip,.icon-button,.empty-state__icon{place-items:center;display:grid}.stat-card__icon,.avatar-chip,.empty-state__icon{background:#ffffff14;border-radius:1rem;width:2.75rem;height:2.75rem}.stat-card span,.task-card__meta,.notification-card span,.activity-card span{color:var(--text-soft);font-size:.82rem;display:block}.stat-card strong{margin-top:.3rem;font-size:1.55rem;display:block}.section-heading{margin-bottom:.85rem}.section-heading h2{margin-top:.4rem;font-size:1.15rem}.text-button,.primary-button,.secondary-button,.bottom-nav__item,.auth-tabs button,.icon-button{font:inherit;cursor:pointer;border:0}.text-button{color:#9fd5ff;background:0 0;padding:0}.form-input{gap:.6rem;display:grid}.form-input__label{color:var(--text-soft);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.form-input input,.form-input textarea,.form-input select,.file-input{width:100%;min-height:3rem;color:var(--text-primary);caret-color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0a1220b8;border:1px solid #ffffff14;border-radius:1rem;padding:.9rem .95rem;transition:background-color .16s,border-color .16s,box-shadow .16s}.form-input textarea{resize:vertical;min-height:7rem}.form-input input:focus,.form-input textarea:focus,.form-input select:focus,.icon-button:focus,.primary-button:focus,.secondary-button:focus,.bottom-nav__item:focus{outline-offset:2px;outline:2px solid #7abaff73}.form-input input:focus,.form-input textarea:focus,.form-input select:focus{color:var(--text-primary);background:#08101eeb;border-color:#7abaff59}.form-input input:-webkit-autofill,.form-input input:-webkit-autofill:hover,.form-input input:-webkit-autofill:focus,.form-input textarea:-webkit-autofill,.form-input textarea:-webkit-autofill:hover,.form-input textarea:-webkit-autofill:focus,.form-input select:-webkit-autofill,.form-input select:-webkit-autofill:hover,.form-input select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #08101eeb}.file-input{align-items:center;display:flex;position:relative}.file-input input{opacity:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.file-input span{color:var(--text-soft)}.primary-button,.secondary-button,.auth-tabs button{border-radius:1rem;min-height:3rem;padding:.85rem 1rem;transition:transform .16s,filter .16s,border-color .16s}.primary-button{color:#eff6ff;background:linear-gradient(135deg,#3b82f6,#2563eb);justify-content:center;align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.secondary-button{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.primary-button--full{width:100%}.button-row{gap:.75rem}.button-row>*{flex:1}.primary-button:hover,.secondary-button:hover,.auth-tabs button:hover,.bottom-nav__item:hover,.task-card.is-clickable:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.task-card,.notification-card,.activity-card,.info-row-card{border-radius:1.35rem;padding:1rem}.task-card{gap:.85rem;display:grid}.task-card.is-active{box-shadow:0 0 0 1px #70aeff29,var(--glass-shadow);border-color:#70aeff57}.task-card.is-clickable{cursor:pointer}.task-card__head-status{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.task-card__copy strong{font-size:1.04rem}.task-card__copy p,.detail-copy p,.notification-card p,.activity-card p,.info-row-card p{margin:.4rem 0 0}.task-card__image{-o-object-fit:cover;object-fit:cover;border:1px solid #ffffff14;border-radius:1.05rem;width:100%;max-height:14rem}.task-card__tap,.warning-copy{color:#f6c46f;font-size:.88rem}.priority-pill,.status-pill{border-radius:999px;align-items:center;min-height:1.9rem;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.priority-pill--high{color:#ff9c9f;background:#ff727629}.priority-pill--medium{color:#f6cf81;background:#f5c15c29}.priority-pill--low{color:#7de1bf;background:#49d1a629}.status-pill--pending{color:#dbeafe;background:#ffffff14}.status-pill--in_progress{color:#8ac8ff;background:#4ca3ff29}.status-pill--submitted{color:#cab4ff;background:#a078ff29}.status-pill--done{color:#8ee6c7;background:#48d4a129}.status-pill--rejected,.status-pill--overdue{color:#ff9e9e;background:#ff6f6f29}.profile-summary,.info-row-card__meta{flex-wrap:wrap}.profile-summary p,.info-row-card p{margin:.25rem 0 0}.info-row-card__meta{color:var(--text-soft);gap:.75rem;font-size:.88rem}.notification-card.is-unread{border-color:#70aeff52}.banner,.inline-loader{border-radius:1.15rem;align-items:center;gap:.65rem;margin-bottom:.9rem;padding:.9rem 1rem;display:flex}.banner--warning{color:#f8ce7a}.banner--success{color:#91e5c8}.empty-state{text-align:center;border-radius:1.35rem;justify-items:center;gap:.7rem;padding:1.5rem 1rem;display:grid}.empty-state__icon{color:#9fd5ff}.bottom-nav{left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);z-index:40;background:#040a14f0;border:1px solid #ffffff1a;border-radius:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:min(100vw - 1rem,28rem);padding:.45rem;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav__item{min-height:3rem;color:var(--text-soft);background:0 0;border-radius:1.1rem;align-content:center;justify-items:center;gap:.2rem;padding:.45rem .25rem;display:grid}.bottom-nav__item span{font-size:.7rem}.bottom-nav__item.is-active{color:#e7f0ff;background:#3b82f62e}.icon-button{width:3rem;height:3rem;color:var(--text-primary);background:#ffffff0f;border-radius:1rem;position:relative}.notification-badge{color:#eff6ff;background:#3b82f6;border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;font-size:.72rem;display:grid;position:absolute;top:-.2rem;right:-.2rem}.avatar-chip{color:#eff6ff;font-weight:700}.auth-screen{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.auth-screen__overlay{background:linear-gradient(#04070e38,#04070eb8);position:absolute;top:0;right:0;bottom:0;left:0}.auth-card{z-index:1;border-radius:1.75rem;gap:1rem;width:min(100%,26rem);padding:1.25rem;display:grid;position:relative}.auth-brand{align-items:center;gap:.85rem;display:flex}.auth-tabs{background:#ffffff0a;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.35rem;display:grid}.auth-tabs button{background:0 0;color:var(--text-soft)}.auth-tabs .is-active{color:#eff6ff;background:#3b82f633}.auth-button{width:100%}.loading-screen{text-align:center;place-content:center;justify-items:center;gap:.85rem;min-height:60vh;display:grid}.spinner{animation:1s linear infinite spin}.spinner--large{width:2rem;height:2rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.mobile-app{padding-left:.75rem;padding-right:.75rem}.button-row{flex-direction:column}}.mobile-only{display:contents}.desktop-shell{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top left,#1c49924d,#0000 24%),linear-gradient(#06111f,#030712 56%,#02040b)}.desktop-sidebar{width:17.5rem;min-height:100vh;padding:1.25rem;position:fixed;inset:0 auto 0 0;flex-direction:column;gap:1.25rem;background:#040a14f0;border-right:1px solid #ffffff14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.desktop-sidebar__brand{align-items:center;gap:.75rem;display:flex}.desktop-sidebar__brand img{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain}.desktop-sidebar__brand strong{font-size:1.05rem}.desktop-sidebar__nav{gap:.35rem;display:grid}.desktop-sidebar__nav button{width:100%;min-height:2.85rem;color:var(--text-soft);background:transparent;border:0;border-radius:1rem;align-items:center;gap:.75rem;padding:.7rem .8rem;text-align:left;cursor:pointer;display:flex}.desktop-sidebar__nav button:hover,.desktop-sidebar__nav button.is-active{color:#eff6ff;background:#3b82f62e}.desktop-sidebar__bottom{margin-top:auto;gap:1rem;display:grid}.desktop-sidebar__user{align-items:center;gap:.75rem;display:flex;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:.75rem}.desktop-sidebar__user strong,.desktop-sidebar__user span{display:block}.desktop-sidebar__user span{color:var(--text-soft);font-size:.82rem}.desktop-main{margin-left:17.5rem;min-height:100vh;width:calc(100% - 17.5rem);padding:1.5rem}.desktop-header{align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;display:flex}.desktop-header h1{font-size:1.65rem;line-height:1.15;margin:0}.desktop-header p{color:var(--text-muted);margin:.35rem 0 0}.desktop-header__user{align-items:center;gap:.75rem;display:flex}.desktop-header__user strong,.desktop-header__user span{display:block;text-align:right}.desktop-header__user span{color:var(--text-soft);font-size:.82rem}.desktop-grid{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.8fr);gap:1rem;margin-bottom:1rem}.desktop-grid__left,.desktop-grid__right{min-width:0}.desktop-panel{background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.5rem;padding:1rem}.desktop-panel--large{min-height:19rem}.desktop-panel__head{margin-bottom:1rem}.desktop-panel__head span{color:#9fd5ff;letter-spacing:.08em;text-transform:uppercase;background:#94c8ff14;border-radius:999px;min-height:1.75rem;padding:.25rem .7rem;font-size:.72rem;display:inline-flex;align-items:center}.desktop-panel__head h2{margin:.65rem 0 .25rem;font-size:1.2rem}.desktop-panel__head p{color:var(--text-muted);margin:0}.desktop-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.hidden{display:none}@media(min-width:769px)and (max-width:1023px){.mobile-app{width:min(100%,40rem)}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden,.mobile-only{display:none}}@media(max-width:1023px){.desktop-shell{display:none!important}}.desktop-sidebar__brand{gap:1rem;margin-bottom:.5rem}.desktop-sidebar__brand img{width:7.5rem;height:7.5rem}.desktop-sidebar__brand strong{font-size:1.25rem}.desktop-sidebar__nav button:disabled{opacity:.38;cursor:not-allowed;transform:none}.desktop-sidebar__nav button:disabled:hover{color:var(--text-soft);background:transparent}.desktop-sidebar__nav button:disabled.is-active{color:#eff6ff;background:#3b82f62e}.online-status{align-items:center;color:var(--text-soft);display:inline-flex;gap:.35rem;font-size:.75rem}.online-status__dot{background:#94a3b8;border-radius:999px;display:inline-block;height:.46rem;width:.46rem}.online-status__dot.is-online{background:#22c55e;box-shadow:0 0 0 .18rem #22c55e1f}.chat-feed.is-dragging-file{outline:2px dashed #7abaff73;outline-offset:.35rem;border-radius:1rem}.chat-file-card,.chat-file-pending{align-items:center;background:#ffffff12;border:1px solid #ffffff18;border-radius:1rem;display:flex;gap:.75rem;margin-top:.65rem;padding:.65rem}.chat-file-card__icon{align-items:center;background:#ffffff14;border-radius:.8rem;display:grid;flex:0 0 2.25rem;height:2.25rem;place-items:center;width:2.25rem}.chat-file-card__meta{min-width:0}.chat-file-card__meta strong{font-size:.86rem;overflow-wrap:anywhere}.chat-file-card__meta span{color:#dbeafec7;font-size:.72rem;overflow-wrap:anywhere}.chat-file-card__download{flex:0 0 2.25rem;height:2.25rem;margin-left:auto;width:2.25rem}.chat-file-pending{margin-top:0}.chat-notice{background:#49d1a61f;border:1px solid #7de1bf52;border-radius:1rem;color:#9af0d0;font-size:.82rem;margin:.25rem 0 0;padding:.65rem .8rem}.chat-upload-progress{background:#0b1628cc;border:1px solid #7abaff35;border-radius:1rem;display:grid;gap:.55rem;padding:.75rem}.chat-upload-progress__head{align-items:center;color:var(--text-soft);display:flex;font-size:.78rem;gap:.75rem;justify-content:space-between;min-width:0}.chat-upload-progress__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-upload-progress__head strong{color:#dbeafe;font-size:.75rem;font-weight:600;white-space:nowrap}.chat-upload-progress__track{background:#ffffff14;border-radius:999px;height:.55rem;overflow:hidden;position:relative}.chat-upload-progress__track span{animation:chat-upload-slide 1.1s ease-in-out infinite;background:linear-gradient(90deg,#7dd3fc,#3b82f6,#7de1bf);border-radius:inherit;display:block;height:100%;width:45%}@keyframes chat-upload-slide{0%{transform:translate(-110%)}to{transform:translate(230%)}}.chat-attach-button{position:relative}.chat-attach-button input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.chat-file-pending__preview{border:1px solid #ffffff1f;border-radius:.8rem;flex:0 0 4rem;height:4rem;-o-object-fit:cover;object-fit:cover;width:4rem}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.profile-avatar{color:#eff6ff;background:#ffffff14;border-radius:1rem;place-items:center;display:grid;flex:none;font-weight:700;overflow:hidden}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-avatar--sm{width:2rem;height:2rem;border-radius:.75rem;font-size:.75rem}.profile-avatar--md{width:2.75rem;height:2.75rem}.profile-avatar--xl{width:4.75rem;height:4.75rem;border-radius:1.35rem;font-size:1.35rem}.profile-picture-control{gap:1rem;display:grid}.profile-picture-control__main{align-items:center;gap:1rem;display:flex}.profile-picture-control__main p{color:var(--text-muted);margin:.25rem 0 0;overflow-wrap:anywhere}.auth-page-logo{flex:none;height:7.5rem;-o-object-fit:contain;object-fit:contain;width:7.5rem}.auth-landing{min-height:100vh;color:var(--text-primary);background:#02040b;overflow-x:hidden}.auth-landing__hero{background-image:var(--hero-image);background-position:center;background-size:cover;isolation:isolate;min-height:88vh;padding:2rem 1rem 3rem;position:relative;display:flex;align-items:center;overflow:hidden}.auth-landing__shade{background:linear-gradient(90deg,#02040bf5,#03111ee6 42%,#07101bbd),linear-gradient(180deg,#02040b66,#02040b);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.auth-landing__inner{width:min(100%,74rem);min-width:0;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(21rem,26rem);gap:2rem;align-items:center}.auth-landing__story{display:grid;gap:1.5rem;min-width:0}.auth-brand--landing>div{min-width:0}.auth-brand--landing .taskflow-logo--compact,.auth-card--landing .taskflow-logo--compact{width:3.25rem;height:3.25rem}.auth-brand--landing p{margin:.2rem 0 0}.auth-landing__story h1{font-size:3.65rem;line-height:.98;letter-spacing:0;margin:.8rem 0;max-width:13ch;overflow-wrap:break-word}.auth-landing__story p,.landing-section p,.landing-role-card p{color:var(--text-muted);margin:0;line-height:1.7;overflow-wrap:break-word}.auth-landing__story>div>p{max-width:42rem}.landing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:51rem}.landing-metric{background:#071321c9;border:1px solid #ffffff17;border-left:3px solid #31d0c5;border-radius:.5rem;padding:.9rem}.landing-metric strong,.landing-metric span{display:block}.landing-metric strong{font-size:.95rem}.landing-metric span{color:#c5d3eabf;font-size:.83rem;margin-top:.35rem}.landing-image-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(9rem,.6fr);gap:.8rem;max-width:38rem}.landing-image-row img{width:100%;height:10rem;-o-object-fit:cover;object-fit:cover;border:1px solid #ffffff17;border-radius:.5rem;filter:saturate(.8) brightness(.82);box-shadow:0 20px 50px #00000052}.landing-image-row img:nth-child(2){height:8.25rem;margin-top:1.75rem}.auth-card--landing{background:linear-gradient(180deg,#101a2bf2,#07101df0);border-color:#dbeafe2b;width:100%;max-width:100%;padding:1.15rem}.auth-card--landing .auth-copy h1{font-size:2rem;letter-spacing:0}.landing-section{width:min(100% - 2rem,74rem);margin:0 auto;padding:4.5rem 0}.landing-section--split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(18rem,1fr);gap:2rem;align-items:center}.landing-section__copy{display:grid;gap:1rem;min-width:0}.landing-section h2,.landing-cta h2{font-size:2.1rem;line-height:1.1;letter-spacing:0;margin:.65rem 0 0;overflow-wrap:break-word}.landing-feature-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.landing-feature-list span{min-height:2.6rem;display:inline-flex;align-items:center;gap:.5rem;color:#d9f7f4;background:#0d1f2e;border:1px solid #2dd4bf40;border-radius:.5rem;padding:.65rem .8rem}.landing-section__media{position:relative;min-width:0}.landing-section__media:after,.landing-role-card:after{content:"";background:linear-gradient(180deg,#02040b00,#02040b9e);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-section__media img{width:100%;height:24rem;-o-object-fit:cover;object-fit:cover;border:1px solid #ffffff17;border-radius:.5rem;display:block;filter:saturate(.82) brightness(.82)}.landing-section--roles{padding-top:2rem}.landing-section__head{max-width:43rem;margin-bottom:1.35rem}.landing-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.landing-role-card{background:#07111f;border:1px solid #ffffff17;border-radius:.5rem;display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(0,1fr);overflow:hidden;position:relative}.landing-role-card img{width:100%;height:100%;min-height:15rem;-o-object-fit:cover;object-fit:cover;filter:saturate(.82) brightness(.76)}.landing-role-card div{display:grid;align-content:end;gap:.4rem;padding:1.25rem;position:relative;z-index:1;min-width:0}.landing-role-card strong{font-size:1.25rem}.landing-cta{width:min(100% - 2rem,74rem);margin:0 auto 4rem;background-image:linear-gradient(90deg,#02040bf2,#062033d9),var(--cta-image);background-position:center;background-size:cover;border:1px solid #2dd4bf38;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem}.landing-cta .primary-button{min-width:12rem}@media(max-width:980px){.auth-landing__hero{min-height:auto;padding-top:1rem}.auth-landing__inner,.landing-section--split{grid-template-columns:1fr}.auth-landing__story h1{font-size:2.75rem;max-width:14ch}.landing-metrics{grid-template-columns:1fr}.landing-image-row{max-width:100%}.landing-section{padding:3rem 0}.landing-role-grid{grid-template-columns:1fr}.landing-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.auth-landing__hero{padding:1rem .75rem 2rem}.auth-landing__inner{gap:1.25rem;width:100%}.auth-landing__story,.auth-landing__story>div{max-width:calc(100vw - 1.5rem)}.auth-landing__story h1{font-size:2rem;line-height:1.08;max-width:10.5ch}.auth-landing__story>div>p{max-width:31ch}.auth-brand--landing{align-items:flex-start;display:grid;grid-template-columns:1fr}.auth-brand--landing p{max-width:18rem}.landing-image-row{grid-template-columns:1fr}.landing-image-row img,.landing-image-row img:nth-child(2){height:9rem;margin-top:0}.landing-section{width:min(100% - 1.5rem,74rem);padding:2.25rem 0}.landing-section h2,.landing-cta h2{font-size:1.55rem}.landing-section__media img{height:16rem}.landing-role-card{grid-template-columns:1fr}.landing-role-card img{height:12rem;min-height:12rem}.landing-cta{width:min(100% - 1.5rem,74rem);padding:1.25rem}.landing-cta .primary-button{width:100%}}.tf-landing{isolation:isolate;position:relative}.tf-logo-small .taskflow-logo--compact,.tf-logo-small .taskflow-logo{height:2.75rem!important;width:2.75rem!important}.tf-navbar{background:linear-gradient(180deg,#07111fe6,#050a14cc);border:1px solid #dbeafe24;border-radius:1.35rem;box-shadow:0 24px 70px #0009,0 0 0 1px #2dd4bf10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:backdrop-filter .2s,border-color .2s,box-shadow .2s}.tf-navbar:hover{border-color:#60a5fa40;box-shadow:0 24px 80px #000b,0 0 34px #2563eb20}.tf-nav-link,.tf-nav-login,.tf-footer-link{background:transparent;border:0;color:#cbd5e1;cursor:pointer;position:relative;text-decoration:none;transition:color .18s,transform .18s}.tf-nav-link:after,.tf-footer-link:after{background:linear-gradient(90deg,#2dd4bf,#3b82f6);border-radius:999px;bottom:-.35rem;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s;width:100%}.tf-nav-link:hover,.tf-nav-login:hover,.tf-footer-link:hover{color:#fff;transform:translateY(-1px)}.tf-nav-link:hover:after,.tf-footer-link:hover:after{transform:scaleX(1)}.tf-nav-cta,.tf-primary-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb 48%,#18b7c6);border:1px solid #93c5fd4d;border-radius:1rem;box-shadow:0 0 26px #2563eb50,inset 0 1px #fff3;color:#fff;display:inline-flex;font-weight:700;gap:.6rem;justify-content:center;min-height:2.8rem;padding:.75rem 1rem;transition:box-shadow .18s,filter .18s,transform .18s}.tf-primary-button{min-height:3.25rem;padding:.9rem 1.2rem}.tf-nav-cta:hover,.tf-primary-button:hover{box-shadow:0 0 38px #2dd4bf73,0 0 18px #3b82f66b;filter:saturate(1.08)}.tf-secondary-button{align-items:center;background:#ffffff0a;border:1px solid #dbeafe24;border-radius:1rem;color:#e2e8f0;display:inline-flex;font-weight:700;justify-content:center;min-height:3.25rem;padding:.9rem 1.2rem;text-decoration:none;transition:background .18s,border-color .18s,color .18s}.tf-secondary-button:hover{background:#ffffff14;border-color:#67e8f966;color:#fff}.tf-pill{align-items:center;background:#67e8f91a;border:1px solid #67e8f929;border-radius:999px;color:#9ff6ff;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.13em;min-height:1.9rem;padding:.35rem .8rem;text-transform:uppercase}.tf-gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e0f2fe,#67e8f9 48%,#38bdf8);-webkit-background-clip:text;background-clip:text}.tf-light-streak{background:linear-gradient(90deg,transparent,#67e8f942,#3b82f685,transparent);filter:blur(10px);height:2px;left:0;position:absolute;transform:rotate(-8deg);width:34rem}.tf-particles{background-image:radial-gradient(circle,#93c5fd55 1px,transparent 1px);background-size:44px 44px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%);opacity:.2;position:absolute}.tf-auth-float{animation:tf-float 6s ease-in-out infinite}.tf-auth-card{background:linear-gradient(180deg,#111b2ef5,#07101ff2);border-color:#dbeafe2d;box-shadow:0 30px 90px #000a,0 0 55px #2563eb24;max-width:100%;padding:1.25rem;width:100%}.tf-auth-card .auth-copy h1{font-size:2rem;letter-spacing:0}.tf-auth-card .auth-brand{margin-bottom:.75rem}.tf-glass-card{background:linear-gradient(180deg,#0c1729d9,#06101fbd);border:1px solid #dbeafe1f;border-radius:1.35rem;box-shadow:0 22px 70px #0008,inset 0 1px #ffffff12;min-width:0;overflow:hidden;padding:1.25rem;position:relative;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:box-shadow .18s}.tf-glass-card:before{background:linear-gradient(120deg,transparent,#67e8f92b,transparent);content:"";height:140%;left:-90%;position:absolute;top:-20%;transform:rotate(12deg);transition:left .6s;width:55%}.tf-glass-card:hover{box-shadow:0 28px 85px #000a,0 0 32px #2dd4bf24}.tf-glass-card:hover:before{left:140%}.tf-card-icon{align-items:center;background:linear-gradient(135deg,#1d4ed842,#2dd4bf24);border:1px solid #67e8f94d;border-radius:1rem;color:#b6f7ff;display:grid;height:3rem;place-items:center;width:3rem}.tf-glass-card:hover .tf-card-icon{animation:tf-icon-pulse 1.3s ease-in-out infinite}.tf-dashboard{background:linear-gradient(180deg,#091426f2,#050b16f2);border:1px solid #dbeafe24;border-radius:1.5rem;box-shadow:0 36px 100px #000b,0 0 70px #2563eb26;display:grid;grid-template-columns:14rem minmax(0,1fr);overflow:hidden;position:relative}.tf-dashboard:before{background:linear-gradient(90deg,transparent,#67e8f933,transparent);content:"";height:1px;left:8%;position:absolute;right:8%;top:0}.tf-dashboard-nav{border:1px solid transparent;border-radius:1rem;padding:.8rem .9rem}.tf-dashboard-nav.is-active{background:#3b82f624;border-color:#93c5fd26;color:#fff}.tf-widget{background:#ffffff08;border:1px solid #ffffff12;border-radius:1.15rem;box-shadow:inset 0 1px #ffffff0f;padding:1rem}.tf-live-dot{animation:tf-status-pulse 1.8s ease-in-out infinite;background:#34d399;border-radius:999px;box-shadow:0 0 0 .35rem #34d3991c;display:inline-block;height:.7rem;width:.7rem}.tf-graph{height:6rem;position:relative}.tf-graph:before{background:linear-gradient(135deg,transparent 0 18%,#67e8f9 19% 22%,transparent 23% 39%,#3b82f6 40% 43%,transparent 44% 60%,#2dd4bf 61% 64%,transparent 65%);content:"";filter:drop-shadow(0 0 8px #67e8f9);top:0;right:0;bottom:0;left:0;position:absolute;transform-origin:left;animation:tf-graph-draw 2.2s ease-out both}.tf-timeline{position:relative}.tf-timeline:before{animation:tf-line-draw 1.1s ease-out both;background:linear-gradient(90deg,#2dd4bf,#3b82f6);content:"";height:2px;left:2rem;position:absolute;right:2rem;top:1.85rem;transform-origin:left}.tf-step-card{background:linear-gradient(180deg,#0c1729d9,#06101fbd);border:1px solid #dbeafe1f;border-radius:1.15rem;min-height:8rem;padding:1rem;position:relative}.tf-step-card span{align-items:center;background:linear-gradient(135deg,#2dd4bf,#3b82f6);border-radius:999px;box-shadow:0 0 24px #3b82f666;color:#fff;display:grid;font-weight:800;height:2rem;place-items:center;width:2rem}.tf-step-card strong{display:block;margin-top:1rem}.tf-role-card{background:#07111f;border:1px solid #dbeafe1f;border-radius:1.35rem;box-shadow:0 28px 85px #0008;min-height:30rem;overflow:hidden;position:relative}.tf-role-card:after{background:linear-gradient(180deg,#02040b1a,#02040bd9 62%,#02040bf2);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.tf-role-card img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;filter:saturate(.82) brightness(.7)}.tf-final-cta{background-image:linear-gradient(90deg,#02040bf5,#082239df),url(/landing/office-collaboration.jpg);background-position:center;background-size:cover;border:1px solid #67e8f936;border-radius:1.5rem;box-shadow:0 36px 110px #000a,0 0 70px #2563eb2e;overflow:hidden;padding:2rem;position:relative}.tf-final-cta:before{animation:tf-sweep 5s ease-in-out infinite;background:linear-gradient(90deg,transparent,#67e8f93d,transparent);content:"";height:130%;left:-60%;position:absolute;top:-15%;transform:rotate(12deg);width:42%}@keyframes tf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes tf-icon-pulse{0%,to{box-shadow:0 0 #67e8f900}50%{box-shadow:0 0 24px #67e8f94d}}@keyframes tf-status-pulse{0%,to{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes tf-graph-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes tf-line-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tf-sweep{0%{left:-60%}55%,to{left:125%}}@media(max-width:1023px){.tf-dashboard{grid-template-columns:1fr}.tf-timeline:before{display:none}}@media(max-width:640px){.tf-navbar{border-radius:1rem}.tf-auth-float{animation:none}.tf-auth-card{padding:1rem}.tf-glass-card,.tf-dashboard,.tf-role-card,.tf-final-cta{border-radius:1rem}.tf-final-cta{padding:1.25rem}.tf-primary-button,.tf-secondary-button{width:100%}.tf-landing{overflow-x:hidden}.tf-navbar{gap:.65rem;padding:.75rem}.tf-nav-cta{font-size:0;min-height:2.55rem;min-width:3.2rem;padding:.6rem .65rem;white-space:nowrap;width:3.2rem}.tf-nav-cta:after{content:"Start";font-size:.74rem}.tf-logo-small{min-width:0}.tf-logo-small .taskflow-logo--compact,.tf-logo-small .taskflow-logo{height:2.25rem!important;width:2.25rem!important}.tf-landing #product{padding-left:1rem;padding-right:1rem}.tf-landing #product h1{font-size:2.65rem!important;line-height:1.02!important;max-width:9.5ch!important;overflow-wrap:break-word}.tf-landing #product p{max-width:31ch}.tf-trust-list{display:grid!important;grid-template-columns:1fr;gap:.55rem!important}.tf-auth-card{margin-left:auto;margin-right:auto}.tf-auth-card .auth-copy h1{font-size:1.85rem!important}.tf-navbar,.tf-landing #product>div{max-width:20.5rem!important}.tf-landing #product>div{margin-left:0!important;margin-right:auto!important}.tf-navbar{margin-left:0!important;margin-right:auto!important}.tf-auth-card{max-width:20.5rem!important}}@media(max-width:420px){.tf-landing #product h1{font-size:2.65rem!important;max-width:9.5ch!important}.tf-landing #product p{max-width:31ch}.tf-nav-cta{font-size:0;min-width:3rem;padding:.55rem .65rem;width:3rem}.tf-nav-cta:after{content:"Start";font-size:.72rem}.tf-navbar{left:.75rem;right:.75rem}}.hover\:border-brand-200:hover{--tw-border-opacity:1;border-color:rgb(170 234 201 / var(--tw-border-opacity, 1))}.hover\:bg-brand-50:hover{--tw-bg-opacity:1;background-color:rgb(238 251 245 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:text-brand-700:hover{--tw-text-opacity:1;color:rgb(21 100 66 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:w-44{width:11rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-\[18rem_minmax\(0\,1fr\)\]{grid-template-columns:18rem minmax(0,1fr)}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-r{border-right-width:1px}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pt-8{padding-top:2rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.legal-acceptance{align-items:flex-start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;color:var(--text-soft);display:flex;gap:.75rem;line-height:1.45;padding:.85rem .95rem}.legal-acceptance input{accent-color:#3b82f6;flex:0 0 auto;height:1.1rem;margin-top:.15rem;width:1.1rem}.legal-acceptance a{color:#9fd5ff;font-weight:600;text-decoration:none}.legal-acceptance a:hover{text-decoration:underline}.legal-page{background:radial-gradient(circle at top left,#1c49924d,transparent 24%),linear-gradient(#06111f,#030712 56%,#02040b);color:var(--text-primary);min-height:100vh;padding:2rem 1rem}.legal-document{background:var(--glass);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:var(--glass-shadow);display:grid;gap:1.25rem;margin:0 auto;max-width:54rem;padding:clamp(1.25rem,4vw,2.25rem)}.legal-document header{border-bottom:1px solid #ffffff14;padding-bottom:1rem}.legal-document header p,.legal-document header h1{margin:0}.legal-document header p,.legal-document header span,.legal-document__intro,.legal-document__sections p{color:var(--text-muted)}.legal-document header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin-top:.35rem}.legal-document__intro{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:1rem}.legal-document__sections{display:grid;gap:1rem}.legal-document__sections section{border-bottom:1px solid #ffffff0f;padding-bottom:1rem}.legal-document__sections section:last-child{border-bottom:0;padding-bottom:0}.legal-document__sections h2{font-size:1rem;margin:0 0 .45rem}.legal-document__sections p{margin:0}:root{--tf-brand: #229d64;--tf-brand-soft: #229d6433;--tf-danger: #ff6f6f;--tf-radius: 16px}.muted-text{color:var(--text-muted);font-size:.85rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-soft);cursor:pointer;transition:background .15s,color .15s}.icon-button:hover{background:#ffffff1a;color:var(--text-primary)}.secondary-button--danger{color:#ffd2d2;border-color:#ff6f6f55}.text-button--danger{color:#ff9e9e}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#060b15cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.camera-overlay__panel{width:min(560px,100%);background:#0d1626;border:1px solid var(--glass-border);border-radius:var(--tf-radius);box-shadow:var(--glass-shadow);overflow:hidden;display:flex;flex-direction:column}.camera-overlay__panel--compact{width:min(380px,100%)}.camera-overlay__head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid var(--glass-border);color:var(--text-primary)}.camera-overlay__stage{background:#05080f;display:flex;align-items:center;justify-content:center;min-height:280px}.camera-overlay__media{width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain;display:block}.camera-overlay__actions{display:flex;gap:.75rem;padding:1rem}.camera-overlay__actions .primary-button,.camera-overlay__actions .secondary-button{flex:1}.camera-overlay__error{padding:1.5rem;color:#ffb4b4;text-align:center}.voice-recorder__body{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 1rem}.voice-recorder__dot{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tf-brand-soft);color:var(--tf-brand)}.voice-recorder__dot.is-recording{animation:tf-pulse 1.4s ease-in-out infinite;color:#ff8585;background:#ff6f6f22}.voice-recorder__time{font-variant-numeric:tabular-nums;font-size:1.4rem;color:var(--text-primary)}.voice-recorder__audio{width:100%}@keyframes tf-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}.proof-submit{display:flex;flex-direction:column;gap:1rem}.proof-submit__head h3{margin:0;color:var(--text-primary)}.proof-submit__head p{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.proof-submit__footer{display:flex;gap:.75rem}.proof-checklist{border:1px solid var(--glass-border);border-radius:12px;padding:.85rem 1rem;background:#ffffff08}.proof-checklist__title{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem}.proof-checklist__row{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;color:var(--text-soft);font-size:.9rem}.proof-checklist__row.is-done{color:#8ee6c7}.proof-checklist__check{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.proof-checklist__pending{width:10px;height:10px;border-radius:50%;border:1px solid var(--text-muted);display:inline-block}.proof-actions{display:flex;flex-wrap:wrap;gap:.5rem}.proof-action{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-soft);cursor:pointer;font-size:.85rem}.proof-action:hover{background:var(--tf-brand-soft);color:var(--text-primary);border-color:var(--tf-brand)}.proof-thumbs{display:flex;flex-wrap:wrap;gap:.6rem}.proof-thumb{position:relative;width:92px;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;background:#05080f;cursor:pointer;padding:0}.proof-thumb__media{width:100%;height:70px;-o-object-fit:cover;object-fit:cover;display:block}.proof-thumb__file{width:100%;height:70px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.7rem}.proof-thumb__label{display:block;font-size:.65rem;padding:.25rem;color:var(--text-muted);text-transform:capitalize;text-align:center}.proof-thumb__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.proof-config{border:1px solid var(--glass-border);border-radius:12px;padding:.85rem 1rem;background:#ffffff08}.proof-config__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.proof-config__grid label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-soft)}.proof-config__num input{width:60px;margin-left:.4rem}.proof-history{border:1px solid var(--glass-border);border-radius:12px;padding:.85rem;background:#ffffff08}.proof-history__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.approval-card{border:1px solid var(--glass-border);border-radius:var(--tf-radius);padding:1rem;background:#ffffff0a;display:flex;flex-direction:column;gap:.75rem}.approval-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.approval-card__head strong{color:var(--text-primary)}.approval-card__head p{margin:.2rem 0 0;color:var(--text-muted);font-size:.8rem}.approval-card__note{color:var(--text-soft);font-style:italic}.approval-card__loc{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.85rem}.approval-card__media{display:flex;flex-wrap:wrap;gap:.6rem}.approval-media{width:96px;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;background:#05080f;cursor:pointer;padding:0}.approval-media img{width:100%;height:72px;-o-object-fit:cover;object-fit:cover;display:block}.approval-media__icon{display:flex;align-items:center;justify-content:center;height:72px;color:var(--text-muted)}.approval-media__label{display:block;font-size:.65rem;padding:.25rem;color:var(--text-muted);text-transform:capitalize;text-align:center}.approval-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.activity-timeline{list-style:none;margin:0;padding:0}.activity-timeline__item{position:relative;padding:0 0 1rem 1.25rem;border-left:1px solid var(--glass-border)}.activity-timeline__item:last-child{border-left-color:transparent}.activity-timeline__dot{position:absolute;left:-5px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--tf-brand)}.activity-timeline__body strong{color:var(--text-primary);font-size:.9rem}.activity-timeline__reason{margin:.2rem 0;color:var(--text-soft);font-style:italic;font-size:.85rem}.activity-timeline__meta{display:block;color:var(--text-muted);font-size:.75rem}.task-board{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.5rem}.task-board__col{min-width:220px;flex:1 0 220px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:.6rem}.task-board__col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:var(--text-soft);font-size:.85rem;font-weight:600}.task-board__count{background:#ffffff1a;border-radius:999px;padding:0 .5rem;font-size:.75rem}.task-board__col-body{display:flex;flex-direction:column;gap:.5rem}.task-board__card{text-align:left;border:1px solid var(--glass-border);border-radius:10px;padding:.6rem;background:#0d1626;cursor:pointer;display:flex;flex-direction:column;gap:.35rem}.task-board__card:hover{border-color:var(--tf-brand)}.task-board__card strong{color:var(--text-primary);font-size:.88rem}.task-board__assignee{color:var(--text-muted);font-size:.75rem}.task-board__pill{align-self:flex-start}.task-chat{display:flex;flex-direction:column;height:420px}.task-chat__feed{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.task-chat__system{align-self:center;background:#ffffff12;color:var(--text-muted);font-size:.75rem;padding:.2rem .7rem;border-radius:999px}.task-chat__msg{max-width:80%;align-self:flex-start;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:.5rem .7rem}.task-chat__msg.is-own{align-self:flex-end;background:var(--tf-brand-soft);border-color:var(--tf-brand)}.task-chat__msg p{margin:0;color:var(--text-primary);font-size:.9rem;word-break:break-word}.task-chat__sender{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:.15rem}.task-chat__media{max-width:200px;border-radius:8px;margin-top:.3rem;display:block}.task-chat__file{color:#8ac8ff;font-size:.85rem}.task-chat__time{display:block;font-size:.65rem;color:var(--text-muted);margin-top:.2rem;text-align:right}.task-chat__error{color:#ffb4b4;font-size:.8rem}.task-chat__composer{display:flex;align-items:center;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--glass-border)}.task-chat__composer input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;padding:.5rem .7rem;color:var(--text-primary)}.task-detail{max-width:1100px;margin:0 auto;padding:1.25rem}.task-detail__top{margin-bottom:.75rem}.task-detail__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.task-detail__main,.task-detail__side{display:flex;flex-direction:column;gap:1rem}.task-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.task-detail__head h1{margin:0;font-size:1.4rem;color:var(--text-primary)}.task-detail__desc{margin:.4rem 0 0;color:var(--text-soft)}.task-detail__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;color:var(--text-muted);font-size:.85rem}.task-detail__meta span{display:inline-flex;align-items:center;gap:.35rem}.task-detail__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;align-items:center}.invite-form{border:1px solid var(--glass-border);border-radius:12px;padding:1rem;background:#ffffff08}.invite-form__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.invite-form__check{display:flex;align-items:center;gap:.5rem;color:var(--text-soft);font-size:.9rem;align-self:end}.invite-link-card{border:1px solid var(--glass-border);border-radius:12px;padding:.85rem;background:#ffffff0a;display:flex;flex-direction:column;gap:.5rem}.invite-link-card__top{display:flex;align-items:center;justify-content:space-between}.invite-link-card__url{display:flex;align-items:center;gap:.5rem;background:#05080f;border:1px solid var(--glass-border);border-radius:8px;padding:.4rem .6rem}.invite-link-card__url code{flex:1;color:var(--text-soft);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-link-card__copied{color:#8ee6c7;font-size:.75rem}.invite-link-card__stats{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--text-muted);font-size:.8rem}.invite-link-card__actions{display:flex;gap:.75rem}.people-summary{display:flex;gap:.75rem;margin-bottom:.75rem}.people-count{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;color:var(--text-soft)}.people-count.is-full{color:#ffb4b4;border-color:#ff6f6f55}.people-subhead{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;margin:1.25rem 0 .5rem}.people-actions{display:flex;gap:.6rem;align-items:center}.join-hero{display:flex;gap:.85rem;align-items:center}.join-hero__icon{width:44px;height:44px;border-radius:12px;background:var(--tf-brand-soft);color:var(--tf-brand);display:flex;align-items:center;justify-content:center;flex:none}.join-welcome{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;padding:.6rem .8rem;color:var(--text-soft);font-size:.9rem;margin-top:.75rem}@media(max-width:900px){.task-detail__grid,.invite-form__row{grid-template-columns:1fr}}
