:root{--bg:#f4f8fa;--surface:#fff;--surface-soft:#f8fbfc;--surface-tint:#eef9fa;--text:#152039;--text-2:#586780;--muted:#8d9ab0;--line:#e3eaef;--line-strong:#d6e1e8;--accent:#08afbd;--accent-strong:#0799a6;--accent-soft:#dff8fa;--success:#11a985;--warning:#e99a2b;--danger:#ef5e73;--blue:#617cff;--violet:#8b5cf6;--shadow-sm:0 7px 24px #28486012;--shadow-md:0 18px 46px #203b5021;--radius-sm:12px;--radius:18px;--radius-lg:26px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body,button,input,select,textarea{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input,select,textarea{font-size:inherit}button{color:inherit}button:not(:disabled),select:not(:disabled),input[type=checkbox]:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{min-width:0}textarea{resize:vertical}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:#8a99b0;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.primary-button,.secondary-button,.danger-button,.text-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:760;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#11b9c6,#049cab);box-shadow:0 10px 24px #05acba3b}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 28px #05acba4a}.secondary-button{border:1px solid var(--line-strong);color:#46566e;background:#fff}.secondary-button:hover:not(:disabled){background:#f8fbfc;border-color:#b9ced9}.danger-button{color:#df4960;background:#fff3f5;border:1px solid #ffc6cf}.text-button{color:#52647a;background:#f3f7f9;min-height:34px;padding:0 10px;font-size:13px}.full-button{width:100%}.icon-button{border:1px solid var(--line);color:#61718a;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--accent-strong);background:#f1fbfc;border-color:#bce7ea}.icon-button.subtle{background:0 0;border-color:#0000;width:30px;height:30px}.icon-button.accent{color:#fff;border-color:var(--accent);background:var(--accent)}.avatar{--avatar-size:34px;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);color:#fff;font-size:calc(var(--avatar-size) * .38);background:linear-gradient(145deg,#16b8b0,#079a86);border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 3px 9px #25455b1f}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-stack{align-items:center;min-width:0;display:inline-flex}.avatar-stack .avatar+.avatar,.avatar-stack-more{margin-left:-8px}.avatar-stack-more{color:#5a6b82;background:#eaf0f4;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex}.project-icon{--project-icon-size:42px;--project-icon-color:#617cff;width:var(--project-icon-size);height:var(--project-icon-size);min-width:var(--project-icon-size);border-radius:calc(var(--project-icon-size) * .28);color:var(--project-icon-color);background:color-mix(in srgb, var(--project-icon-color) 11%, white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--project-icon-color) 10%, transparent);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.project-icon img{object-fit:cover;width:100%;height:100%}.progress-track{background:#e8eef3;border-radius:99px;height:6px;display:block;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#09afbd,#4dd4dc);height:100%;transition:width .3s;display:block}.badge{color:#5d6b80;white-space:nowrap;background:#f8fafb;border:1px solid #e1e8ed;border-radius:99px;align-items:center;gap:6px;min-height:25px;padding:0 9px;font-size:11px;font-weight:760;display:inline-flex}.badge i{border-radius:50%;width:7px;height:7px}.status-done{color:#078c6c;background:#effbf7;border-color:#b6eadc}.status-doing{color:#4766df;background:#f1f4ff;border-color:#ced8ff}.status-review,.priority-high{color:#c97b13;background:#fff8ee;border-color:#f6d5a8}.priority-urgent{color:#df5065;background:#fff3f5;border-color:#ffcbd3}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:40px 24px;display:flex}.empty-illustration{width:76px;height:76px;color:var(--accent);background:radial-gradient(circle at 30% 20%,#fff 0 15%,#0000 16%),linear-gradient(145deg,#ebfbfc,#d9f7f9);border-radius:26px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.empty-state strong{font-size:17px}.empty-state p,.muted-empty{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.full-loading,.fatal-page{color:#53637a;background:radial-gradient(circle at 70% 15%, #3ad4de2e, transparent 30%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;display:flex}.brand-orb{width:76px;height:76px;box-shadow:var(--shadow-md);background:#fff;border-radius:26px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.brand-orb img{border-radius:20px;width:100%}.loading-line{background:#dfebef;border-radius:99px;width:170px;height:5px;overflow:hidden}.loading-line i{border-radius:inherit;background:var(--accent);width:55%;height:100%;animation:1.15s ease-in-out infinite alternate loading-slide;display:block}@keyframes loading-slide{0%{transform:translate(-70%)}to{transform:translate(150%)}}.fatal-page>div{border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;width:min(520px,100vw - 36px);box-shadow:var(--shadow-md);background:#fff;padding:42px}.fatal-page h1{margin:22px 0 10px}.fatal-page p{color:var(--text-2);margin:0 0 24px;line-height:1.7}.auth-page{background:#f7fbfc;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100dvh;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 85% 18%,#68ecef6b,#0000 28%),linear-gradient(145deg,#087d8e,#0caab4 48%,#49cbd2);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:54px clamp(44px,7vw,110px);display:flex;position:relative;overflow:hidden}.auth-brand{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.auth-brand img{border-radius:17px;width:54px;height:54px;box-shadow:0 10px 30px #0037453b}.auth-brand span{flex-direction:column;display:flex}.auth-brand strong{font-size:24px}.auth-brand small{opacity:.72}.auth-copy{z-index:2;max-width:650px;position:relative}.auth-copy .eyebrow{color:#ffffffbd}.auth-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,6vw,86px);line-height:1.04}.auth-copy p{color:#ffffffcf;max-width:570px;margin:28px 0 0;font-size:17px;line-height:1.9}.auth-points{z-index:2;flex-wrap:wrap;gap:12px;display:flex;position:relative}.auth-points span{color:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #fff3;border-radius:99px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.auth-decoration i{border:1px solid #ffffff1c;border-radius:50%;position:absolute}.auth-decoration i:first-child{width:480px;height:480px;bottom:-220px;right:-170px}.auth-decoration i:nth-child(2){width:310px;height:310px;bottom:-130px;right:-80px}.auth-decoration i:nth-child(3){width:130px;height:130px;bottom:20px;right:90px}.auth-panel{flex-direction:column;justify-content:center;align-items:center;padding:44px;display:flex}.auth-box{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow-md);background:#fff;border-radius:28px;padding:44px}.auth-mode-tabs{background:#f0f5f7;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:30px;padding:4px;display:grid}.auth-mode-tabs button{min-height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:11px;font-weight:760}.auth-mode-tabs button.is-active{color:var(--text-1);background:#fff;box-shadow:0 4px 13px #1943511a}.auth-back-button{min-height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 25px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.auth-back-button:hover,.auth-label-row button:hover,.auth-magic-link:hover,.auth-legal a:hover{color:var(--accent)}.auth-box h2{letter-spacing:-.04em;margin:0;font-size:31px}.auth-hint{color:var(--text-2);margin:12px 0 30px;line-height:1.7}.auth-form label{margin-bottom:9px;font-size:13px;font-weight:740;display:block}.auth-label-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-label-row label{margin-bottom:9px}.auth-label-row button{color:var(--text-2);cursor:pointer;background:0 0;border:0;margin:0 0 9px;padding:0;font-size:12px;font-weight:700}.auth-input{border:1px solid var(--line-strong);color:#7d8aa0;background:#fbfdfe;border-radius:14px;align-items:center;gap:11px;height:52px;margin-bottom:14px;padding:0 15px;display:flex}.auth-input:focus-within{color:var(--accent);border-color:#6bd1d8;box-shadow:0 0 0 4px #08afbd1a}.auth-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.auth-password-toggle{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.auth-password-toggle:hover{color:var(--accent);background:var(--accent-soft)}.auth-error-panel{background:#fff7f8;border:1px solid #ffd5dc;border-radius:12px;margin:4px 0 13px;padding:10px 12px}.auth-error-panel .form-error{margin:0}.auth-error-panel>span{flex-wrap:wrap;gap:12px;margin-top:7px;display:flex}.auth-error-panel button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:760}.auth-submit{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:inline-flex}.auth-magic-link{width:100%;min-height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:15px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.auth-legal{color:#9aa5b5;text-align:center;margin:18px 0 0;font-size:12px;line-height:1.7}.auth-legal a{color:var(--accent);text-decoration:none}.auth-note{color:#9aa5b5;margin:21px 0 0;font-size:12px;line-height:1.6}.auth-provider-status{color:#9aa5b5;text-align:center;max-width:460px;margin:22px 0 0;font-size:12px;line-height:1.6}.auth-company{color:#a0aabd;margin:10px 0 0;font-size:12px}.mail-sent{text-align:center}.mail-sent>span{width:66px;height:66px;color:var(--accent);background:var(--accent-soft);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.mail-sent p{color:var(--text-2);margin:14px 0 24px;line-height:1.75}.form-error{color:var(--danger);margin:8px 0;font-size:12px;line-height:1.5}.taskfruit-shell{min-height:100dvh}.sidebar{z-index:40;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;flex-direction:column;width:246px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.sidebar-brand{align-items:center;gap:12px;height:82px;padding:0 18px;display:flex}.sidebar-brand-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.sidebar-brand-main>img{border-radius:14px;width:44px;height:44px;box-shadow:0 8px 20px #07a8b62e}.sidebar-brand-main>span{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-brand strong{font-size:20px}.sidebar-brand small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mobile-sidebar-close{display:none}.primary-nav,.secondary-nav{gap:4px;padding:8px 10px;display:grid}.primary-nav button,.secondary-nav button{color:#5a6981;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;font-weight:720;transition:color .15s,background .15s;display:flex;position:relative}.primary-nav button:hover,.secondary-nav button:hover,.primary-nav button.selected,.secondary-nav button.selected{color:#069aaa;background:var(--accent-soft)}.primary-nav button small{color:#069aaa;background:#c9f3f5;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:10px;display:flex}.sidebar-projects{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin-top:8px;padding:16px 10px 10px;display:flex}.sidebar-projects>header{color:#8794aa;justify-content:space-between;align-items:center;height:34px;padding:0 6px 0 4px;font-size:12px;font-weight:760;display:flex}.sidebar-projects>header>span{align-items:center;gap:7px;display:flex}.sidebar-projects>header b{background:#eef3f6;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;display:inline-flex}.sidebar-projects>header>div{display:flex}.sidebar-create-wrap{position:relative}.sidebar-create-menu{z-index:280;border:1px solid var(--line);background:#fffffffa;border-radius:14px;gap:3px;width:150px;padding:7px;animation:.14s both popIn;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 38px #1f384929}.sidebar-create-menu>button{color:#536178;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 10px;font-size:12px;font-weight:720;display:flex}.sidebar-create-menu>button:hover{color:#087e8b;background:#eef9fa}.sidebar-project-scroll{scrollbar-width:none;-ms-overflow-style:none;grid-auto-rows:min-content;align-content:start;gap:5px;min-height:0;padding:5px 2px 8px 0;display:grid;position:relative;overflow:auto}.sidebar-project-scroll::-webkit-scrollbar{width:0;height:0}.sidebar-project-scroll.is-reordering{cursor:grabbing;-webkit-user-select:none;user-select:none}.sidebar-project-item{color:#516079;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto 28px;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 9px;font-size:13px;font-weight:620;transition:color .15s,background .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.sidebar-project-item:hover,.sidebar-project-item.selected{color:#526071;background:#ffffffc7}.sidebar-project-item>span:not(.project-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-project-item>small{color:#94a1b4;font-size:12px}.sidebar-project-archive{color:#9aa6b8;opacity:.72;background:0 0;border:0;border-radius:9px;place-items:center;width:28px;height:28px;padding:0;transition:color .14s,background .14s,opacity .14s;display:grid}.sidebar-project-item:hover .sidebar-project-archive,.sidebar-project-item:focus-within .sidebar-project-archive{opacity:1}.sidebar-project-archive:hover{color:#ef5e70;background:#fff0f3}.sidebar-project-group{gap:3px;margin-top:2px;display:grid;position:relative}.sidebar-project-group.expanded:before{content:"";z-index:0;filter:blur(7px);opacity:.42;pointer-events:none;background:radial-gradient(#18203321,#18203300 70%);border-radius:999px;height:14px;position:absolute;top:38px;left:18px;right:18px}.sidebar-group-title{z-index:2;color:#263247;cursor:grab;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:4px;min-height:40px;padding:0 4px;display:grid;position:relative}.sidebar-project-group.expanded .sidebar-group-title{background:linear-gradient(#fffffffa,#ffffffdb);margin-bottom:3px;box-shadow:0 8px 18px -12px #18203352,inset 0 1px #ffffffeb}.sidebar-project-group.selected .sidebar-group-title{color:#087e8b;border-color:#0000}.sidebar-project-group.selected .sidebar-group-open>span:nth-child(2){color:#087e8b}.sidebar-group-toggle,.sidebar-group-open{background:0 0;border:0}.sidebar-group-toggle{color:#8090a6;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.sidebar-group-toggle svg{transition:transform .16s}.sidebar-group-toggle svg.expanded{transform:rotate(90deg)}.sidebar-group-open{text-align:left;border-radius:11px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:32px;padding:0;display:grid}.sidebar-group-open>span:nth-child(2){color:#263247;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:900;overflow:hidden}.sidebar-group-open small{color:#8796aa;background:#edf2f7;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:850;display:grid}.group-nav-icon{background:color-mix(in srgb, currentColor 10%, white);border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.sidebar-group-projects{z-index:1;gap:5px;padding:2px 0 4px;display:grid;position:relative}.sidebar-project-item.nested{color:#7c889a;background:0 0;border-radius:13px;grid-template-columns:28px minmax(0,1fr) auto 28px;min-height:38px;padding:0 9px 0 32px;font-weight:600}.sidebar-project-item.nested:hover,.sidebar-project-item.nested.selected{color:#63718a;background:#ffffff6b}.sidebar-project-item.nested.selected{color:#526071;background:#ffffff94}.sidebar-empty-group{color:#97a4b7;background:#ffffff85;border:0;border-radius:12px;place-items:center;min-height:32px;margin:2px 8px 4px 34px;padding:0 10px;font-size:12px;font-weight:760;display:grid}.sidebar-empty-group:hover{color:#087e8b;background:#fff}.sidebar-project-scroll [draggable=true]{cursor:grab}.sidebar-project-scroll [draggable=true]:active{cursor:grabbing}.sidebar-project-scroll .dragging{opacity:.46;cursor:grabbing;transform:scale(.985)}.sidebar-project-scroll .drop-before:before,.sidebar-project-scroll .drop-after:after{content:"";z-index:4;background:var(--accent);pointer-events:none;border-radius:99px;height:3px;position:absolute;left:7px;right:7px;box-shadow:0 0 0 3px #08afbd21}.sidebar-project-scroll .drop-before:before{top:-3px}.sidebar-project-scroll .drop-after:after{bottom:-3px}.sidebar-group-title{position:relative}.sidebar-group-title.drop-into{color:#087e8b;box-shadow:inset 0 0 0 2px var(--accent), 0 8px 18px #08afbd1f;background:#def7f8;transform:translateY(-1px)}.sidebar-group-title.drop-into:after{content:attr(data-drop-label);color:#fff;background:var(--accent);border-radius:99px;padding:3px 7px;font-size:9px;font-weight:820;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.sidebar-project-drop-end{border-radius:99px;min-height:7px;transition:min-height .12s,background .12s;position:relative}.sidebar-project-drop-end.active{background:#08afbd26;min-height:13px;margin:2px 7px}.sidebar-project-drop-end.active:after{content:"";background:var(--accent);border-radius:99px;height:3px;position:absolute;top:5px;left:0;right:0}.secondary-nav{border-top:1px solid var(--line)}.sidebar-user{padding:8px 10px 13px;position:relative}.sidebar-user>button{text-align:left;background:#fbfdfe;border:0;border-radius:15px;align-items:center;gap:9px;width:100%;min-height:54px;padding:5px 8px;display:flex}.sidebar-user .avatar{aspect-ratio:1;flex:0 0 34px;width:34px;min-width:34px;max-width:34px;height:34px}.sidebar-user>button>svg{flex:none}.sidebar-user-copy{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user strong{font-size:12px}.sidebar-user small{color:#8794a8;font-size:10px}.profile-menu{z-index:20;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;gap:3px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 6px);left:12px;right:12px}.profile-menu button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;min-height:40px;padding:0 10px;display:flex}.profile-menu button:hover{background:#f1f7f9}.workspace-area{min-width:0;min-height:100dvh;margin-left:246px}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e0e9eee0;align-items:center;gap:12px;height:72px;padding:0 clamp(18px,2.8vw,42px);display:flex;position:sticky;top:0}.mobile-menu-button{display:none}.search-box{border:1px solid var(--line);color:#8a98aa;background:#f8fbfc;border-radius:14px;align-items:center;gap:9px;width:min(390px,38vw);height:42px;padding:0 14px;display:flex;position:relative}.search-box:focus-within{background:#fff;border-color:#a6dfe3;box-shadow:0 0 0 4px #08afbd14}.search-box input{height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1}.search-box>button{color:#8795a8;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.search-results{z-index:100;border:1px solid var(--line);width:min(460px,100vw - 36px);max-height:520px;color:var(--text);box-shadow:var(--shadow-md);background:#fff;border-radius:18px;padding:10px;position:absolute;top:calc(100% + 10px);left:0;overflow:auto}.search-results section>span{color:#8c9aaf;letter-spacing:.1em;padding:8px 10px 5px;font-size:10px;font-weight:800;display:block}.search-results section>button{text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:46px;padding:5px 9px;display:flex}.search-results section>button:hover{background:#f1f9fa}.search-results section>button>span:not(.project-icon){flex:1;min-width:0}.search-results section>button strong,.search-results section>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.search-results section>button strong{font-size:12px}.search-results section>button small{color:var(--muted);font-size:10px}.search-results>p{color:var(--muted);text-align:center;margin:0;padding:28px 12px;font-size:12px}.sync-pill{border:1px solid var(--line);color:#52627a;white-space:nowrap;background:#fff;border-radius:99px;align-items:center;gap:7px;min-height:38px;margin-left:auto;padding:0 13px;font-size:12px;font-weight:690;display:inline-flex}.sync-pill i{background:#15b38a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #15b38a1a}.top-create{min-height:42px}.top-avatar{background:0 0;border:0;border-radius:50%;padding:0}.top-account{display:flex;position:relative}.top-profile-menu{width:190px;top:calc(100% + 9px);bottom:auto;left:auto;right:0}.workspace-content{width:100%;min-width:0;padding:28px clamp(18px,2.7vw,44px) 70px}.view-stack{gap:18px;width:min(1600px,100%);margin:0 auto;display:grid}.view-stack>*{min-width:0}.surface-card,.simple-page-heading{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.surface-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:18px 22px;display:flex}.surface-heading .eyebrow{margin-bottom:3px}.surface-heading h2{letter-spacing:-.02em;margin:0;font-size:20px}.surface-heading>span{color:#75849b;background:#f0f4f7;border-radius:99px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 9px;font-size:11px;font-weight:800;display:flex}.welcome-hero,.page-hero,.group-hero,.project-hero{min-height:200px;box-shadow:var(--shadow-sm);background:radial-gradient(circle at 88% 20%,#50dde442,#0000 28%),linear-gradient(135deg,#fff,#f5fcfd 58%,#e8f9fb);border:1px solid #e0eaee;border-radius:28px;padding:32px;position:relative;overflow:hidden}.welcome-hero{align-items:flex-end;gap:32px;display:flex}.welcome-hero>div:first-child{z-index:2;flex:1;max-width:820px;position:relative}.home-workspace-summary{color:#6d7d92;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #08aebb29;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:9px 0 12px;padding:7px 11px;font-size:12px;line-height:1.2;display:flex;box-shadow:0 6px 18px #3056650f}.home-workspace-summary strong{color:#1d2b42;text-overflow:ellipsis;white-space:nowrap;max-width:min(300px,34vw);overflow:hidden}.home-workspace-summary i{background:#9eb0bd;border-radius:50%;flex:none;width:3px;height:3px}.welcome-hero h1,.page-hero h1,.group-hero h1,.project-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(32px,3.2vw,52px);line-height:1.12}.welcome-hero p,.page-hero p,.group-hero p,.project-hero p{color:#6e7f98;margin:13px 0 0;line-height:1.75}.hero-actions{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:relative}.hero-fruit{opacity:.075;pointer-events:none;width:230px;position:absolute;top:-38px;right:8%;transform:rotate(-9deg)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);min-height:122px;box-shadow:var(--shadow-sm);text-align:left;background:#fff;border-radius:24px;align-items:center;gap:15px;padding:20px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #29485e1c}.stat-card:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-64px;right:-45px}.stat-card>svg{color:#9aa6b7;margin-left:auto}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card>span:nth-child(2){min-width:0;display:grid}.stat-card strong{font-size:25px;line-height:1}.stat-card b{margin-top:4px;font-size:13px}.stat-card small{color:#8592a5;margin-top:5px;font-size:10px}.stat-orange{color:#c57a1f}.stat-orange .stat-icon{color:#e6982d;background:#fff3df}.stat-blue{color:#506be2}.stat-blue .stat-icon{color:#617cff;background:#edf0ff}.stat-green{color:#138a6e}.stat-green .stat-icon{color:#14aa83;background:#e8f9f4}.home-columns{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;display:grid}.focus-list{padding:8px 12px 14px}.mini-project-list{gap:5px;padding:8px 12px 14px;display:grid}.mini-project-list>button{text-align:left;background:0 0;border:0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:78px;padding:10px;display:grid}.mini-project-list>button:hover{background:#f4fafb}.mini-project-list>button>span:not(.project-icon){gap:3px;min-width:0;display:grid}.mini-project-list strong,.mini-project-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-project-list strong{font-size:13px}.mini-project-list small{color:var(--muted);font-size:10px}.mini-project-list b{color:#78869b;font-size:11px}.page-hero{grid-template-columns:minmax(0,1fr) minmax(240px,330px);align-items:center;gap:28px;display:grid}.hero-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.hero-chips span{color:#65758c;background:#edf3f6;border-radius:99px;align-items:center;min-height:28px;padding:0 11px;font-size:11px;font-weight:780;display:inline-flex}.hero-progress,.group-hero-progress,.project-hero-progress{text-align:right;gap:7px;display:grid}.hero-progress strong,.group-hero-progress strong,.project-hero-progress strong{font-size:28px}.hero-progress small,.group-hero-progress small,.project-hero-progress small{color:#8290a5;font-size:10px}.hero-progress .primary-button{width:-moz-fit-content;width:fit-content;margin:11px 0 0 auto}.task-project-groups,.project-group-sections{gap:14px;display:grid}.personal-task-surface{padding:18px}.personal-task-surface>.surface-heading{margin-bottom:16px}.task-project-section{background:linear-gradient(#f3f8fc,#f8fbfd);border:1px solid #dbe6ef;border-radius:22px;gap:12px;padding:12px;display:grid;box-shadow:0 10px 26px #1820330b}.project-section-title{width:100%;min-width:0;min-height:48px;color:var(--text);text-align:left;background:linear-gradient(135deg,#fff,#effcff);border:1px solid #13bfd129;border-radius:17px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #13bfd114}.project-section-title:hover{background:linear-gradient(135deg,#f8feff,#e8fbfd);border-color:#13bfd14d;box-shadow:0 10px 24px #13bfd11a}.project-section-title strong{color:#243047;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:16px;font-weight:780;overflow:hidden}.project-section-count{color:#7f8da0;white-space:nowrap;flex:none;font-size:11px;font-weight:760}.project-section-title>svg:last-child{color:#7f8da0;flex:none}.task-table-personal{background:#ffffffad;border-radius:18px;gap:8px;padding:4px;display:grid}.personal-task-card{width:100%;min-width:0;min-height:64px;color:var(--text);text-align:left;background:#ffffffb8;border:1px solid #0000;border-radius:20px;grid-template-columns:32px minmax(0,1fr) auto 32px 18px;align-items:center;gap:10px;padding:12px;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s,opacity .14s;display:grid}.personal-task-card:hover{background:#fff;border-color:#13bfd129;transform:translateY(-1px);box-shadow:0 10px 22px #18203312}.personal-task-card:focus-visible{outline-offset:2px;outline:3px solid #13bfd133}.personal-task-card.overdue{border-color:#ef5e7338}.personal-task-card.today{border-color:#e99a2b3d}.personal-task-card.done{opacity:.72}.personal-task-main,.personal-task-title{min-width:0}.personal-task-title{display:flex}.personal-task-title strong{color:#243047;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:760;overflow:hidden}.personal-task-meta{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;font-size:10px;display:flex}.personal-task-meta>span{align-items:center;gap:4px;min-width:0;display:inline-flex}.personal-project-mini,.personal-task-group{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.personal-project-mini .project-icon{box-shadow:none;border-radius:6px;flex:none}.personal-task-date.overdue{color:var(--danger)}.personal-task-date.today{color:#dd8c22}.personal-task-unassigned{color:var(--muted);white-space:nowrap;font-size:10px}.personal-task-archive{color:#9aa7b3;background:0 0;border:0;border-radius:10px;place-items:center;width:30px;height:30px;padding:0;transition:color .14s,background .14s;display:grid}.personal-task-archive:hover{color:var(--danger);background:#fff1f4}.personal-task-card>svg:last-child{color:#8b99ac}.task-table-personal .task-row-compact{box-shadow:none;background:#ffffffc7;border:1px solid #0000;border-radius:16px;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s}.task-table-personal .task-row-compact:hover{background:#fff;border-color:#13bfd11f;transform:translateY(-1px);box-shadow:0 10px 22px #18203312}.project-group-section{background:#ffffffe6;border-radius:24px;padding:12px;overflow:hidden}.my-project-section-head{width:100%;min-width:0;min-height:52px;color:var(--text);text-align:left;background:linear-gradient(135deg,#fff,#f8fcfd);border:0;border-radius:17px;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 8px;transition:color .15s,background .15s,box-shadow .15s;display:grid}.my-project-section-head:hover{color:var(--accent-strong);background:var(--accent-soft);box-shadow:0 8px 18px #1820330d}.my-project-section-head>svg:first-child{color:#8a96aa;transition:transform .16s}.my-project-section.collapsed .my-project-section-head>svg:first-child,.member-progress-head svg.collapsed,.task-group-title svg.collapsed{transform:rotate(-90deg)}.group-icon-small{background:color-mix(in srgb, currentColor 10%, white);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.my-project-section-head>span:not(.group-icon-small){min-width:0}.my-project-section-head strong,.my-project-section-head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.my-project-section-head strong{font-size:16px}.my-project-section-head small{color:var(--muted);margin-top:3px;font-size:12px}.my-project-section-head>b{color:#75849a;background:#eef3f7;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;display:inline-grid}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.my-project-grid{margin-top:12px}.project-card{border:1px solid var(--line);width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(#fff,#fbfdff);border-radius:22px;gap:12px;padding:14px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 10px 28px #1820330b}.project-card:hover{border-color:#13bfd142;transform:translateY(-2px);box-shadow:0 16px 34px #18203313}.project-group-project-main{grid-template-columns:46px minmax(0,1fr) 32px;align-items:center;gap:12px;min-width:0;display:grid}.project-group-project-main>span:not(.project-icon){min-width:0}.project-group-project-main strong,.project-group-project-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-group-project-main strong{font-size:14px}.project-group-project-main small{color:var(--muted);margin-top:4px;font-size:11px}.project-group-project-main>svg{color:#9aa7b8;justify-self:end}.project-group-card-archive{color:#98a5b4;background:#f6f9fb;border:0;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:color .15s,background .15s,transform .15s;display:grid}.project-group-card-archive:hover{color:var(--danger);background:#fff0f3;transform:translateY(-1px)}.group-card-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.group-card-progress small{color:var(--muted);white-space:nowrap;font-size:11px}.group-card-stats{flex-wrap:wrap;gap:7px;display:flex}.group-card-stats span{color:#67768c;text-overflow:ellipsis;white-space:nowrap;background:#eff4f7;border-radius:99px;max-width:160px;padding:5px 8px;font-size:10px;font-weight:740;overflow:hidden}.project-card-team{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:30px;display:flex}.project-card-team .avatar-stack{flex:none;justify-content:flex-end}.project-card-owner{align-items:center;gap:7px;min-width:0;display:flex}.project-card-owner>span{color:#65758a;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:11px;font-weight:700;overflow:hidden}.simple-page-heading{padding:28px 30px}.simple-page-heading h1{margin:0;font-size:30px}.simple-page-heading p{color:var(--text-2);margin:10px 0 0}.members-page-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.members-page-heading>div{min-width:0}.members-page-heading>.primary-button{flex:none}.member-progress-list{gap:12px;display:grid}.member-progress-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 7px 20px #2d485b0d}.member-progress-card.open{border-color:#bce7ea}.member-progress-head{text-align:left;background:#fff;border:0;align-items:center;gap:12px;width:100%;min-height:80px;padding:14px 18px;display:flex}.member-progress-head.static{cursor:default}.member-progress-head>span:nth-child(2){flex-direction:column;min-width:150px;display:flex}.member-progress-head strong{font-size:14px}.member-progress-head small{color:var(--muted);font-size:10px}.member-inline-stats{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;margin-left:auto;display:grid}.member-inline-stats span{color:#8793a5;background:#f5f8fa;border-radius:11px;align-items:baseline;gap:4px;padding:7px 10px;font-size:10px;display:flex}.member-inline-stats b{color:var(--text);font-size:14px}.danger{color:var(--danger)!important}.member-progress-body{border-top:1px solid var(--line);background:#fbfdfe;padding:18px}.member-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px;display:grid}.member-stat-grid>span{background:#f0f5f7;border-radius:15px;flex-direction:column;justify-content:center;min-height:72px;padding:13px;display:flex}.member-stat-grid b{font-size:21px}.member-stat-grid small{color:var(--muted)}.member-task-preview{gap:6px;margin-top:15px;display:grid}.member-task-preview>span,.member-task-preview>button{text-align:left;background:#f3f7f9;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;padding:0 12px;font-size:11px;display:grid}.member-task-preview i{border-radius:50%;width:7px;height:7px}.member-task-preview small{color:var(--muted);font-size:9px}.member-project-overview{gap:10px;margin-top:15px;display:grid}.group-hero{grid-template-columns:auto minmax(0,1fr) minmax(210px,310px);align-items:center;gap:24px;display:grid}.group-hero-icon{background:color-mix(in srgb, currentColor 9%, white);width:68px;height:68px;box-shadow:var(--shadow-sm);border:1px solid #fffc;border-radius:23px;justify-content:center;align-items:center;display:flex}.group-hero h1{font-size:38px}.group-hero-progress{grid-template-rows:auto 1fr auto auto;align-content:center;align-self:stretch}.group-hero-progress .icon-button{justify-self:end}.section-tabs{align-items:center;gap:5px;display:flex}.section-tabs>button,.section-tabs>span{color:#728096;background:0 0;border:0;border-radius:11px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-weight:720;display:inline-flex}.section-tabs>button.selected{color:#079aaa;box-shadow:inset 0 -2px 0 var(--accent);background:#e4f9fa}.section-tabs small{background:#e9eff3;border-radius:99px;justify-content:center;align-items:center;min-width:19px;height:19px;font-size:9px;display:inline-flex}.section-tabs.page-tabs{width:-moz-fit-content;width:fit-content}.group-projects-panel{padding:0 16px 18px}.group-projects-panel .surface-heading{padding-left:0;padding-right:0}.group-member-panel{min-height:360px;padding:0 16px 18px}.group-member-panel .surface-heading{padding-left:0;padding-right:0}.group-member-panel .surface-heading>span{color:#7c899c;font-size:11px;font-weight:760}.group-member-list{gap:11px;display:grid}.group-member-card{background:linear-gradient(#fff,#fbfeff);border:1px solid #08afbd26;border-radius:19px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.group-member-card.open{border-color:#08afbd47;box-shadow:0 12px 28px #24495d0f}.group-member-summary{width:100%;min-height:78px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(150px,1fr) auto 20px;align-items:center;gap:12px;padding:13px 14px;display:grid}.group-member-summary:hover{background:#08afbd0a}.group-member-copy{min-width:0}.group-member-copy strong,.group-member-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.group-member-copy strong{font-size:14px}.group-member-copy small{color:#7e8c9f;margin-top:5px;font-size:10px}.group-member-chips{align-items:center;gap:6px;display:flex}.group-member-chips i{color:#64748a;white-space:nowrap;background:#eef3f6;border-radius:99px;align-items:center;min-height:25px;padding:0 8px;font-size:9px;font-style:normal;font-weight:730;display:inline-flex}.group-member-chips i.danger{color:#d94965;background:#fff0f3}.group-member-summary>svg{color:#8d9aac;transition:transform .16s}.group-member-card.open .group-member-summary>svg{transform:rotate(90deg)}.group-member-detail{gap:10px;padding:0 14px 14px 72px;animation:.15s both fadeIn;display:grid}.group-member-project{background:#fff;border:1px solid #e4ecef;border-radius:16px;overflow:hidden}.group-member-project-head{width:100%;min-height:60px;color:inherit;text-align:left;background:#fbfdfe;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.group-member-project-head:hover{background:#f0fafb}.group-member-project-head>span:not(.project-icon){min-width:0}.group-member-project-head strong,.group-member-project-head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.group-member-project-head strong{font-size:12px}.group-member-project-head small{color:#8a97aa;margin-top:3px;font-size:9px}.group-member-project-head b{color:#68778c;white-space:nowrap;background:#edf3f6;border-radius:99px;align-items:center;min-height:24px;padding:0 8px;font-size:9px;display:inline-flex}.group-member-project-head>svg{color:#96a3b4}.group-member-task-list{gap:5px;padding:7px 9px 9px;display:grid}.group-member-task-list>button{color:#425269;text-align:left;background:#f7fafb;border:0;border-radius:10px;grid-template-columns:72px minmax(0,1fr) 84px;align-items:center;gap:9px;min-height:38px;padding:5px 9px;display:grid}.group-member-task-list>button:hover{background:#edf8f9}.group-member-task-list>button>span{border:1px solid;border-radius:99px;justify-content:center;align-items:center;min-height:22px;padding:0 7px;font-size:8px;font-weight:750;display:inline-flex}.group-member-task-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.group-member-task-list small{color:#8996a8;text-align:right;font-size:9px}.group-member-task-list small.danger{color:var(--danger)}.group-member-project>p{color:#8c99aa;background:#f8fbfc;margin:0;padding:12px;font-size:10px}.project-hero{grid-template-columns:auto minmax(0,1fr) minmax(210px,300px);align-items:center;gap:24px;min-height:166px;display:grid}.project-hero-copy{overflow-wrap:anywhere;min-width:0}.project-hero-copy h1{font-size:34px}.project-hero-members{color:#718096;align-items:center;gap:10px;margin-top:15px;font-size:11px;display:flex}.project-hero-members>span:not(.avatar-stack){border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;min-height:30px;padding:0 10px;display:inline-flex}.project-toolbar{flex-wrap:wrap;align-items:center;gap:14px;min-height:58px;display:flex}.project-tabs{align-items:center;min-width:0;display:flex}.project-tabs button,.project-member-tab{color:#76859a;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;min-height:44px;padding:0 13px;font-weight:730;display:inline-flex}.project-tabs button.selected{color:#069baa;border-bottom-color:var(--accent)}.my-project-tabs{width:-moz-fit-content;width:fit-content;max-width:100%;margin:-3px 2px 0}.my-project-tabs button b{color:#728096;background:#eef3f6;border-radius:99px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:9px;display:inline-flex}.my-project-tabs button.selected b{color:#078c9a;background:#e2f8fa}.simple-empty-panel{padding:34px}.project-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.project-toolbar-actions>button{white-space:nowrap;flex-shrink:0}.project-filter-button.active,.project-filter-button[aria-expanded=true]{color:#058d9c;background:#effbfc;border-color:#9fdfe4}.project-filter-panel{z-index:8;border:1px solid var(--line);background:#fffffff5;border-radius:18px;grid-template-columns:minmax(190px,1.35fr) repeat(5,minmax(118px,.82fr));gap:10px;padding:14px;animation:.15s both popIn;display:grid;position:relative;box-shadow:0 16px 38px #2a485b1a}.project-filter-panel label{gap:6px;min-width:0;display:grid}.project-filter-panel label>span{color:#7e8ca0;padding-left:2px;font-size:10px;font-weight:780}.project-filter-panel input,.project-filter-panel select{border:1px solid var(--line-strong);color:#405069;width:100%;min-width:0;height:40px;font:inherit;background:#f9fbfc;border-radius:12px;outline:0;padding:0 11px;font-size:11px}.project-filter-panel input:focus,.project-filter-panel select:focus{background:#fff;border-color:#91dbe1;box-shadow:0 0 0 3px #08afbd14}.project-filter-clear{color:#68768a;background:#f0f4f6;border:0;border-radius:12px;align-self:end;min-height:40px;padding:0 12px;font-size:11px;font-weight:760}.project-member-overview{border:1px solid var(--line);min-height:360px;box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;padding:18px}.project-member-overview>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding:2px 2px 16px;display:flex}.project-member-overview>header h2{margin:3px 0 5px;font-size:20px}.project-member-overview>header p{color:#7b899d;margin:0;font-size:11px}.project-member-overview>header>span{color:#758398;white-space:nowrap;background:#f0f4f6;border-radius:99px;align-items:center;min-height:28px;padding:0 10px;font-size:10px;font-weight:760;display:inline-flex}.project-member-overview-list{gap:10px;padding-top:12px;display:grid}.project-member-overview-card{background:#fbfdfe;border:1px solid #e3ebef;border-radius:17px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.project-member-overview-card.expanded{background:#fff;border-color:#b7e3e7;box-shadow:0 10px 26px #294c6012}.project-member-summary{width:100%;min-height:70px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(180px,1fr) minmax(240px,320px) auto;align-items:center;gap:13px;padding:11px 14px;display:grid}.project-member-summary:hover{background:#08afbd09}.project-member-person{align-items:center;gap:12px;min-width:0;display:flex}.project-member-name{min-width:0}.project-member-name strong,.project-member-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-member-name strong{font-size:13px}.project-member-name small,.project-member-metric small{color:#8996a8;margin-top:3px;font-size:9px}.project-member-metric{background:#f1f5f7;border-radius:11px;flex-direction:column;min-width:0;padding:7px 9px;display:flex}.project-member-metrics{grid-template-columns:repeat(3,minmax(68px,1fr));gap:8px;min-width:0;display:grid}.project-member-metric b{font-size:13px}.project-member-metric.danger{color:#db4765;background:#fff0f3}.project-member-summary>svg{color:#8996a8;transition:transform .16s}.project-member-overview-card.expanded .project-member-summary>svg{transform:rotate(90deg)}.project-member-task-list{gap:5px;padding:0 14px 14px 72px;animation:.15s both fadeIn;display:grid}.project-member-task-list>button{color:#405069;text-align:left;background:#f7fafb;border:0;border-radius:11px;grid-template-columns:76px minmax(0,1fr) 92px;align-items:center;gap:10px;min-height:40px;padding:6px 10px;display:grid}.project-member-task-list>button:hover{background:#eef8f9}.project-member-task-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.project-member-task-list small{color:#8a98aa;text-align:right;font-size:9px}.project-member-task-list small.danger{color:var(--danger)}.project-member-task-status{white-space:nowrap;border:1px solid;border-radius:99px;justify-content:center;align-items:center;min-height:23px;padding:0 8px;font-size:9px;font-weight:760;display:inline-flex}.project-member-task-list>p{color:#8d9aac;background:#f5f8fa;border-radius:11px;margin:0;padding:14px;font-size:11px}.project-list-view{min-width:0}.task-table-header{border:1px solid var(--line);color:#8a98ab;background:#fff;border-radius:16px;grid-template-columns:minmax(270px,1fr) 100px 112px 120px 150px 78px;align-items:center;min-width:820px;height:46px;padding:0 14px;font-size:10px;font-weight:780;display:grid}.task-group-list{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:820px;margin-top:10px;position:relative;overflow:visible;box-shadow:0 8px 22px #2b485d0d}.task-group-title{text-align:left;background:#f0f5f7;border:0;border-radius:20px 20px 0 0;align-items:center;gap:9px;width:100%;min-height:50px;padding:0 14px;display:flex}.task-group-title[draggable=true],.task-row[draggable=true],.board-column>header[draggable=true],.board-task-card[draggable=true]{cursor:grab}.task-group-title[draggable=true]:active,.task-row[draggable=true]:active,.board-column>header[draggable=true]:active,.board-task-card[draggable=true]:active{cursor:grabbing}.task-group-title>i{border-radius:50%;width:9px;height:9px}.task-group-title small{color:#78869a;background:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:9px;display:inline-flex}.task-group-title>span{color:#a0aabb;margin-left:auto;font-size:9px}.task-group-title .task-group-edit{flex:none;margin-left:2px}.task-table{min-width:0}.task-row{background:#fff;border-bottom:1px solid #edf1f4;grid-template-columns:34px minmax(236px,1fr) 100px 112px 120px 150px 78px;align-items:center;gap:0;min-width:0;min-height:54px;padding:0 14px;transition:background .14s;display:grid;position:relative}.project-detail-view .dragging{opacity:.44}.task-group-list.drop-before:before,.task-group-list.drop-after:after,.task-row.drop-before:before,.task-row.drop-after:after,.board-task-card.drop-before:before,.board-task-card.drop-after:after{content:"";z-index:6;background:var(--accent);pointer-events:none;border-radius:99px;height:4px;position:absolute;left:8px;right:8px;box-shadow:0 0 0 4px #08afbd1f}.task-group-list.drop-before:before,.task-row.drop-before:before,.board-task-card.drop-before:before{top:-4px}.task-group-list.drop-after:after,.task-row.drop-after:after,.board-task-card.drop-after:after{bottom:-4px}.task-row:hover{background:#f8fcfd}.task-row:last-child{border-bottom:0}.task-row-compact{border-radius:13px;grid-template-columns:36px minmax(170px,1fr) 88px 100px 105px 92px 54px;min-height:64px;padding:0 9px}.task-check{color:#fff;background:#fff;border:1.5px solid #aebbd0;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.task-check:hover{border-color:var(--accent);transform:scale(1.04)}.task-check.completed{border-color:var(--success);background:var(--success);box-shadow:0 0 0 5px #11a98517}.task-title-cell{min-width:0;padding-right:12px}.task-title-preview-zone{min-width:0;overflow:hidden}.task-title-cell strong,.task-title-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.task-title-cell strong{font-size:12px}.task-title-cell span{color:var(--muted);margin-top:4px;font-size:9px}.task-hover-preview{z-index:4500;color:#263247;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#fffffff7;border:1px solid #ccdde5f2;border-radius:15px;max-height:210px;padding:14px 15px;animation:.12s both popIn;position:fixed;overflow:hidden;box-shadow:0 18px 44px #1f37492b}.task-hover-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5;display:block;overflow:hidden}.task-hover-preview p{color:#68768a;white-space:pre-line;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:8px 0 0;font-size:11px;line-height:1.65;display:-webkit-box;overflow:hidden}.task-hover-preview p.muted{color:#9aa7b5}.task-quick-field{min-width:0;padding-right:8px}.task-quick-button{border:1px solid var(--line-strong);color:#64748a;white-space:nowrap;background:#f8fafb;border-radius:11px;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;max-width:116px;height:31px;padding:0 9px;font-size:10px;font-weight:740;line-height:1;transition:border-color .16s,background .16s,box-shadow .16s;display:inline-flex;overflow:hidden}.task-quick-button:hover,.task-quick-button[aria-expanded=true]{background:#fff;border-color:#94dce2;box-shadow:0 4px 14px #1a606f14}.task-quick-button>i{border-radius:50%;flex:none;width:7px;height:7px}.task-quick-button>span:not(:-webkit-any(.avatar,.quick-unassigned-icon)){text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.task-quick-button>span:not(:is(.avatar,.quick-unassigned-icon)){text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.task-quick-button>svg{flex:none}.task-quick-button.status-done{color:#078c70;background:#effbf7;border-color:#9adfce}.task-quick-button.status-doing{color:#426ee6;background:#f3f6ff;border-color:#b8cafb}.task-quick-button.status-review,.task-quick-button.priority-high{color:#c97818;background:#fff8ef;border-color:#f2d0a2}.task-quick-button.priority-urgent{color:#d94263;background:#fff4f6;border-color:#f6becb}.quick-select{border:1px solid var(--line-strong);color:#68778c;background:#f6f9fa;border-radius:10px;outline:0;width:100%;max-width:96px;height:31px;padding:0 22px 0 10px;font-size:10px;font-weight:740}.quick-select:focus{border-color:#95dbe0;box-shadow:0 0 0 3px #08afbd14}.task-date{align-items:center;min-width:0;height:34px;padding-right:8px;display:flex;position:relative}.task-date .task-quick-button{max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.task-date .task-quick-button span{pointer-events:auto}.task-date .task-quick-button.overdue{color:var(--danger)!important}.task-date input{opacity:0;width:calc(100% - 8px);position:absolute;top:0;bottom:0;left:0;right:8px}.task-date span{color:#6b798d;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:10px;overflow:hidden}.task-date.overdue span,.overdue{color:var(--danger)!important}.task-assignees{min-width:0;overflow:hidden}.task-assignees .quick-assignee-button{max-width:142px;padding-left:5px}.quick-assignee-button .avatar{flex:none}.quick-assignee-button>b{color:#607086;background:#eaf0f4;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.quick-unassigned-icon{color:#91a0b2;background:#e9eff3;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.task-floating-popover{z-index:520;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #d0dce4f5;border-radius:15px;padding:7px;animation:.15s both task-popover-in;position:fixed;box-shadow:0 18px 42px #1b374829,0 3px 12px #1b374814}@keyframes task-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.task-floating-popover[data-placement=top]{transform-origin:0 100%}.task-floating-popover[data-placement=bottom]{transform-origin:0 0}.task-choice-popover [role=listbox],.task-assignee-popover [role=listbox]{gap:3px;display:grid}.task-choice-popover [role=listbox]>button,.task-assignee-popover [role=listbox]>button{color:#526176;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:38px;padding:5px 9px;font-size:11px;font-weight:690;display:grid}.task-choice-popover [role=listbox]>button:hover,.task-choice-popover [role=listbox]>button.selected,.task-assignee-popover [role=listbox]>button:hover,.task-assignee-popover [role=listbox]>button.selected{color:#087f8c;background:#edf9fa}.task-choice-popover [role=listbox]>button>i{border-radius:50%;width:8px;height:8px}.task-choice-popover [role=listbox]>button>span,.task-assignee-popover [role=listbox]>button>span:not(:-webkit-any(.avatar,.quick-unassigned-icon)){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-choice-popover [role=listbox]>button>span,.task-assignee-popover [role=listbox]>button>span:not(:is(.avatar,.quick-unassigned-icon)){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-assignee-popover>header{gap:2px;padding:6px 8px 9px;display:grid}.task-assignee-popover>header strong{font-size:12px}.task-assignee-popover>header small{color:var(--muted);font-size:9px}.task-assignee-popover>footer{border-top:1px solid var(--line);margin-top:6px;padding:7px 2px 1px}.task-assignee-popover>footer button{color:#fff;background:var(--accent);border:0;border-radius:10px;width:100%;min-height:34px;font-size:11px;font-weight:760}.task-calendar-popover{width:292px;padding:11px}.task-calendar-popover>header{grid-template-columns:34px 1fr 34px;align-items:center;height:34px;display:grid}.task-calendar-popover>header button{color:#68788d;background:#f3f7f9;border:0;border-radius:10px;place-items:center;width:31px;height:31px;padding:0;display:grid}.task-calendar-popover>header strong{text-align:center;font-size:12px}.task-calendar-weekdays,.task-calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.task-calendar-weekdays{margin:6px 0 3px}.task-calendar-weekdays span{color:#92a0b1;place-items:center;height:24px;font-size:9px;font-weight:720;display:grid}.task-calendar-grid{gap:3px}.task-calendar-grid button{aspect-ratio:1;color:#3f5065;background:0 0;border:1px solid #0000;border-radius:9px;padding:0;font-size:10px;font-weight:720}.task-calendar-grid button:hover{background:#f0fbfb;border-color:#a6e2e6}.task-calendar-grid button.outside{color:#c6d0d9}.task-calendar-grid button.today{color:#0792a0;background:#eafafb}.task-calendar-grid button.selected{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 4px 12px #08afbd33}.task-calendar-popover>footer{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.task-calendar-popover>footer button{color:#078b98;background:#edf9fa;border:0;border-radius:10px;min-height:32px;padding:0;font-size:10px;font-weight:740}.task-calendar-popover>footer button.muted{color:#718096;background:#f2f5f7}.unassigned{color:#9ba6b5;font-size:10px}.task-row-actions{justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex}.comment-count{color:#8290a4;align-items:center;gap:3px;font-size:9px;display:inline-flex}.inline-add-task{border:0;border-top:1px solid var(--line);color:#8b98aa;background:#fff;border-radius:0 0 20px 20px;align-items:center;gap:7px;width:100%;min-height:46px;padding:0 16px;font-size:11px;font-weight:700;display:flex}.inline-add-task:hover{color:var(--accent);background:#f6fbfc}.inline-task-creator{border-top:1px solid var(--line);background:#f8fcfd;border-radius:0 0 20px 20px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:grid;position:relative}.inline-task-creator input{background:#fff;border:1px solid #a9dde1;border-radius:11px;outline:0;width:100%;height:38px;padding:0 12px;box-shadow:0 0 0 3px #08afbd12}.inline-task-creator .primary-button{min-height:38px;padding:0 15px}.inline-task-creator>small{color:var(--danger);grid-column:1/-1;font-size:10px}.list-new-group{color:#8795a8;background:0 0;border:1px dashed #0000;border-radius:15px;align-items:center;gap:7px;min-height:48px;margin:10px 4px 0;padding:0 14px;font-size:11px;font-weight:720;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.list-new-group:hover{color:var(--accent-strong);background:#ffffffad;border-color:#b9e3e6}.inline-task-group-creator{background:#fffffff5;border:1px solid #b9e4e7;border-radius:17px;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:10px;width:min(560px,100% - 8px);min-height:82px;margin:10px 4px 0;padding:11px 12px;display:grid;box-shadow:0 12px 30px #1f485a17}.inline-task-group-creator>label{color:#748399;gap:5px;min-width:0;font-size:9px;font-weight:760;display:grid}.inline-task-group-creator input{width:100%;height:38px;color:var(--text);background:#fff;border:1px solid #acdfe3;border-radius:11px;outline:0;padding:0 12px;box-shadow:0 0 0 3px #08afbd12}.inline-group-colors{align-items:center;gap:5px;min-height:38px;display:flex}.inline-group-colors>button{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:box-shadow .14s,transform .14s;display:inline-flex;box-shadow:0 0 0 1px #6f849738}.inline-group-colors>button:hover,.inline-group-colors>button.selected{transform:scale(1.06);box-shadow:0 0 0 2px #fff,0 0 0 4px #08afbd47}.inline-group-actions{align-items:center;gap:5px;display:flex}.inline-group-actions .primary-button{min-height:38px;padding:0 15px}.inline-task-group-creator>small{color:var(--danger);grid-column:1/-1;font-size:10px}.task-drop-end{border-radius:99px;min-height:5px;transition:min-height .12s,margin .12s,background .12s;position:relative}.task-drop-end.active{background:#08afbd21;min-height:15px;margin:3px 9px}.task-drop-end.active:after{content:"";background:var(--accent);border-radius:99px;height:3px;position:absolute;top:6px;left:0;right:0}.board-view{scroll-snap-type:x proximity;align-items:stretch;gap:14px;min-height:calc(100dvh - 330px);padding-bottom:12px;display:flex;overflow-x:auto}.board-column,.board-new-column{border:1px solid var(--line);scroll-snap-align:start;background:#edf3f6;border-radius:21px;width:min(340px,78vw);min-width:min(340px,78vw)}.board-column{padding:12px;position:relative}.board-column.drop-before:before,.board-column.drop-after:after{content:"";z-index:7;background:var(--accent);border-radius:99px;width:4px;position:absolute;top:10px;bottom:10px;box-shadow:0 0 0 4px #08afbd1f}.board-column.drop-before:before{left:-9px}.board-column.drop-after:after{right:-9px}.board-column>header{align-items:center;gap:8px;min-height:38px;padding:0 4px;display:flex}.board-column>header i{border-radius:50%;width:9px;height:9px}.board-column>header strong{font-size:13px}.board-column>header small{color:#7a889a;background:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:23px;height:23px;margin-left:auto;font-size:9px;display:flex}.board-column>header .icon-button{flex:none;width:29px;height:29px}.board-add{color:#8290a3;background:#ffffff73;border:1px dashed #c9d7df;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;margin:3px 0 9px;font-size:11px;font-weight:700;display:flex}.board-inline-creator{border:1px solid #b7dfe2;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;min-height:0;margin:3px 0 9px;padding:7px}.board-inline-creator .icon-button{display:none}.board-inline-creator input{height:36px}.board-inline-creator .primary-button{min-height:36px;padding:0 11px}.board-cards{gap:9px;display:grid}.board-task-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:14px;position:relative;box-shadow:0 5px 14px #2946590d}.board-task-badges .quick-select{width:auto;max-width:112px;height:29px}.board-task-card:hover{border-color:#b8e0e4}.board-task-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;display:grid}.board-task-top strong{font-size:12px;line-height:1.5}.board-task-badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.board-task-card>p{color:#78869a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 0;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.board-task-card footer{justify-content:space-between;align-items:center;min-height:30px;margin-top:12px;display:flex}.board-task-card footer>span:first-child,.board-date-quick{color:#8491a4;font-size:9px}.board-date-quick{background:#f4f7f9;border-radius:8px;align-items:center;min-height:28px;padding:0 8px;display:inline-flex;position:relative;overflow:hidden}.board-date-quick input{opacity:0;cursor:pointer;width:100%;position:absolute;top:0;bottom:0;left:0;right:0}.board-date-quick span{pointer-events:none}.board-new-column{color:#8895a8;border-style:dashed;justify-content:center;align-items:center;gap:7px;min-height:150px;font-size:12px;font-weight:730;display:flex}.board-inline-group-creator{scroll-snap-align:start;border-style:solid;grid-template-columns:1fr;align-content:start;align-items:stretch;width:min(340px,78vw);min-width:min(340px,78vw);min-height:190px;margin:0;padding:16px}.board-inline-group-creator .inline-group-colors{flex-wrap:wrap}.board-inline-group-creator .inline-group-actions{justify-content:flex-end}.calendar-view{border:1px solid var(--line);min-width:720px;box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;overflow:hidden}.calendar-view>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:0 16px;display:flex}.calendar-view>header strong{font-size:17px}.calendar-today{min-height:36px;margin-left:auto}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{border-bottom:1px solid var(--line);color:#7b899e;text-align:center;align-items:center;height:36px;font-size:10px;font-weight:740}.calendar-grid>article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:130px;padding:7px}.calendar-grid>article:nth-child(7n){border-right:0}.calendar-grid>article.outside{background:#fafcfd}.calendar-grid>article.outside>header>span{color:#c1c9d3}.calendar-grid>article.today{background:#f5fcfd}.calendar-grid>article>header{justify-content:space-between;align-items:center;height:27px;display:flex}.calendar-grid>article>header>span{color:#66758b;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:720;display:flex}.calendar-grid>article.today>header>span{color:#fff;background:var(--accent)}.calendar-grid>article>header button{color:#7ecfd4;opacity:0;background:#effafb;border:0;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.calendar-grid>article:hover>header button,.calendar-grid>article>header button:focus{opacity:1}.calendar-grid>article>div{gap:4px;display:grid}.calendar-grid>article>div button{text-align:left;background:#f0f5f7;border:0;border-radius:7px;align-items:center;gap:6px;min-width:0;min-height:27px;padding:0 7px;display:flex}.calendar-grid>article>div i{border-radius:50%;flex:none;width:6px;height:6px}.calendar-grid>article>div span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.calendar-grid>article>div .calendar-task{border:0;border-left:3px solid var(--accent);background:#f0f5f7;border-radius:8px;grid-template-columns:18px minmax(0,1fr) 20px;align-items:center;gap:4px;min-width:0;min-height:29px;padding:0 4px;transition:background .14s,opacity .14s;display:grid}.calendar-grid>article>div .calendar-task:hover{background:#e8f5f7}.calendar-grid>article>div .calendar-task.done{opacity:.68}.calendar-grid>article>div .calendar-task button{background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0}.calendar-grid>article>div .calendar-task-check{color:#fff;border:1px solid #9aabc0;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.calendar-grid>article>div .calendar-task-check:hover{border-color:var(--success);color:var(--success);background:#e8f8f3}.calendar-grid>article>div .calendar-task-check.checked{border-color:var(--success);color:#fff;background:var(--success)}.calendar-grid>article>div .calendar-task-open{text-align:left;align-items:center;min-width:0;height:27px;display:flex}.calendar-grid>article>div .calendar-task-open span{display:block}.calendar-grid>article>div .calendar-task-archive{color:#93a1b1;opacity:0;place-items:center;width:20px;height:20px;transition:color .14s,opacity .14s;display:grid}.calendar-task:hover .calendar-task-archive,.calendar-task:focus-within .calendar-task-archive{opacity:1}.calendar-grid>article>div .calendar-task-archive:hover{color:var(--danger)}.modal-layer{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1520325e;justify-content:center;align-items:center;padding:24px;animation:.15s modal-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes modal-fade{0%{opacity:0}}.modal-card{background:#fff;border:1px solid #ffffffd9;border-radius:25px;flex-direction:column;width:min(600px,100%);max-height:min(880px,100dvh - 48px);animation:.18s modal-pop;display:flex;overflow:hidden;box-shadow:0 28px 90px #14273647}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px)scale(.98)}}.modal-wide{width:min(1120px,100%)}.image-crop-modal{width:min(540px,100%)}.image-crop-layout{justify-items:center;gap:16px;display:grid}.image-crop-stage{aspect-ratio:1;background:linear-gradient(45deg,#eef3f5 25%,#0000 25%) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#eef3f5 75%) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#eef3f5 75%) 11px -11px/22px 22px,linear-gradient(45deg,#eef3f5 25%,#fff 25%) 11px -11px/22px 22px;border-radius:26px;width:min(320px,76vw);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #415f731f}.image-crop-stage.round{border-radius:50%}.image-crop-stage>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform 80ms linear,object-position 80ms linear}.image-crop-mask{border-radius:inherit;pointer-events:none;border:2px solid #fffffff2;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #153a4e2e,inset 0 0 45px #122b3b14}.image-crop-hint{color:var(--text-2);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.image-crop-controls{border:1px solid var(--line);background:#f8fbfc;border-radius:17px;gap:13px;width:100%;padding:15px;display:grid}.image-crop-controls label{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;display:grid}.image-crop-controls label>span{color:#65758b;align-items:center;gap:5px;font-size:11px;font-weight:740;display:inline-flex}.image-crop-controls input[type=range]{width:100%;accent-color:var(--accent)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;padding:0 20px 0 24px;display:flex}.modal-header h2{margin:0;font-size:19px}.modal-body{min-height:0;padding:20px 24px;overflow:auto}.modal-footer{border-top:1px solid var(--line);background:#fbfdfe;justify-content:flex-end;align-items:center;gap:10px;min-height:72px;padding:12px 20px;display:flex}.footer-error{margin-right:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-stack{gap:16px;display:grid}.form-danger-confirm{color:#8d3040;background:#fff6f7;border:1px solid #ffd2d9;border-radius:15px;padding:16px}.form-danger-confirm strong{font-size:14px;display:block}.form-danger-confirm p{color:#855967;margin:7px 0 14px;font-size:11px;line-height:1.6}.form-danger-confirm>div{justify-content:flex-end;gap:8px;display:flex}.form-danger-confirm .secondary-button,.form-danger-confirm .danger-button{min-height:38px;padding:0 13px}.form-span{grid-column:1/-1}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field legend{color:#5f6f86;padding:0;font-size:12px;font-weight:780}.field input,.field select,.field textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#fbfdfe;border-radius:13px;outline:0}.field input,.field select{height:45px;padding:0 13px}.field textarea{padding:12px 13px;line-height:1.65}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#78d4da;box-shadow:0 0 0 4px #08afbd14}.field-prominent{background:#f2fcfd;border:1px solid #a7e2e6;border-radius:17px;padding:13px}.field-prominent input{background:#fff;border-color:#7bd8de;height:50px;font-size:17px;font-weight:760}.field-help{color:var(--muted);margin:-2px 0 3px;font-size:11px;line-height:1.55}.workspace-modal .modal-body{min-height:430px}.modal-tabs{background:#f1f5f7;border-radius:14px;gap:4px;padding:5px;display:inline-flex}.modal-tabs button{color:#65748a;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:12px;font-weight:760;display:inline-flex}.modal-tabs button.selected{color:#078f9b;background:#fff;box-shadow:0 4px 14px #20404e17}.workspace-error{background:#fff3f5;border-radius:10px;margin:14px 0 0;padding:10px 12px}.workspace-message{background:#f0fbf7;border:1px solid #bfe8dd;border-radius:10px;margin:14px 0 0;padding:10px 12px}.workspace-management{gap:14px;margin-top:18px;display:grid}.workspace-create-box{background:linear-gradient(135deg,#f7fdfd,#eefafb);border:1px solid #cbe8eb;border-radius:18px;grid-template-columns:auto minmax(180px,.55fr) minmax(260px,1fr);align-items:center;gap:13px;min-width:0;padding:15px;display:grid}.workspace-create-icon{width:44px;height:44px;color:var(--accent);background:#fff;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 6px 18px #1f5a6714}.workspace-create-box>div:not(.workspace-create-row){gap:4px;min-width:0;display:grid}.workspace-create-box small{color:var(--muted);font-size:11px}.workspace-create-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;min-width:0;display:grid}.workspace-create-row input,.workspace-inline-editor input,.workspace-delete-confirm input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:0 13px}.workspace-create-row input:focus,.workspace-inline-editor input:focus,.workspace-delete-confirm input:focus{border-color:#7cd6dc;box-shadow:0 0 0 3px #08afbd1a}.workspace-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workspace-choice-card{border:1px solid var(--line);background:#fff;border-radius:17px;min-width:0;min-height:78px;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden}.workspace-choice-card:hover{box-shadow:var(--shadow-sm);border-color:#9ddde1;transform:translateY(-1px)}.workspace-choice-card.selected{background:#f1fbfc;border-color:#9edfe3}.workspace-choice-main{width:100%;min-height:78px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:13px 78px 13px 13px;display:flex}.workspace-choice-main:disabled{opacity:1}.workspace-choice-icon,.join-workspace-icon,.backup-panel-icon{width:44px;min-width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.workspace-choice-copy{flex:1;gap:4px;min-width:0;display:grid}.workspace-choice-list strong,.workspace-choice-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-choice-list small{color:var(--muted);font-size:11px}.workspace-choice-actions{align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.workspace-choice-actions button{color:#718197;background:#f3f7f9;border:0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.workspace-choice-actions button:hover:not(:disabled){color:var(--accent-strong);background:#e6f7f8}.workspace-choice-actions button.danger-text:hover:not(:disabled){color:var(--danger);background:#fff0f3}.workspace-current{color:#078f9b;align-items:center;gap:4px;font-size:11px;font-weight:760;display:inline-flex}.workspace-inline-editor,.workspace-delete-confirm{gap:10px;min-height:108px;padding:13px;display:grid}.workspace-inline-editor label,.workspace-delete-confirm>div{gap:5px;min-width:0;display:grid}.workspace-inline-editor label>span{color:var(--text-2);font-size:11px;font-weight:760}.workspace-delete-confirm{background:#fffafb}.workspace-delete-confirm small{color:#9a6170;white-space:normal;line-height:1.55}.workspace-inline-actions{justify-content:flex-end;gap:8px;display:flex}.workspace-inline-actions>button:not(.primary-button):not(.danger-button){min-height:36px;color:var(--text-2);background:#edf3f5;border:0;border-radius:10px;padding:0 12px;font-weight:720}.workspace-inline-actions .primary-button,.workspace-inline-actions .danger-button{min-height:36px;padding:0 13px}.invitation-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;margin-top:18px;display:grid}.invitation-create-panel,.invitation-history-panel,.join-workspace-panel{border:1px solid var(--line);background:#fbfdfe;border-radius:19px;min-width:0;padding:20px}.compact-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.compact-heading h3,.join-workspace-panel h3{margin:3px 0 0;font-size:18px}.compact-heading p,.join-workspace-panel p{color:var(--text-2);margin:7px 0 0;font-size:12px;line-height:1.65}.invitation-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.direct-invitation-form{grid-template-columns:minmax(0,1.45fr) minmax(145px,.65fr);gap:11px;display:grid}.account-input{display:block;position:relative}.account-input>svg{z-index:1;color:#7b8da0;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.account-input>input{padding-left:39px}.direct-invitation-send{grid-column:1/-1;justify-content:center;min-height:44px}.invitation-divider{color:#8a99aa;justify-content:center;margin:22px 0 18px;font-size:10px;font-weight:760;display:flex;position:relative}.invitation-divider:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.invitation-divider>span{z-index:1;background:#fbfdfe;padding:0 10px}.link-invitation-heading{margin-bottom:14px}.invitation-generate{grid-column:1/-1;min-height:44px}.invitation-token-box{background:#effbfc;border:1px solid #bce7e9;border-radius:14px;gap:9px;margin-top:15px;padding:13px;display:grid}.invitation-token-box>span{color:#5e7084;font-size:11px;font-weight:760}.invitation-token-box code{overflow-wrap:anywhere;color:#16364b;-webkit-user-select:all;user-select:all;max-height:78px;font-size:12px;line-height:1.6;overflow:auto}.invitation-token-box .secondary-button{justify-self:start}.invitation-history-list{gap:8px;display:grid}.invitation-history-list article{background:#fff;border-radius:13px;align-items:center;gap:9px;min-width:0;min-height:62px;padding:10px;display:flex}.invitation-history-list article>div{flex:1;gap:4px;min-width:0;display:grid}.invitation-history-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.invitation-state{color:#64748b;white-space:nowrap;background:#edf2f5;border-radius:99px;padding:5px 7px;font-size:9px;font-weight:800}.invitation-state.state-active{color:#078c6c;background:#e9f9f4}.invitation-state.state-pending{color:#087f8a;background:#e9f8fa}.invitation-state.state-accepted{color:#078c6c;background:#e9f9f4}.invitation-state.state-rejected,.invitation-state.state-revoked{color:#8a6070;background:#f5eff2}.invitation-history-subhead{color:#52657a;justify-content:space-between;align-items:center;min-height:34px;margin-top:4px;font-size:11px;display:flex}.invitation-history-subhead small{color:#718397;background:#edf3f5;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:9px;font-weight:800;display:inline-flex}.link-history-subhead{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.direct-history-list .avatar{flex:none}.compact-empty{padding:14px 10px}.count-bubble{color:#62748a;background:#edf2f5;border-radius:50%;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:11px;font-weight:800;display:inline-flex}.text-button,.inline-confirm-actions button{color:var(--text-2);background:0 0;border:0;padding:5px;font-size:11px}.danger-text{color:var(--danger)!important}.inline-confirm-actions{gap:3px;display:inline-flex}.invitation-row-actions{justify-content:flex-end;align-items:center;gap:3px;display:inline-flex}.invitation-row-actions .text-button{white-space:nowrap;align-items:center;gap:4px;min-height:30px;display:inline-flex}.invitation-link-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.invitation-link-actions>small{color:#9c6875;text-align:right;width:100%}.inline-loading,.workspace-soft-empty{color:var(--muted);text-align:center;background:#fff;border-radius:13px;margin:0;padding:24px 14px;font-size:12px}.join-workspace-panel{grid-template-columns:auto 1fr;gap:6px 16px;max-width:680px;margin:18px auto 0;display:grid}.join-workspace-icon{grid-row:1/span 2}.join-workspace-panel>.primary-button{grid-column:1/-1;justify-self:end;min-height:44px;margin-top:12px}.backup-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.backup-panel{border:1px solid var(--line);background:#fbfdfe;border-radius:19px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:12px 14px;min-width:0;padding:20px;display:grid}.backup-import-panel{background:linear-gradient(145deg,#fbfefe,#f1fbfc);border-color:#c8e7e9}.backup-panel-heading{min-width:0}.backup-panel-heading h3{margin:0;font-size:18px}.backup-panel-heading p{color:var(--text-2);margin:7px 0 0;font-size:12px;line-height:1.7}.backup-primary-action,.backup-permission-note,.backup-selected-file,.backup-preview,.backup-result{grid-column:1/-1}.backup-primary-action{width:100%;min-height:44px}.backup-permission-note{color:#65778c;background:#eef4f6;border-radius:12px;margin:0;padding:11px 13px;font-size:11px;line-height:1.65}.backup-selected-file{color:#60758a;background:#fff;border:1px solid #d7e6eb;border-radius:13px;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex}.backup-selected-file>span{gap:3px;min-width:0;display:grid}.backup-selected-file strong,.backup-selected-file small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.backup-selected-file strong{color:var(--text);font-size:12px}.backup-selected-file small{color:var(--muted);font-size:10px}.backup-preview{background:#fff;border:1px solid #bfe5e8;border-radius:15px;gap:13px;padding:15px;display:grid}.backup-preview-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.backup-preview-heading h4{margin:0;font-size:17px}.backup-count-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.backup-count-grid>span{background:#f3f7f9;border-radius:12px;align-content:center;gap:3px;min-width:0;min-height:60px;padding:9px;display:grid}.backup-count-grid strong{font-size:17px}.backup-count-grid small{color:var(--muted);font-size:10px}.backup-user-select small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.55}.backup-import-button{width:100%;min-height:45px}.backup-result{background:#f0fbf7;border:1px solid #bce7dc;border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:14px;display:grid}.backup-result-icon{color:#078c6c;background:#d9f5eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.backup-result>div{gap:4px;min-width:0;display:grid}.backup-result small{color:#5d756e;font-size:10px;line-height:1.55}.backup-result>.primary-button,.backup-result>details{grid-column:1/-1}.backup-result>.primary-button{width:100%}.backup-result summary{color:#52746b;cursor:pointer;font-size:11px;font-weight:720}.backup-warning-list{color:#745e66;margin:9px 0 0;padding-left:18px;font-size:10px;line-height:1.65}.backup-progress{color:#34727a;background:#eaf8f9;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 13px;font-size:11px;font-weight:720;display:flex}.direct-invitation-modal{width:min(520px,100%)}.direct-invitation-modal .modal-body{gap:15px;display:grid}.direct-invitation-hero{text-align:center;background:radial-gradient(circle at 82% 12%,#0eb8c529,#0000 34%),linear-gradient(145deg,#f8fdfd,#eefafb);border:1px solid #c9eaec;border-radius:20px;padding:22px}.direct-invitation-icon{color:#079ba8;background:#ffffffdb;border-radius:19px;place-items:center;width:60px;height:60px;margin:0 auto 12px;display:grid;box-shadow:0 12px 30px #1368761f}.direct-invitation-hero h3{color:var(--text);margin:5px 0 0;font-size:21px}.direct-invitation-hero p{color:var(--text-2);margin:9px auto 0;font-size:12px;line-height:1.7}.direct-inviter{border:1px solid var(--line);background:#fbfdfe;border-radius:16px;align-items:center;gap:11px;min-height:68px;padding:12px 14px;display:flex}.direct-inviter>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.direct-inviter strong,.direct-inviter small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.direct-inviter small{color:var(--muted);font-size:10px}.direct-inviter>svg{color:var(--accent)}.direct-invitation-error{margin:0}.direct-invitation-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.inline-link{color:#079aaa;background:0 0;border:0;width:-moz-fit-content;width:fit-content;padding:0;font-size:11px;font-weight:740}.icon-choice-row,.color-choice-row,.segmented{flex-wrap:wrap;gap:8px;display:flex}.project-icon-editor{border:1px solid var(--line);background:#f8fbfc;border-radius:17px;align-items:center;gap:14px;margin-bottom:12px;padding:13px;display:flex}.project-icon-editor>div{gap:4px;min-width:0;display:grid}.project-icon-editor strong{font-size:13px}.project-icon-editor small{color:var(--muted);font-size:10px;line-height:1.5}.project-icon-upload-button{color:#078f9b;cursor:pointer;background:#effbfc;border:1px solid #a9e0e4;border-radius:10px;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;min-height:34px;margin-top:4px;padding:0 11px;font-size:11px;font-weight:740;display:inline-flex}.project-icon-upload-button:hover{background:#e4f9fa;border-color:#76d2d9}.project-icon-upload-button input{display:none}.icon-choice-row button{border:1px solid var(--line);color:#65748a;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:88px;min-height:45px;padding:0 12px;display:flex}.icon-choice-row button.selected{color:#079aaa;background:#ecfbfc;border-color:#85d9df}.color-choice-row button{border:3px solid #fff;border-radius:50%;width:25px;height:25px;padding:0;box-shadow:0 0 0 1px #cfdbe1}.color-choice-row button.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px}.segmented{background:#f0f5f7;border-radius:13px;padding:4px}.segmented button{color:#66758a;background:0 0;border:0;border-radius:10px;min-height:38px;padding:0 20px;font-weight:720}.segmented button.selected{color:#078d9b;background:#fff;box-shadow:0 4px 12px #2f485914}.member-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.member-choice-grid label{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:7px 10px;display:flex}.member-choice-grid label.selected{background:#f0fbfc;border-color:#9bdee2}.member-choice-grid input{opacity:0;position:absolute}.member-choice-grid label>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:720;overflow:hidden}.member-choice-grid small{color:var(--accent-strong);font-size:9px}.member-choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.task-modal{width:min(1320px,100%);height:min(900px,100dvh - 48px)}.task-modal .modal-body{flex:1;display:flex}.task-editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px;width:100%;min-height:100%;display:grid}.task-editor-main{flex-direction:column;gap:15px;min-width:0;display:flex}.description-field{flex:none}.description-field textarea{min-height:160px}.rich-editor{overflow-wrap:anywhere;border:1px solid var(--line);min-height:160px;color:var(--ink);background:#f8fafd;border-radius:18px;outline:none;padding:15px 16px;line-height:1.75}.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa7b3;pointer-events:none}.rich-editor:focus{background:#fff;border-color:#13bfd18c;box-shadow:0 0 0 4px #13bfd114}.rich-editor p{margin:0 0 10px}.rich-editor a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.rich-editor img{border:1px solid var(--line);cursor:pointer;-webkit-user-select:all;user-select:all;-webkit-user-drag:auto;border-radius:12px;max-width:100%;height:auto;margin:12px 0;display:block}.rich-editor img.rich-editor-image-selected{outline-offset:3px;outline:3px solid #13bfd16b;box-shadow:0 12px 30px #13bfd124}.rich-image-menu{z-index:4300;top:var(--rich-menu-top);left:var(--rich-menu-left);background:#fffffffa;border:1px solid #cfd9e6e6;border-radius:16px;gap:3px;width:184px;padding:7px;animation:.15s both task-popover-in;display:grid;position:fixed;box-shadow:0 18px 45px #1820332e}.rich-image-menu button{color:#506079;text-align:left;border-radius:11px;align-items:center;gap:10px;min-height:38px;padding:0 11px;font-weight:780;display:flex}.rich-image-menu button:hover{color:var(--accent-strong);background:#eef8fa}.rich-image-menu button.danger{color:var(--danger)}.rich-image-menu button.danger:hover{background:#fff1f4}.image-preview-backdrop{z-index:4200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e142194;place-items:center;padding:24px;animation:.16s both modal-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.image-preview-modal{background:#fff;border:1px solid #ffffff80;border-radius:28px;grid-template-rows:auto minmax(220px,1fr) auto;width:min(1040px,100vw - 48px);height:min(780px,100dvh - 48px);animation:.18s both modal-pop;display:grid;overflow:hidden;box-shadow:0 34px 90px #00000057}.image-preview-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:14px 16px 12px 18px;display:flex}.image-preview-modal>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-preview-modal>header button{background:var(--soft);color:#617089;border-radius:13px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.image-preview-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 46%,#f8fbfd 0,#eef4f7 62%,#e8eef4 100%);place-items:center;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.image-preview-stage:active{cursor:grabbing}.image-preview-stage img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;border-radius:16px;max-width:min(100%,920px);max-height:100%;display:block;box-shadow:0 20px 50px #1820332e}.image-preview-stage>span{color:#738198;background:#ffffffc7;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #18203314}.image-preview-modal>footer{border-top:1px solid var(--line);background:#f8fafdf0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;padding:12px 16px;display:flex}.image-preview-modal>footer>p{color:#5c6f88;flex:260px;margin:0;font-size:13px;font-weight:750}.task-editor-aside{border-left:1px solid var(--line);flex-direction:column;gap:15px;padding-left:18px;display:flex}.task-modal-date-field .quick-date-button{border-radius:13px;width:100%;max-width:none;min-height:42px;padding:0 12px;font-size:12px}.task-project-banner{background:linear-gradient(135deg,#effbfc,#e4f6ff);border-radius:15px;flex-direction:column;justify-content:center;min-height:66px;padding:12px;display:flex}.task-project-banner span{color:#7890a2;font-size:9px;font-weight:800}.task-project-banner strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.selected-assignees{color:#7d899c;align-items:center;gap:9px;min-height:38px;font-size:10px;display:flex}.assignee-list{gap:4px;max-height:180px;display:grid;overflow:auto}.assignee-list label{border-radius:10px;align-items:center;gap:7px;min-height:39px;padding:4px 6px;display:flex}.assignee-list label:hover{background:#f0f8f9}.assignee-list input{width:15px;height:15px}.assignee-list span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:680;overflow:hidden}.task-collaboration{border:1px solid var(--line);border-radius:18px;flex:1;min-height:240px;overflow:hidden}.task-collaboration .section-tabs{border-bottom:1px solid var(--line);min-height:52px;padding:0 10px}.disabled-tab{opacity:.45}.section-loading{color:var(--muted);text-align:center;padding:36px;font-size:12px}.checklist-section,.comment-section{padding:12px}.checklist-row{border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 8px;display:flex}.checklist-row:hover{background:#f5f9fa}.checklist-row>input{opacity:0;position:absolute}.checkmark{color:#fff;background:#fff;border:1px solid #acb9ca;border-radius:7px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.checklist-row.completed .checkmark{border-color:var(--success);background:var(--success)}.checklist-row.completed>span:last-child{color:#9aa5b4;text-decoration:line-through}.inline-composer{color:#8b98aa;border:1px dashed #cbd8df;border-radius:11px;align-items:center;gap:8px;min-height:42px;margin-top:7px;padding:0 9px;display:flex}.inline-composer input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:40px}.inline-composer button{color:var(--accent-strong);background:0 0;border:0;font-size:11px;font-weight:760}.comment-list{gap:12px;max-height:260px;display:grid;overflow:auto}.comment-item{align-items:flex-start;gap:9px;display:flex}.comment-item>div{background:#f1f6f8;border-radius:0 13px 13px;min-width:0;padding:9px 11px}.comment-item strong{font-size:10px}.comment-item p{white-space:pre-wrap;margin:5px 0 0;font-size:11px;line-height:1.55}.comment-composer{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:14px;display:grid}.comment-composer textarea{border:1px solid var(--line-strong);resize:none;border-radius:12px;outline:0;min-height:54px;padding:9px 11px}.picker-hint{color:var(--text-2);margin:0 0 14px}.project-picker-list{gap:7px;display:grid}.project-picker-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;align-items:center;gap:10px;width:100%;min-height:58px;padding:7px 9px;display:flex}.project-picker-list button:hover{background:#f4fbfc;border-color:#a7dfe3}.project-picker-list button>span:not(.project-icon){flex-direction:column;flex:1;min-width:0;display:flex}.project-picker-list small{color:var(--muted);font-size:10px}.confirm-copy{align-items:center;gap:15px;display:flex}.confirm-icon{color:#df5066;background:#fff0f3;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.confirm-copy strong{font-size:15px}.confirm-copy p{color:var(--text-2);margin:7px 0 0;font-size:12px}.toast{z-index:300;color:#0c6871;max-width:min(420px,100vw - 32px);min-height:54px;box-shadow:var(--shadow-md);background:#edfbfc;border:1px solid #b9e5e8;border-radius:15px;align-items:center;gap:12px;padding:10px 11px 10px 16px;animation:.18s toast-in;display:flex;position:fixed;bottom:24px;right:24px}.toast>span{flex:1;min-width:0;font-size:12px;line-height:1.5}.toast button{color:currentColor;background:#ffffffb3;border:0;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;display:flex}.toast-error{color:#bd3e54;background:#fff1f3;border-color:#ffc4cd}.toast-success{color:#08755b;background:#effbf7;border-color:#b7e8dc}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.mobile-bottom-nav,.sidebar-scrim{display:none}@media (max-width:1180px){.sidebar{width:220px}.workspace-area{margin-left:220px}.topbar{padding:0 20px}.workspace-content{padding-left:20px;padding-right:20px}.sync-pill span,.project-member-tab{display:none}.task-table-header{grid-template-columns:minmax(240px,1fr) 94px 104px 112px 130px 66px}.task-row{grid-template-columns:34px minmax(206px,1fr) 94px 104px 112px 130px 66px}.task-row-compact{grid-template-columns:34px minmax(150px,1fr) 82px 92px 94px 70px 46px}.project-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.project-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.project-member-overview{padding:13px}.project-member-overview>header,.project-member-summary{align-items:flex-start}.project-member-summary{grid-template-columns:minmax(150px,1fr) minmax(210px,270px) 24px;gap:8px}.project-member-task-list{padding-left:14px}.sidebar{width:min(310px,88vw);transition:transform .22s;transform:translate(-105%);box-shadow:18px 0 55px #162c3d33}.sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-close{display:inline-flex}.sidebar-scrim{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#121f2e47;border:0;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.workspace-area{margin-left:0}.topbar{gap:8px;height:64px;padding:0 13px}.mobile-menu-button{width:38px;height:38px;display:inline-flex}.search-box{flex:1;width:auto;min-width:0;height:40px}.sync-pill,.top-notification,.top-avatar{display:none}.top-create{border-radius:13px;width:42px;min-width:42px;padding:0;font-size:0}.top-create svg{width:20px;height:20px}.workspace-content{padding:16px 12px calc(92px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:60;height:calc(66px + env(safe-area-inset-bottom));padding:5px 9px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #2a445714}.mobile-bottom-nav>button{color:#7c899d;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:54px;padding:0;font-size:9px;font-weight:720;display:flex}.mobile-bottom-nav>button.selected{color:#069dab;background:#ebfafb}.mobile-bottom-nav .mobile-main-create{color:#fff;background:linear-gradient(145deg,#16beca,#0599a7);border-radius:17px;width:50px;height:50px;margin:-21px auto 0;box-shadow:0 10px 24px #07a8b552}.search-results{width:auto;position:fixed;top:63px;left:10px;right:10px}.welcome-hero,.page-hero,.group-hero,.project-hero{border-radius:22px;min-height:auto;padding:22px}.welcome-hero{gap:22px;display:grid}.welcome-hero h1,.page-hero h1,.group-hero h1,.project-hero h1{font-size:31px}.welcome-hero p,.page-hero p,.group-hero p,.project-hero p{font-size:12px}.home-workspace-summary{border-radius:15px;flex-wrap:wrap;width:100%;line-height:1.4}.home-workspace-summary strong{max-width:calc(100% - 92px)}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-fruit{width:160px;right:-35px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;min-height:112px;padding:12px 9px}.stat-card>svg{display:none}.stat-icon{border-radius:13px;width:38px;height:38px}.stat-card strong{font-size:20px}.stat-card b{font-size:10px}.stat-card small{font-size:8px}.home-columns,.page-hero{grid-template-columns:1fr}.hero-progress{text-align:left;border-top:1px solid #d4e6ebcc;padding-top:17px}.hero-progress .primary-button{margin:10px 0 0}.project-card-grid{grid-template-columns:1fr}.member-progress-head{flex-wrap:wrap;align-items:flex-start}.member-inline-stats{order:3;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:5px 0 0}.member-inline-stats span{flex-direction:column;align-items:flex-start;padding:6px}.member-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-hero{grid-template-columns:auto minmax(0,1fr)}.group-hero-progress{border-top:1px solid #d3e6ead9;grid-column:1/-1;grid-template-columns:1fr;padding-top:16px}.group-hero-progress .icon-button{position:absolute;top:16px;right:16px}.project-hero{grid-template-columns:auto minmax(0,1fr);gap:14px}.project-hero-progress{text-align:left;border-top:1px solid #d3e6ead9;grid-column:1/-1;padding-top:15px}.project-hero-members{flex-wrap:wrap;align-items:flex-start}.project-hero-members>span:not(.avatar-stack){min-height:26px}.project-toolbar{flex-direction:column;align-items:stretch;gap:8px}.project-tabs{scrollbar-width:none;overflow-x:auto}.project-toolbar-actions{flex-wrap:wrap;width:100%;margin-left:0}.project-toolbar-actions .secondary-button,.project-toolbar-actions .primary-button{white-space:nowrap;flex:none;min-width:0;padding:0 12px}.project-list-view,.calendar-view{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;overflow-x:auto}.task-table-header,.task-group-list{min-width:760px}.task-table-header{grid-template-columns:minmax(230px,1fr) 90px 100px 108px 125px 62px}.task-row{grid-template-columns:34px minmax(196px,1fr) 90px 100px 108px 125px 62px}.task-row-compact{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"check title actions""check meta meta";align-items:center;min-width:0;min-height:78px;padding:9px}.task-row-compact .task-check{grid-area:check}.task-row-compact .task-title-cell{grid-area:title}.task-row-compact .priority-field,.task-row-compact .status-field,.task-row-compact .task-date,.task-row-compact .task-assignees{grid-row:2;margin-top:6px}.task-row-compact .priority-field{grid-column:2}.task-row-compact .status-field{grid-column:2;margin-left:88px}.task-row-compact .task-date{grid-column:2;margin-left:188px}.task-row-compact .task-assignees{display:none}.task-row-compact .task-row-actions{grid-area:actions}.board-view{min-height:560px;margin-left:-12px;margin-right:-12px;padding:0 12px 12px}.calendar-view{min-width:700px}.calendar-grid>article{min-height:115px}.modal-layer{align-items:flex-end;padding:0}.modal-card,.modal-wide{border-radius:24px 24px 0 0;width:100%;max-height:min(94dvh,940px)}.modal-header{min-height:60px}.modal-body{padding:16px}.modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.form-grid{grid-template-columns:1fr}.form-span{grid-column:1}.member-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-modal-tabs{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));width:100%;display:grid}.workspace-modal-tabs button{justify-content:center;min-width:0;padding:0 8px}.workspace-choice-list,.backup-layout,.invitation-layout,.invitation-fields,.direct-invitation-form{grid-template-columns:1fr}.workspace-create-box{grid-template-columns:auto minmax(0,1fr)}.workspace-create-row{grid-column:1/-1}.invitation-generate{grid-column:1}.invitation-create-panel,.invitation-history-panel,.join-workspace-panel{padding:16px}.join-workspace-panel{grid-template-columns:1fr}.join-workspace-icon,.join-token-field,.join-workspace-panel>.primary-button{grid-area:auto/1}.join-workspace-panel>.primary-button{justify-content:center;width:100%}.direct-invitation-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.direct-invitation-actions .primary-button{grid-area:1/1/auto/-1}.direct-invitation-actions button{justify-content:center}.task-modal{height:94dvh}.task-editor-grid{grid-template-columns:1fr}.task-editor-aside{border-top:1px solid var(--line);border-left:0;padding:16px 0 0}.task-collaboration{min-height:260px}.toast{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:none;left:12px}.auth-page{grid-template-columns:1fr}.auth-story{gap:48px;min-height:auto;padding:30px 24px 54px}.auth-copy h1{font-size:44px}.auth-copy p{font-size:14px}.auth-panel{margin-top:-25px;padding:24px 16px 38px}.auth-box{padding:28px 22px}}@media (max-width:520px){.inline-task-group-creator,.board-inline-group-creator{grid-template-columns:1fr;align-items:stretch;width:100%;min-height:0}.inline-group-actions{justify-content:flex-end}.project-filter-panel{grid-template-columns:1fr}.project-member-overview>header{display:block}.project-member-overview>header>span{margin-top:10px;display:inline-flex}.project-member-summary{grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"person toggle""member-metrics member-metrics";row-gap:9px}.project-member-person{grid-area:person}.project-member-summary>svg{grid-area:toggle;align-self:center}.project-member-metrics{grid-area:member-metrics;grid-template-columns:repeat(3,minmax(0,1fr))}.project-member-task-list{padding-left:8px}.workspace-content{padding-left:10px;padding-right:10px}.project-list-view{margin-left:0;margin-right:0;padding-left:0;padding-right:0;overflow:visible}.project-list-view .task-table-header{display:none}.project-list-view .task-group-list{border-radius:18px;min-width:0}.project-list-view .task-group-title{border-radius:18px 18px 0 0;min-height:48px;padding:0 12px}.project-list-view .task-group-title>span{display:none}.project-list-view .task-row:not(.task-row-compact){grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"check title actions"".priority status"".date assignees";align-items:center;gap:9px 8px;min-height:132px;padding:12px}.project-list-view .task-row:not(.task-row-compact) .task-check{grid-area:check;align-self:start}.project-list-view .task-row:not(.task-row-compact) .task-title-cell{grid-area:title;align-self:start;padding:5px 0 0}.project-list-view .task-row:not(.task-row-compact) .task-title-cell strong{font-size:13px;line-height:1.5}.project-list-view .task-row:not(.task-row-compact) .priority-field{grid-area:priority}.project-list-view .task-row:not(.task-row-compact) .status-field{grid-area:status}.project-list-view .task-row:not(.task-row-compact) .quick-select{max-width:none}.project-list-view .task-row:not(.task-row-compact) .task-date{border:1px solid var(--line-strong);background:#f6f9fa;border-radius:10px;grid-area:date;min-width:0;padding:0 10px}.project-list-view .task-row:not(.task-row-compact) .task-date input{width:100%;top:0;bottom:0;left:0;right:0}.project-list-view .task-row:not(.task-row-compact) .task-assignees{grid-area:assignees}.project-list-view .task-row:not(.task-row-compact) .task-row-actions{grid-area:actions;align-self:start}.welcome-hero,.page-hero,.group-hero,.project-hero,.surface-card,.simple-page-heading{border-radius:20px}.welcome-hero,.page-hero,.group-hero,.project-hero{padding:19px}.welcome-hero h1,.page-hero h1,.group-hero h1,.project-hero h1{font-size:27px}.hero-actions .primary-button,.hero-actions .secondary-button{padding:0 10px;font-size:11px}.surface-heading{padding:16px}.focus-list{padding-left:6px;padding-right:6px}.task-row-compact .task-date{display:none}.member-choice-grid,.member-choice-grid.compact{grid-template-columns:1fr}.workspace-modal-tabs button{gap:4px;font-size:10px}.workspace-modal-tabs button svg{width:15px;height:15px}.invitation-create-panel,.invitation-history-panel,.join-workspace-panel{border-radius:16px;padding:14px}.invitation-history-list article{flex-wrap:wrap;align-items:flex-start}.invitation-row-actions{width:100%}.inline-confirm-actions{justify-content:flex-end;width:100%}.backup-panel{border-radius:16px;padding:14px}.backup-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-tabs>button,.section-tabs>span{padding:0 9px;font-size:11px}.project-toolbar-actions .secondary-button{font-size:11px}.modal-footer{flex-wrap:wrap}.footer-error{width:100%;margin-right:0}}.spin{animation:.8s linear infinite taskfruit-spin}@keyframes taskfruit-spin{to{transform:rotate(360deg)}}.activity-surface,.trash-surface{padding:18px}.activity-list{gap:8px;display:grid}.activity-days{gap:20px;display:grid}.activity-day{gap:9px;display:grid}.activity-day+.activity-day{border-top:1px solid var(--line);padding-top:18px}.activity-day>h2{color:#738198;margin:0 2px;font-size:13px;font-weight:820}.activity-row{background:#f7fafc;border:1px solid #0000;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 14px;transition:border-color .18s,background .18s;display:grid}.activity-row:hover{background:#fff;border-color:#d9e8ed}.activity-row>div,.activity-row strong,.activity-row p{min-width:0}.activity-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.activity-row strong span{color:var(--ink-soft);font-weight:600}.activity-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;gap:8px;margin:4px 0 0;font-size:12px;display:flex;overflow:hidden}.activity-row time{margin-left:auto}.activity-system-icon,.activity-system-avatar{color:var(--accent);background:var(--accent-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.activity-system-icon{width:38px;height:38px}.activity-system-avatar{width:30px;height:30px}.load-more-button{min-width:120px;margin:16px auto 0}.page-inline-error{margin:12px 4px 0}.trash-columns{gap:22px;display:grid}.trash-section>header{align-items:center;gap:9px;margin:0 2px 10px;display:flex}.trash-section>header h2{margin:0;font-size:18px}.trash-section>header span{min-width:25px;color:var(--muted);text-align:center;background:#edf3f6;border-radius:999px;padding:3px 8px;font-size:12px}.trash-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.trash-card{background:#fff;border:1px solid #deeaee;border-radius:19px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:16px;display:grid}.trash-card>div{min-width:0}.trash-card strong,.trash-card p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trash-card strong{font-size:15px;display:block}.trash-card p,.trash-card small{color:var(--muted);margin:3px 0 0;font-size:12px;display:block}.trash-kind-icon{background:color-mix(in srgb, currentColor 10%, white);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.trash-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.trash-actions button{min-height:34px;padding:0 12px;font-size:12px}.task-trash-card{grid-template-columns:auto minmax(0,1fr)}.trash-status-dot{border:4px solid #dbe5ea;border-radius:50%;width:16px;height:16px}.trash-status-dot.status-todo{border-color:#8b9aaf}.trash-status-dot.status-doing{border-color:#4f7cff}.trash-status-dot.status-review{border-color:#e49324}.trash-status-dot.status-done{border-color:#10a884}.trash-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.trash-warning{white-space:normal;color:#e47a1d!important}.settings-view{max-width:980px;margin:0 auto}.settings-card{padding:24px}.settings-card-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.settings-card-heading>svg{color:var(--accent);flex:none}.settings-card-heading h2,.settings-card-heading p{margin:0}.settings-card-heading h2{font-size:18px}.settings-card-heading p{color:var(--muted);margin-top:4px;font-size:13px}.profile-editor{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:24px;display:grid}.avatar-editor{cursor:pointer;justify-items:center;gap:10px;display:grid}.avatar-editor>span:not(.avatar){color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.avatar-editor input{display:none}.settings-fields{gap:14px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-toggle{border:1px solid var(--line);cursor:pointer;background:#fbfcfd;border-radius:15px;grid-column:1/-1;align-items:center;gap:14px;min-height:62px;padding:12px 14px;display:flex}.setting-toggle>span{gap:3px;min-width:0;margin-right:auto;display:grid}.setting-toggle strong{font-size:14px}.setting-toggle small{color:var(--muted)}.setting-toggle input{opacity:0;pointer-events:none;position:absolute}.setting-toggle i{background:#ccd7dd;border-radius:999px;flex:none;width:42px;height:24px;transition:background .18s;position:relative}.setting-toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #142e3a2e}.setting-toggle input:checked+i{background:var(--accent)}.setting-toggle input:checked+i:after{transform:translate(18px)}.settings-actions{justify-content:flex-end;align-items:center;gap:16px;padding:4px 2px 20px;display:flex}.settings-actions>span{margin-right:auto}.success-message{color:#0f9d79;font-size:13px}.notification-anchor{position:relative}.notification-badge{color:#fff;background:#ef5774;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-6px;right:-6px}.notification-panel{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #dbe8ec;border-radius:20px;flex-direction:column;width:min(390px,100vw - 28px);max-height:min(640px,100dvh - 86px);display:flex;position:absolute;top:calc(100% + 10px);right:-48px;overflow:hidden;box-shadow:0 22px 55px #22404e30}.notification-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:12px 14px;display:flex}.notification-panel>header>span{align-items:center;gap:7px;display:flex}.notification-panel>header strong{font-size:16px}.notification-panel>header small{color:var(--muted)}.notification-panel>header button{color:var(--muted);background:0 0;border:0;padding:5px;font-size:11px}.notification-panel>header .danger-text{color:#ef5774;font-weight:800}.notification-invitations{border-bottom:1px solid var(--line);background:linear-gradient(#f5fcfd,#fbfefe);gap:8px;max-height:270px;padding:11px;display:grid;overflow-y:auto}.notification-invitations-heading{color:#087f8a;align-items:center;gap:7px;padding:1px 2px 4px;font-size:11px;display:flex}.notification-invitations>article{background:#fff;border:1px solid #d7eaed;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:10px;display:grid;box-shadow:0 7px 18px #234c5b0d}.notification-invitations>article>span:nth-child(2){gap:3px;min-width:0;display:grid}.notification-invitations>article strong,.notification-invitations>article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-invitations>article strong{color:var(--text);font-size:12px}.notification-invitations>article small,.notification-invitations>p{color:var(--muted);font-size:10px}.notification-invitation-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.notification-invitation-actions button{border:1px solid var(--line);color:#6c7d91;background:#f8fafb;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:33px;font-size:11px;font-weight:750;display:inline-flex}.notification-invitation-actions button.accept{color:#078f9b;background:#ebfafb;border-color:#9fdde1}.notification-invitations>p{margin:0;padding:2px 3px 0;line-height:1.5}.notification-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.notification-list article{border-bottom:1px solid #eef3f5;position:relative}.notification-list article.unread{background:#f0fbfc}.notification-list article.important{box-shadow:inset 3px 0 #ef5774}.notification-list article>button:first-child{text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);gap:10px;width:100%;min-width:0;padding:13px 42px 13px 15px;display:grid}.notification-dot{background:#c7d3d9;border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-list article.unread .notification-dot{background:var(--accent)}.notification-list article strong,.notification-list article p,.notification-list article small{display:block}.notification-list article strong{color:var(--ink);font-size:13px}.notification-list article p{color:var(--ink-soft);margin:4px 0;font-size:12px;line-height:1.55}.notification-list article small{color:var(--muted);font-size:10px}.notification-delete{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:11px;right:10px}.notification-delete:hover{color:#ef5774;background:#fff0f3}.notification-empty,.notification-loading{min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.notification-more{width:100%;min-height:42px;color:var(--accent);border:0;border-top:1px solid var(--line);background:#fff;font-weight:700}.notification-error{margin:8px 14px}.attachment-section,.task-activity-section{padding:16px}.attachment-section>header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.attachment-section>header>div{min-width:0;margin-right:auto;display:grid}.attachment-section>header strong{font-size:14px}.attachment-section>header span{color:var(--muted);margin-top:2px;font-size:11px}.attachment-section .secondary-button{min-height:36px}.attachment-list{gap:8px;display:grid}.attachment-list article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.attachment-file-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.attachment-list article>div{min-width:0}.attachment-list strong,.attachment-list article>div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-list strong{font-size:13px}.attachment-list article>div>span{color:var(--muted);margin-top:3px;font-size:11px}.attachment-delete{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:inline-flex}.attachment-delete:hover,.attachment-delete.confirming{color:#ef5774;background:#fff0f3}.task-activity-section{gap:8px;display:grid}.task-activity-section article{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;display:grid}.task-activity-section p,.task-activity-section small{margin:2px 0 0}.task-activity-section p{color:var(--ink-soft);font-size:12px}.task-activity-section small{color:var(--muted);font-size:10px}@media (max-width:820px){.group-member-summary{grid-template-columns:auto minmax(0,1fr) 20px}.group-member-chips{flex-wrap:wrap;grid-column:2/-1}.group-member-detail{padding-left:14px}.trash-section>div{grid-template-columns:1fr}.notification-panel{width:auto;max-height:calc(100dvh - 150px);position:fixed;top:68px;left:10px;right:10px}.profile-editor,.settings-grid{grid-template-columns:1fr}.setting-toggle{grid-column:1}}@media (max-width:520px){.project-section-title{min-height:46px;padding:0 7px}.project-section-title .project-icon{width:30px!important;height:30px!important}.project-section-count{display:none}.personal-task-card{grid-template-columns:32px minmax(0,1fr) 30px 16px;gap:8px}.personal-task-card>.avatar-stack,.personal-task-unassigned{display:none}.personal-task-meta{flex-wrap:nowrap;overflow:hidden}.personal-task-meta>:not(.status-badge):not(.priority-badge):not(.personal-task-date){display:none}.group-member-project-head{grid-template-columns:auto minmax(0,1fr) auto}.group-member-project-head>svg{display:none}.group-member-task-list>button{grid-template-columns:64px minmax(0,1fr)}.group-member-task-list small{text-align:left;grid-column:2}.activity-surface,.trash-surface,.settings-card{padding:14px}.activity-row{padding:12px}.activity-row time{display:none}.trash-actions{justify-content:stretch}.trash-actions button{flex:1;justify-content:center}.attachment-section>header{align-items:flex-start}.attachment-section>header .secondary-button{padding:0 10px;font-size:11px}.attachment-list article{grid-template-columns:auto minmax(0,1fr) auto}.attachment-delete{grid-column:2/-1;justify-self:end}.section-tabs{scrollbar-width:none;overflow-x:auto}.section-tabs::-webkit-scrollbar{display:none}}.task-page-footer{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.task-page-footer p{width:100%}.admin-app{gap:24px;max-width:1400px;margin:0 auto;padding:28px;display:grid}.admin-app>*,.admin-heading>div{min-width:0}.admin-heading p{overflow-wrap:anywhere}.admin-heading,.admin-heading nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-heading h1{align-items:center;gap:10px;margin:6px 0;display:flex}.admin-heading p,.admin-heading .eyebrow{color:var(--text-2)}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px}.admin-table th{color:var(--text-2);font-weight:600}.admin-table td span,.admin-table td small{color:var(--text-2);margin-top:5px;display:block}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-search{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.admin-search input{background:0 0;border:0;outline:0;min-width:180px}.admin-app .surface-heading{flex-wrap:wrap;gap:16px}.admin-alert{background:var(--accent-soft);color:var(--accent-strong);border-radius:12px;padding:14px 18px}.admin-alert.error{color:var(--danger);background:#fff0f1}.admin-confirm{gap:18px;padding:6px 0;display:grid}.admin-confirm label{gap:10px;display:grid}.admin-confirm input{border:1px solid var(--line);border-radius:10px;padding:10px}@media (max-width:640px){.admin-app{gap:16px;padding:14px}.admin-heading nav,.admin-search,.admin-app .surface-heading>div{width:100%}.admin-search input{width:100%;min-width:0}.admin-heading h1{font-size:23px}}.task-summary-badges{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:10px;display:flex}.task-summary-badges>span{align-items:center;gap:3px;display:inline-flex}.task-summary-badges .task-tag{background:#f3f6f8;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid #dce4e8;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:5px;padding:2px 6px}.unread-comment-badge{color:var(--accent-strong);font-weight:650}.hide-completed-toggle{white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.hide-completed-toggle input,.checklist-row>input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.checklist-row>input[type=checkbox]{opacity:1;flex-shrink:0;position:static}.checklist-row>.checkmark{display:none}.checklist-title{overflow-wrap:anywhere;flex:1;min-width:0}.checklist-row.completed .checklist-title{color:var(--muted);text-decoration:line-through}.checklist-title-input{border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:5px;opacity:1!important;position:static!important}.comment-item small{color:var(--muted);margin-left:8px;font-size:10px;display:inline-block}.project-section-heading{align-items:center;display:flex}.project-section-heading .project-section-title{flex:1;min-width:0}.project-section-heading .collapsed{transform:rotate(-90deg)}.member-heading-actions{flex-wrap:wrap;gap:8px;display:flex}.member-access-list{gap:10px;display:grid}.member-access-list>div{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.member-access-list strong{flex:1;min-width:100px}.member-access-list select{border:1px solid var(--line);border-radius:8px;padding:7px}.rich-editor[contenteditable=false]{cursor:default;background:#f7f9fa}