: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-attach-button{position:relative}.chat-attach-button input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}