:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1e1f21;--muted:#6d6e6f;--line:#e8e8e8;--blue:#4573d2;--hover:#f5f5f5;--side:#252525;--canvas:#f7f7f8;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#fff;height:100vh;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}svg.icon{vertical-align:middle;stroke-width:1.45px;flex-shrink:0;width:18px;height:18px;display:inline-block}.hidden{display:none!important}.asana-app{background:#fff;height:100vh;overflow:hidden}.global-bar{color:#e6e6e6;background:#252525;border-bottom:1px solid #494949;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex;position:relative}.icon-button{color:#8d8e90;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.icon-button:hover{color:#333;background:#f1f1f1}.global-menu{color:#b2b2b2;width:32px}.global-bar .icon-button:hover{color:#fff;background:#3e3e3e}.create-button{color:#fff;background:#343434;border:1px solid #505050;border-radius:18px;align-items:center;gap:6px;height:32px;padding:0 11px 0 5px;font-size:13px;display:flex}.create-button:hover{background:#444}.create-plus{color:#fff;background:#f65c50;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.create-plus svg{width:15px;height:15px}.global-search{color:#a5a5a5;background:#343434;border:1px solid #505050;border-radius:20px;align-items:center;gap:7px;width:min(540px,42vw);height:32px;padding:0 11px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.global-search:focus-within{background:#414141;border-color:#a0a0a0}.global-search input{color:#eee;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:13px}.global-search input::placeholder{color:#b3b3b3}.global-search kbd{white-space:nowrap;border:1px solid #585858;border-radius:3px;padding:1px 4px;font:11px inherit}.app-name{color:#a5a5a5;margin-left:auto;font-size:12px}.avatar{color:#554626;background:#e7d5a5;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:10px;display:inline-grid}.account-avatar{width:28px}.app-shell{height:calc(100vh - 48px);display:flex}.app-rail{color:#aaa;background:#292929;border-right:1px solid #333;flex-direction:column;flex-shrink:0;align-items:center;width:64px;padding-top:8px;display:flex}.rail-active{color:#eee;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex}.rail-active>span{background:#424242;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.rail-active svg{width:24px;height:24px}.rail-active small{font-size:10px}.rail-bottom{margin-top:auto;margin-bottom:20px}.sidebar{background:var(--side);color:#eee;flex-direction:column;flex-shrink:0;width:180px;padding:12px 8px 0;display:flex}.sidebar-title{color:#a5a5a5;padding:0 6px 12px;font-size:12px}.main-nav{border-bottom:1px solid #4a4a4a;gap:0;padding-bottom:12px;display:grid}.nav-item{white-space:nowrap;border-radius:6px;align-items:center;gap:10px;height:34px;padding:0 8px;font-size:14px;display:flex}.nav-item svg{color:#a2a2a2}.nav-item:hover,.project-link:hover{background:#353535}.nav-item.active,.project-link.active{background:#414141}.sidebar-section{margin-top:20px}.sidebar-heading{color:#a4a4a4;justify-content:space-between;align-items:center;height:22px;margin-bottom:6px;padding:0 3px;font-size:12px;font-weight:600;display:flex}.sidebar-heading>span{align-items:center;gap:5px;display:flex}.sidebar-heading svg{width:12px;height:12px}.sidebar-heading .icon-button{color:#a4a4a4;width:22px;height:22px}.sidebar .icon-button:hover{color:#fff;background:#414141}.project-links{gap:0;display:grid}.project-link{border-radius:6px;align-items:center;gap:8px;width:100%;min-width:0;height:32px;padding:0 4px;font-size:14px;display:flex}.project-link>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-dot{color:#18284a;background:#88b3ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.project-dot svg{width:14px;height:14px}.workspace-section{flex:1;min-height:0;overflow:auto}.sidebar-footer{border-top:1px solid #414141;align-items:center;gap:7px;padding:13px 4px;font-size:12px;display:flex}.local-label{color:#a4a4a4;margin-left:auto;font-size:10px}.main-content{flex:1;min-width:0;height:100%;overflow:hidden}.project-view{background:#fff;flex-direction:column;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.project-header{flex-shrink:0;align-items:center;gap:7px;min-height:48px;padding:10px 24px 3px;display:flex}.project-symbol{color:#13284d;background:#8fb5ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;margin-right:5px;display:inline-flex}.project-symbol svg{stroke-width:1.8px;width:19px;height:19px}.project-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:60px;margin:0;font-size:20px;font-weight:600;line-height:1.4;overflow:hidden}.project-header>.icon-button{width:18px;height:24px}.project-header>.icon-button svg{width:14px;height:14px}.favorite-button[aria-pressed=true]{color:#3366bd}.favorite-button[aria-pressed=true] svg{fill:currentColor}.project-status{color:#6d6e6f;white-space:nowrap;align-items:center;gap:7px;margin-left:7px;font-size:12px;display:flex}.project-status i{border:1px solid #969696;border-radius:50%;width:12px;height:12px}.project-header-spacer{flex:1}.secondary-button,.primary-button,.button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdcdc;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:6px 9px;font-size:12px;line-height:1.2;display:inline-flex}.secondary-button:hover,.button:hover{background:#f5f5f5;border-color:#c9c9c9}.primary-button,.button.primary{color:#fff;background:#4573d2;border-color:#4573d2;min-height:34px;padding:8px 14px;font-weight:500}.primary-button:hover,.button.primary:hover{background:#345eaf;border-color:#345eaf}.secondary-button svg,.primary-button svg,.button svg{width:14px;height:14px}.view-tabs{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:4px;padding:3px 24px 6px;display:flex;overflow:auto}.view-tab{color:#6d6e6f;white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:14px;font-weight:500;line-height:18px}.view-tab.active,.view-tab[aria-current=page]{color:#285bb8;background:#e8efff}.view-tab:hover{background:#f1f1f1}.toolbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:12px 24px;display:flex}.toolbar-right{align-items:center;gap:8px;display:flex}.text-button{color:#6d6e6f;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;display:inline-flex}.text-button svg{width:15px;height:15px}.text-button:hover{color:#333;background:#f0f0f0}.board-view{background:#fff;flex:1;align-items:flex-start;gap:16px;min-height:0;padding:16px 24px 12px;display:flex;overflow:auto}.board-column{flex-direction:column;gap:10px;width:304px;min-width:304px;min-height:100%;max-height:100%;display:flex}.board-column-header{background:#f3f3f3;border-radius:6px;align-items:center;gap:12px;height:48px;min-height:48px;padding:0 14px;font-weight:600;display:flex}.board-column-header .column-title{background:0 0;border:0;flex:1;align-items:center;gap:12px;font-weight:600;display:flex}.column-count{color:#6d6e6f;font-size:13px;font-weight:400}.board-cards{scrollbar-width:thin;scrollbar-color:#999 transparent;background:#f3f3f3;border-radius:6px;flex-direction:column;gap:8px;min-height:80px;padding:10px;display:flex;overflow:auto}.task-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:9px;outline:none;flex-shrink:0;padding:16px 17px;position:relative;box-shadow:0 1px 3px #0000000a}.task-card:hover{border-color:#b1b1b1}.task-card.selected{background:#f0f4ff;border-color:#4573ff}.card-title{overflow-wrap:anywhere;margin-bottom:14px;font-size:14px;font-weight:400;line-height:22px}.task-check{color:#9b9c9e;vertical-align:-3px;background:#fff;border:1px solid #9b9c9e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-right:7px;display:inline-flex}.task-check:hover{color:#198860;background:#f0fff8;border-color:#25a77b}.task-check.done{color:#fff;background:#29a87a;border-color:#29a87a}.task-check svg{width:10px;height:10px}.done-name{color:#999;text-decoration:line-through}.card-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.priority,.tag{color:#202020;border-radius:3px;align-items:center;width:fit-content;max-width:100%;padding:2px 4px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.priority.low{background:#b3d6f8}.priority.medium{background:#ffdf30}.priority.high,.tag.question{background:#ffa34b}.priority.critical,.tag.bug{background:#ff8177}.tag{background:#ececec}.tag.blocked{background:#ffc7bf}.tag.label{background:#e8e0fa}.card-footer{color:#777;justify-content:space-between;align-items:center;height:27px;margin-top:16px;font-size:12px;display:flex}.card-footer .avatar{width:25px;height:25px}.card-footer time{color:#777;font-size:12px}.add-inline{color:#6d6e6f;border-radius:5px;align-items:center;gap:4px;min-height:38px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.add-inline:hover{color:#252525;background:#e8e8e8}.add-inline svg{width:15px;height:15px}.new-column{color:#6d6e6f;white-space:nowrap;align-items:center;gap:7px;width:240px;min-width:240px;padding:14px 8px;font-weight:500;display:flex}.no-results{color:#888;text-align:center;padding:20px;font-size:12px;line-height:1.6}.view-footer{color:#999;border-top:1px solid #f3f3f3;align-items:center;gap:14px;height:24px;min-height:24px;padding:0 24px;font-size:11px;display:flex}.content-wrap{height:100%;display:flex;overflow:hidden}.task-detail{background:#fff;border-left:1px solid #e5e5e5;flex-direction:column;flex-shrink:0;width:clamp(400px,37vw,720px);min-height:0;display:flex;position:relative}.detail-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:56px;min-height:56px;padding:0 24px;display:flex}.detail-complete{white-space:nowrap;border:1px solid #ddd;border-radius:5px;align-items:center;gap:4px;height:29px;padding:0 9px;font-size:12px;display:inline-flex}.detail-complete:hover{background:#f0faf5;border-color:#72bf9d}.detail-actions{align-items:center;gap:5px;display:flex}.detail-visibility{border-bottom:1px solid var(--line);background:#f4f4f4;align-items:center;gap:8px;height:41px;min-height:41px;padding:0 24px;font-size:13px;display:flex}.detail-scroll{flex:1;min-height:0;overflow:auto}.detail-body{padding:24px}.detail-body h2{overflow-wrap:anywhere;margin:0 0 20px;font-size:24px;font-weight:500;line-height:32px}.detail-basic{gap:1px;margin-bottom:24px;display:grid}.detail-basic>div{grid-template-columns:110px 1fr;align-items:center;min-height:40px;font-size:12px;display:grid}.detail-basic>div>span{color:#343434}.property-value{text-align:left;border-radius:4px;align-items:center;gap:8px;min-width:0;min-height:28px;padding:3px 6px;font-size:13px;display:flex}button.property-value:hover{background:#f5f5f5}.detail-description{padding-top:28px}.detail-description h3,.detail-activity h3{margin:0 0 14px;font-size:14px;font-weight:500}.description-text{color:#777;min-height:90px;font-size:14px;line-height:22px}.detail-bottom{border-top:1px solid #eee;gap:10px;margin-top:40px;padding-top:16px;display:flex}.comment-composer{border:1px solid #dedede;border-radius:10px;flex-shrink:0;margin:12px 24px 24px;padding:12px 16px;box-shadow:0 2px 5px #00000008}.comment-composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:45px;font-size:13px;line-height:20px}.comment-controls{align-items:center;gap:8px;height:30px;margin-top:3px;display:flex}.comment-controls .avatar{width:22px;height:22px;font-size:9px}.comment-author{color:#888;font-size:11px}.comment-send{border:1px solid #e0e0e0;width:27px;height:27px;margin-left:auto}.comment-send:not(:disabled){background:var(--blue);color:#fff;border-color:var(--blue)}.home-view,.collection-view,.legacy-view{background:#fff;height:100%;overflow:auto}.home-inner{max-width:1120px;margin:0 auto;padding:44px 48px 70px}.home-greeting{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.home-greeting h2{letter-spacing:-.025em;margin:0 0 7px;font-size:27px;font-weight:500}.home-greeting p{color:var(--muted);margin:0}.home-date{color:#888;font-size:12px}.home-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:18px;display:grid}.home-card{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:190px;padding:22px}.home-card h3{margin:0;font-size:16px;font-weight:500}.home-card p{color:#777;line-height:1.55}.home-card.featured{background:#f6f8ff;border-color:#dce6ff}.home-card.featured .button{margin-top:10px}.home-task-list{border-top:1px solid var(--line);margin-top:18px}.home-task{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:45px;font-size:13px;display:flex}.home-task span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-task .task-check{margin-right:0}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.metric{color:#777;background:#f7f7f7;border-radius:7px;padding:13px;font-size:12px}.metric strong{color:#222;margin-top:6px;font-size:24px;font-weight:500;display:block}.collection-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 40px 20px;display:flex}.collection-head h1{margin:0 0 5px;font-size:24px;font-weight:500}.collection-head p{color:var(--muted);margin:0}.collection-body{padding:22px 40px 60px;overflow:auto}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.project-list-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:150px;padding:18px}.project-list-card:hover{border-color:#b7c8ed;box-shadow:0 2px 8px #0000000b}.project-list-card h2{margin:0 0 8px;font-size:16px;font-weight:500}.project-list-card p{color:#777;margin:0 0 14px;line-height:1.45}.project-list-card .hint{margin-top:12px}.collection-form{border:1px solid var(--line);background:#fafafa;border-radius:8px;max-width:680px;margin:0 0 26px;padding:18px}.collection-form .form-row{align-items:end;gap:10px;display:flex}.collection-form .field{flex:1;margin:0}.content{max-width:1160px;min-height:100%;margin:0 auto;padding:44px 32px 72px;overflow:auto}.legacy-view .content{max-width:900px}.eyebrow{color:#707174;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.content h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(30px,4vw,46px);font-weight:600}.content h2{margin:0 0 10px;font-size:22px}.lead{color:var(--muted);max-width:680px;line-height:1.6}.actions{flex-wrap:wrap;gap:10px;margin:26px 0;display:flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px}.card{box-shadow:0 1px 3px #00000006}.card p{color:var(--muted);line-height:1.55}.card a{color:#285bb8;font-weight:600}.panel{margin-top:24px}.field{gap:6px;margin-bottom:16px;display:grid}.field label{font-size:13px;font-weight:600}.field input,.field textarea,.field select{background:#fff;border:1px solid #d2d2d4;border-radius:6px;width:100%;padding:10px 12px}.hint{color:var(--muted);font-size:12px;line-height:1.5}.status{color:#176b38;background:#f0f8f2;border-radius:7px;margin-top:18px;padding:12px 14px}.status.error{color:#a12020;background:#fff0f0}.progress{white-space:pre-wrap;background:#f7f7f8;border-radius:6px;margin-top:14px;padding:12px;font-size:12px}.timeline-panel{overflow-x:auto}.timeline-scale{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px;font-size:12px;display:flex}.timeline-section{min-width:720px;padding:18px 0 4px}.timeline-section h2{color:var(--muted);font-size:14px}.timeline-row{grid-template-columns:260px minmax(420px,1fr);align-items:center;gap:16px;min-height:42px;display:grid}.timeline-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-track{background:linear-gradient(90deg,#0000 49.8%,#ededee 50%,#0000 50.2%);border-radius:999px;height:12px;position:relative}.timeline-bar{background:var(--blue);border-radius:999px;min-width:8px;height:12px;position:absolute;top:0}.modal-backdrop{z-index:30;background:#1e1f2166;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:min(640px,100%);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 70px #0003}.modal-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (max-width:1250px){.app-rail{display:none}.task-detail{width:520px}.project-status,.project-header #shareButton{display:none}.global-search{width:42vw}}@media (max-width:980px){.task-detail{z-index:10;width:min(600px,100vw - 180px);position:absolute;top:48px;bottom:0;right:0;box-shadow:-10px 0 30px #0000000a}.global-search{width:45vw}.app-name{display:none}.home-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.sidebar{display:none}.global-bar{gap:8px;padding:0 8px}.global-menu{display:none}.global-search{flex:1;width:auto;min-width:0;margin-left:6px;position:static;transform:none}.global-search kbd,.account-avatar{display:none}.task-detail{width:100%;top:48px}.project-header{padding-left:16px;padding-right:16px}.project-header h1{font-size:18px}.view-tabs{padding-left:10px}.toolbar{padding:10px 16px}.board-view{padding:16px}.detail-toolbar{gap:6px;padding:0 16px}.detail-body{padding:22px}.content{padding:30px 18px 54px}.collection-head{padding:24px 18px 18px;display:block}.collection-head .button{margin-top:14px}.collection-body{padding:18px}.collection-form .form-row{display:block}.grid{grid-template-columns:1fr}.home-inner{padding:30px 18px 54px}.home-greeting{display:block}.home-date{margin-top:10px}.metric-row{grid-template-columns:1fr}}.quick-task-form{align-items:center;gap:8px;min-width:min(520px,58%);display:flex}.quick-task-form input{border:1px solid #ddd;border-radius:5px;outline:0;flex:1;min-width:140px;height:30px;padding:5px 9px;font-size:13px}.quick-task-form input:focus{border-color:#9bb6ed;box-shadow:0 0 0 2px #edf2fc}.project-card-heading{align-items:center;gap:9px;margin-bottom:8px;display:flex}.project-card-heading h2{margin:0}.project-mini-header{color:#777;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:flex}.project-mini-header svg{color:#4573d2;width:18px;height:18px}.project-mini-header a{color:#285bb8;font-weight:600}.muted{color:#888;margin-left:auto;font-size:11px}.loading-state,.empty-state{text-align:center;color:#6d6e6f;align-content:center;place-items:center;gap:10px;min-height:360px;padding:40px;display:grid}.empty-state h1,.empty-state h2{color:#242424;margin:0;font-weight:500}.empty-state p{max-width:500px;line-height:1.55}.workspace-select-row{color:#666;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.workspace-select-row select{background:#fff;border:1px solid #d2d2d4;border-radius:5px;min-width:240px;padding:8px 10px}.project-card-actions{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.text-button.danger{color:#a12020}.home-workspace-picker{border-bottom:1px solid var(--line);color:#6d6e6f;align-items:center;gap:10px;padding:14px 24px;font-size:12px;display:flex}.home-workspace-picker select,.home-project-picker select{background:#fff;border:1px solid #d2d2d4;border-radius:5px;min-width:220px;padding:7px 10px}.home-dashboard{padding:24px;overflow:auto}.home-project-picker{grid-template-columns:auto minmax(220px,380px);align-items:center;gap:8px 14px;max-width:700px;display:grid}.home-project-picker label{color:#6d6e6f;font-size:12px}.home-project-picker p{color:#777;grid-column:2;margin:0;font-size:13px}.home-board{align-items:flex-start;gap:14px;margin-top:24px;display:flex;overflow:auto}.home-board-column{background:#f5f5f5;border-radius:7px;width:280px;min-width:280px;padding:12px}.home-board-column h3{justify-content:space-between;margin:0 3px 10px;font-size:14px;font-weight:600;display:flex}.home-board-column h3 span{color:#777;font-weight:400}.home-task{background:#fff;border:1px solid #e4e4e4;border-radius:7px;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:8px;padding:10px;font-size:13px;display:grid}.home-task:hover{border-color:#9bb6ed}.home-task>span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.home-task .priority{grid-column:2;width:fit-content}.home-task time{color:#777;grid-column:2;font-size:11px}.task-filter-select{color:#555;background:#fff;border:1px solid #d8d8d8;border-radius:5px;padding:6px 8px;font-size:12px}.text-button.active{color:#285bb8;background:#e8efff}.toast{z-index:8;color:#166b3d;background:#ecf8f1;border:1px solid #b9e5cc;border-radius:6px;padding:9px 12px;font-size:12px;position:absolute;top:72px;right:24px;box-shadow:0 4px 14px #00000012}.toast.error{color:#a12020;background:#fff0f0;border-color:#f2c7c7}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:12px}.list-view{flex:1;padding:18px 24px;overflow:auto}.task-table{border-collapse:collapse;width:100%;font-size:13px}.task-table th{color:#777;text-align:left;border-bottom:1px solid #ddd;padding:8px 10px;font-size:11px;font-weight:600}.task-table td{border-bottom:1px solid #eee;padding:10px}.task-table tbody tr{cursor:pointer}.task-table tbody tr:hover{background:#f6f8ff}.task-table td:first-child{min-width:260px}.task-table .task-check{margin-right:7px}.overview-view{flex:1;max-width:1000px;padding:28px 30px;overflow:auto}.overview-hero h2{margin:0 0 8px;font-size:27px;font-weight:500}.overview-hero p{color:#777}.overview-view .metric-row{max-width:700px}.calendar-view{flex:1;padding:18px 24px;overflow:auto}.calendar-grid{border-top:1px solid #ddd;border-left:1px solid #ddd;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:850px;display:grid}.calendar-day{border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-height:260px;padding:10px}.calendar-day header{color:#777;border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;font-size:12px;display:flex}.calendar-day button{border:0;border-left:3px solid var(--blue);text-align:left;cursor:pointer;background:#eef3ff;border-radius:3px;width:100%;margin:5px 0;padding:7px;font-size:12px;display:block}.detail-section{border-top:1px solid #eee;margin-top:24px;padding-top:18px}.detail-section h3{margin:0 0 12px;font-size:14px;font-weight:500}.attachment-list{gap:6px;margin-top:10px;display:grid}.attachment-list a{color:#285bb8;border:1px solid #e3e3e3;border-radius:5px;justify-content:space-between;gap:8px;padding:8px;font-size:12px;display:flex}.attachment-list small{color:#777}.inline-form{gap:6px;display:flex}.inline-form select{border:1px solid #d2d2d4;border-radius:5px;flex:1;min-width:0;padding:7px}.comment-item{gap:8px;margin:12px 24px;font-size:12px;display:flex}.comment-item strong{font-size:12px}.comment-item p{white-space:pre-wrap;margin:4px 0;line-height:1.5}.comment-item small{color:#888}.comment-item .avatar{width:25px;height:25px;font-size:9px}.task-form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.task-form-grid .full{grid-column:1/-1}.task-form-grid textarea{resize:vertical}.member-list{gap:8px;display:grid}.member-list>div{border-bottom:1px solid #eee;align-items:center;gap:9px;padding:8px 0;display:flex}.member-list>div>span:nth-child(2){flex:1;gap:2px;display:grid}.member-list small{color:#777}.member-list strong{color:#777;text-transform:capitalize;font-size:11px}.drop-target{transition:background .15s}.drop-target:has(.task-card[draggable=true]){min-height:90px}@media (max-width:850px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-right{overflow:auto}.quick-task-form{min-width:100%}.home-project-picker{grid-template-columns:1fr}.home-project-picker p{grid-column:1}.home-workspace-picker{padding-left:16px}.task-form-grid{grid-template-columns:1fr}.task-form-grid .full{grid-column:auto}.list-view{padding:14px}.task-table{min-width:700px}}.form-editor-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.form-create{align-items:center;gap:7px;display:flex}.form-create input{border:1px solid #d2d2d4;border-radius:5px;width:230px;padding:9px 10px}.form-workspace{border:1px solid var(--line);border-radius:9px;grid-template-columns:220px minmax(0,1fr);min-height:500px;margin-top:24px;display:grid;overflow:hidden}.form-list{border-right:1px solid var(--line);background:#fafafa;padding:14px 8px}.form-list h2{margin:4px 8px 10px;font-size:13px}.form-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;gap:4px;width:100%;padding:10px;font-size:13px;display:grid}.form-list button:hover,.form-list button.selected{color:#285bb8;background:#e8efff}.form-list small{color:#777}.form-editor{min-width:0}.form-editor-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:12px 14px;display:flex}.form-title-input{border:0;outline:0;flex:1;min-width:100px;font-size:17px;font-weight:500}.form-publish-state{color:#777;background:#f1f1f1;border-radius:999px;padding:4px 8px;font-size:11px}.form-publish-state.published{color:#167245;background:#e3f6ed}.form-tabs{border-bottom:1px solid var(--line);gap:5px;padding:8px 14px 0;display:flex}.form-tabs button{color:#777;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px}.form-tabs button.active{color:#285bb8;border-bottom-color:#4573d2}.form-editor-body{grid-template-columns:230px minmax(0,1fr);gap:24px;padding:20px;display:grid}.form-settings{border-right:1px solid var(--line);padding-right:20px}.form-settings textarea{resize:vertical;min-height:80px}.question-list-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.question-list-header h2{flex:1;margin:0;font-size:16px}.question-list-header select{border:1px solid #d2d2d4;border-radius:5px;padding:7px}.question-card{border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:14px}.question-card-head{align-items:center;gap:5px;margin-bottom:12px;display:flex}.question-card-head strong{color:#285bb8;background:#e8efff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.question-card-head select{border:1px solid #d2d2d4;border-radius:4px;flex:1;padding:6px}.question-card-head button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:25px;height:25px}.question-card-head button:disabled{opacity:.4;cursor:default}.question-card .field{margin-bottom:10px}.checkbox-field{align-items:center;gap:7px;margin-bottom:10px;font-size:12px;display:flex}.form-preview{background:#f7f8fb;min-height:460px;padding:30px}.public-form-card{background:#fff;border:1px solid #e1e5ee;border-radius:10px;max-width:620px;margin:0 auto;padding:28px}.public-form-card h2{margin:8px 0;font-size:25px}.public-form-card h3{margin:24px 0 10px;font-size:16px}.responses-panel{padding:20px}.response-card{border-top:1px solid #eee;padding:14px 0}.response-card header{justify-content:space-between;gap:10px;font-size:12px;display:flex}.response-card header a{color:#285bb8}.response-card p{grid-template-columns:180px 1fr;gap:8px;font-size:12px;display:grid}.response-card p span{color:#666;white-space:pre-wrap}.form-public-link{border-top:1px solid var(--line);color:#777;align-items:center;gap:12px;padding:12px 20px;font-size:12px;display:flex}.form-public-link a{color:#285bb8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.danger{color:#a12020}@media (max-width:850px){.form-editor-heading,.form-create{display:block}.form-create{margin-top:14px}.form-create input{width:min(100%,280px);margin-right:5px}.form-workspace{grid-template-columns:1fr}.form-list{border-right:0;border-bottom:1px solid var(--line)}.form-editor-body{grid-template-columns:1fr}.form-settings{border-right:0;padding-right:0}.form-editor-toolbar{flex-wrap:wrap}.form-title-input{flex-basis:100%}.response-card p{grid-template-columns:1fr;gap:2px}}.search-form{gap:8px;max-width:760px;margin:26px 0 12px;display:flex}.search-input-wrap{background:#fff;border:1px solid #cfcfd1;border-radius:6px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.search-input-wrap svg{color:#777;width:17px}.search-input-wrap input{border:0;outline:0;width:100%;padding:10px 0}.search-filters{flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0;display:flex}.search-filters select{background:#fff;border:1px solid #d2d2d4;border-radius:5px;padding:8px;font-size:12px}.search-results{border-top:1px solid var(--line);max-width:900px;margin-top:18px}.search-result{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:15px 8px;display:flex}.search-result-icon{color:#285bb8;background:#eef3ff;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.search-result-icon svg{width:17px}.search-result-body{flex:1;min-width:0}.search-result-body>a{color:#285bb8;margin-bottom:3px;font-weight:600;display:block}.search-result-body small{color:#777}.search-result-body p{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:13px;line-height:1.45;overflow:hidden}.pagination{align-items:center;gap:12px;margin:18px 0;display:flex}.pagination span{color:#777;font-size:12px}.public-form-page{background:#f5f6f9;min-height:100vh;padding:50px 18px}.public-form-page .public-form-card{max-width:700px;margin:0 auto}.public-form-page h1{margin:8px 0 10px;font-size:30px;font-weight:600}.public-form-description{color:#666;white-space:pre-wrap;line-height:1.55}.public-form-page h2{margin:28px 0 12px;font-size:18px}.public-checkboxes{gap:7px;display:grid}.public-checkboxes label{align-items:center;gap:8px;font-size:13px;display:flex}.workspace-layout{grid-template-columns:220px minmax(0,1fr);gap:18px;margin-top:22px;display:grid}.workspace-list{align-content:start;gap:4px;display:grid}.workspace-list button{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #0000;border-radius:6px;gap:3px;padding:11px;display:grid}.workspace-list button.selected{color:#285bb8;background:#e8efff;border-color:#cad9fa}.workspace-list small,.member-list small,.invitation-list small{color:#777;font-size:11px}.workspace-detail{min-width:0}.workspace-detail .panel:first-child{margin-top:0}.workspace-detail .form-row{align-items:end;gap:10px;display:flex}.invitation-list{gap:4px;margin-top:12px;display:grid}.invitation-list>div{border-top:1px solid #eee;justify-content:space-between;gap:10px;padding:8px 0;font-size:12px;display:flex}.workspace-detail .member-list>div{justify-content:space-between}.workspace-detail .member-list select{background:#fff;border:1px solid #d2d2d4;border-radius:4px;padding:5px}.notification-wrap{position:relative}.notification-button{color:#ddd;cursor:pointer;background:0 0;border:0;border-radius:5px;width:31px;height:31px;font-size:18px;position:relative}.notification-button:hover{background:#3d3d3d}.notification-button span{color:#fff;background:#d84e4e;border-radius:999px;min-width:15px;height:15px;padding:0 3px;font:10px/15px sans-serif;position:absolute;top:-2px;right:-2px}.notification-popover{z-index:50;color:#222;background:#fff;border:1px solid #ddd;border-radius:8px;width:320px;max-height:430px;position:absolute;top:38px;right:0;overflow:auto;box-shadow:0 10px 35px #0003}.notification-popover header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.notification-popover header button{color:#285bb8;cursor:pointer;background:0 0;border:0;font-size:11px}.notification-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee;gap:3px;width:100%;padding:11px 12px;display:grid}.notification-item:hover,.notification-item.unread{background:#f3f6ff}.notification-item strong{font-size:12px}.notification-item small{color:#666;line-height:1.35}.notification-item time{color:#999;font-size:10px}.notification-popover .hint{padding:0 12px}.toast-stack{z-index:2000;gap:10px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast{background:#fff;border:1px solid #c8dfd3;border-left:4px solid #28855a;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;line-height:1.5;display:flex;box-shadow:0 8px 28px #0002}.toast.error{border-left-color:#d14343}.toast button{font-size:22px;line-height:1}.auth-page{background:radial-gradient(at 0 0,#fff0eb,#0000 60%),#f8f8fa;flex-direction:column;align-items:center;height:100dvh;padding:40px 20px;display:flex;overflow:auto}.auth-brand{color:#29292e;margin-bottom:32px;font-size:28px;font-weight:750}.auth-brand:first-letter{color:#f06b65}.auth-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(100%,440px);padding:32px;box-shadow:0 12px 40px #25252508}.auth-card h1{margin:12px 0 24px;font-size:26px}.auth-card p{line-height:1.6}.auth-card .field{margin-bottom:20px}.auth-card input,.auth-card form>.button{width:100%;min-height:42px}.auth-links{text-align:center;color:#3461b9;gap:14px;margin-top:24px;display:grid}.auth-caption{color:var(--muted);margin-top:24px}.sidebar-title label{margin-bottom:8px;display:block}.sidebar-title select{color:#fff;background:#353535;border:1px solid #555;border-radius:5px;width:100%;padding:6px}.sidebar-backdrop{display:none}.onboarding-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.my-task-list{border-top:1px solid var(--line)}.my-task-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 4px;display:flex}.my-task-row>a{flex:1}.my-task-row small{color:var(--muted);margin-top:5px;display:block}.my-task-row time{color:var(--muted)}.field-error{color:#b53636;font-size:12px}.dependency-row{justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.subtask-list{gap:8px;display:grid}.project-member-row{align-items:center;gap:12px;margin:12px 0;display:flex}.project-member-row>span{flex:1}.task-card:focus-visible{outline:2px solid var(--blue)}@media (max-width:760px){.app-rail{display:none}.sidebar{z-index:60;width:240px;display:none;position:fixed;top:48px;bottom:0;left:0}.menu-open .sidebar{display:flex}.menu-open .sidebar-backdrop{z-index:55;background:#0006;display:block;position:fixed;inset:48px 0 0}.global-search{flex:1;width:auto;position:static;transform:none}.global-search kbd,.app-name,.create-button{display:none}.global-bar{gap:10px;padding:0 10px}.onboarding-grid{grid-template-columns:1fr}.auth-page{padding-top:24px}.auth-card{padding:24px}.project-header{flex-wrap:wrap;padding:10px 12px}.view-tabs,.toolbar{padding-left:12px;padding-right:12px}.toolbar,.toolbar-right{flex-wrap:wrap}.board-view{gap:12px;padding:12px}.board-column{min-width:260px}.task-detail{width:100%!important;max-width:100%!important}.collection-head{padding:18px 14px}.collection-body{padding:14px}.workspace-layout{display:block}.workspace-list{width:100%;margin-bottom:16px}.content{padding:20px 14px!important}.form-workspace{display:block}.form-list{width:100%;max-height:160px;overflow:auto}.form-editor-toolbar,.form-editor-heading,.question-list-header,.form-row{flex-wrap:wrap}.form-row>.field{min-width:180px}.form-editor-body{display:block}.form-settings{width:100%}.modal{max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto}.toast-stack{bottom:16px;right:16px}}.form-editor-fields{border:0;min-width:0;margin:0;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field input,.field select,.field textarea{min-width:0}.sidebar-footer small{display:block}@media (max-width:760px){.global-menu{display:inline-flex}.account-avatar{display:inline-grid}.notification-popover{width:calc(100vw - 16px);max-width:350px;position:fixed;top:48px;right:8px}.task-detail{top:0!important}.my-task-row time{font-size:12px}}