@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:DM Serif;src:url('assets/dm-serif.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--canvas:#fafbf8;--surface:#fff;--rail:#eaf0e7;--text:#283b30;--muted:#687261;--line:#e5e8df;--green:#3c654e;--green-pale:#e6eee3;--focus:#436c53;--orange:#a95d3b;--radius:8px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:DM Sans,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .15s,color .15s}button:disabled{cursor:default}button,select,input{outline-offset:4px}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--focus)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-150%);z-index:100;background:white;padding:12px;border-radius:6px}.skip-link:focus{transform:none}svg{width:18px;height:18px;display:block;flex:none}span[data-icon]{display:inline-flex;align-items:center;flex-shrink:0}.app-shell{display:flex;min-height:100vh}
.sidebar{width:232px;flex:none;background:var(--rail);border-right:1px solid #dfe6db;padding:31px 18px 0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 16px 35px;font-size:36px;font-weight:650;letter-spacing:-1.8px;line-height:1}.brand-mark{width:35px;height:35px;color:var(--green)}.brand-period{color:#74866e}.workspace-label{display:flex;align-items:center;gap:10px;margin:0 8px 34px;font-size:12px;font-weight:600;white-space:nowrap}.workspace-label>div>span{display:block;font-size:10px;font-weight:400;color:#66775f;margin-top:4px}.workspace-icon{background:#f7f9f4;border:1px solid #d6dfd0;border-radius:7px;width:32px;height:34px;display:grid;place-items:center;font-family:DM Serif;font-size:19px}.nav-caption{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#64765b;margin:0 13px 12px}.main-nav{display:grid;gap:5px}.nav-button{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:11px;padding:12px 13px;font-size:13px;border-radius:6px;text-align:left;color:#626f5d}.nav-button.active{background:#d6e2d1;color:#294a34;font-weight:600}.nav-button:hover,.project-button:hover{background:#dde7d7}.nav-count{margin-left:auto;font-size:11px;color:#637456;font-weight:500}.nav-button.active .nav-count{background:#eaf0e5;min-width:23px;text-align:center;border-radius:4px;line-height:20px;color:#3f603c}.nav-icon svg{width:18px}.projects-caption{margin-top:37px;display:flex;justify-content:space-between}.projects-caption>span{letter-spacing:0;font-weight:400}.project-nav{display:grid;gap:3px}.project-button{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:10px 13px;border-radius:5px;text-align:left;font-size:12px;color:#626f5d}.project-button.active{background:#d6e2d1;color:#294a34}.project-dot{width:7px;height:7px;border-radius:2px;flex:none;background:var(--project-color)}.project-button .nav-count{font-size:10px;opacity:0;transition:opacity .15s}.project-button:hover .nav-count,.project-button.active .nav-count{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:28px}.together-note{padding:18px 12px 27px}.together-note svg{width:145px;height:60px;color:#8a9f7d;transform:rotate(-6deg)}.together-note p{font-family:DM Serif;font-size:19px;line-height:1.45;color:#697a60;margin:10px 0 0}.team-label{border-top:1px solid #d7e0d0;padding:21px 8px;font-size:10px;color:#637559;display:flex;align-items:center;gap:7px}.online-dot,.live-indicator,.save-dot{display:inline-block;width:5px;height:5px;background:#729364;border-radius:50%;flex:none}.workspace-main{margin-left:232px;min-width:0;flex:1}
.topbar{height:73px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--canvas);position:relative;gap:14px}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px}.breadcrumb>span:first-child{color:#6d7665}.crumb-slash{color:#b7bdb1}.topbar-right{display:flex;align-items:center;gap:8px;font-size:11px;color:#6e795f}.topbar-divider{width:1px;height:19px;background:var(--line);margin:0 9px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:6px;flex:none}.icon-button:hover{background:#e9eee4}.help-button{border:1px solid #c4cdbc;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:600}.menu-button{display:none}.shortcuts{position:absolute;right:32px;top:60px;z-index:10;background:white;padding:22px;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #263d3214;font-size:13px}.shortcuts p{color:var(--muted);margin-bottom:0}.shortcuts kbd{margin-right:6px}main{max-width:1450px;margin:auto;padding:40px 42px 0;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:24px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#6c7b5f;display:flex;align-items:center;gap:7px}.small-star{font-size:17px;line-height:1;color:#6b8360}h1{font:400 49px/1.1 DM Serif,Georgia,serif;letter-spacing:-1.6px;margin:13px 0 13px}.heading-dot{color:#92a584}.page-heading p{color:var(--muted);font-size:13px;margin:0}.team-preview{text-align:right;align-self:flex-end;padding-bottom:2px}.avatar-stack{display:flex;justify-content:flex-end;padding-right:3px;margin-bottom:11px}.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:-.2px;flex:none;background:var(--avatar-bg,#e7ece2);color:var(--avatar-ink,#586747)}.avatar-stack .avatar{border:2px solid var(--canvas);width:31px;height:31px;margin-right:-4px;font-size:9px}.team-preview>span{font-size:10px;color:#6e795f}.overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:#f4f6ef;overflow:hidden;margin-bottom:36px}.stat{background:transparent;padding:18px 22px 16px;border:0;border-right:1px solid #e1e6d9;text-align:left;position:relative}.stat:last-child{border-right:0}.stat:hover{background:#eaf0e3}.stat.active:after{content:"";position:absolute;bottom:0;left:22px;right:22px;height:2px;background:#7c956a}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#66745d}.stat-top>span:first-child{display:flex;align-items:center;gap:7px}.stat-top>span[data-icon]{color:#8e9c80}.stat-top svg{width:15px;height:15px}.stat-bottom{display:flex;align-items:baseline;gap:12px;margin-top:12px}.stat-bottom strong{font-size:30px;font-weight:500;line-height:1;letter-spacing:-1.5px}.stat-bottom>span{font-size:10px;color:#6e795f}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}.status-dot.in-progress{background:#ae8739}.status-dot.blocked{background:#b96d51}.status-dot.done{background:#739463}
.list-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.list-heading>div:first-child{display:flex;align-items:center;gap:10px}h2{margin:0}.list-heading h2{font-size:15px;font-weight:600}.total-pill{font-size:10px;background:#eaf0e5;color:#637456;padding:3px 7px;border-radius:5px}.list-note{font-size:10px;color:#6e795f;display:flex;align-items:center;gap:7px}.list-note svg{width:13px;height:13px}.clear-project{border:0;background:#edf0e7;border-radius:4px;font-size:17px;line-height:20px;min-width:24px;min-height:24px}.toolbar{display:flex;align-items:center;gap:12px;padding:19px 0}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;background:white;padding:0 11px;width:310px;height:36px}.search-wrap>span{color:#8d9586}.search-wrap svg{width:15px;height:15px}.search-wrap:focus-within{outline:2px solid var(--focus);outline-offset:2px}.search-wrap input{width:100%;min-width:0;background:transparent;border:0;padding:7px 0;font-size:12px;color:var(--text);outline:none}.search-wrap input:focus-visible{outline:none}.search-wrap input::placeholder{color:#76826b}kbd{font:10px DM Sans,Arial,sans-serif;display:inline-block;border:1px solid #e3e7dc;border-radius:3px;min-width:17px;text-align:center;line-height:18px;color:#6e795f}.filter-wrap,.sort-wrap{display:flex;align-items:center;gap:7px;position:relative}.filter-wrap{border:1px solid var(--line);background:white;border-radius:6px;padding-left:11px}.filter-wrap>span{color:#7e8974}.filter-wrap svg,.sort-wrap svg{width:14px;height:14px}select{appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2375826b' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 10px center;border:0;padding:8px 28px 8px 0;color:#64715a;font-size:11px;min-height:34px;cursor:pointer}.sort-wrap{margin-left:auto;color:#7e8974}.sort-wrap label{display:flex}.sort-wrap select{font-size:11px}.task-table{border-bottom:1px solid var(--line)}.table-head,.task-row{display:grid;grid-template-columns:minmax(240px,1fr) 114px 137px 80px 68px 24px;column-gap:14px;align-items:center}.table-head{padding:10px 14px;background:#f0f3eb;border-radius:5px;font-size:10px;color:#6e795f;line-height:17px}.task-row{padding:17px 14px;border-bottom:1px solid var(--line);position:relative;transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f1f5ec}.task-row:has(.open-task:focus-visible){background:#edf2e7}.task-title-cell{display:flex;align-items:flex-start;gap:12px;min-width:0}.task-status-icon{width:15px;height:15px;margin-top:3px;border:1.5px solid #b5beac;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.task-status-icon.in-progress{border-color:#b2944c;background:conic-gradient(#b2944c 50%,transparent 0);box-shadow:inset 0 0 0 3px var(--canvas)}.task-status-icon.blocked{border-color:#c0876e;border-radius:4px;color:#b97152;font-size:10px;font-weight:700;line-height:1}.task-status-icon.done{background:#839e74;border-color:#839e74;color:white}.task-status-icon.done svg{width:11px;height:11px}.task-title-group{min-width:0}.open-task{display:block;text-align:left;border:0;padding:0;background:transparent;font-size:14px;line-height:1.5;font-weight:500;color:#334337}.open-task:after{content:"";position:absolute;inset:0;z-index:1}.open-task:focus-visible{outline-offset:5px;border-radius:2px}.task-secondary{display:flex;gap:8px;align-items:center;color:#6e795f;font-size:10px;margin-top:4px;line-height:1.4;flex-wrap:wrap}.task-secondary .separator{width:2px;height:2px;background:#b5bcaa;border-radius:50%}.task-tag{font-size:9px;padding:1px 5px;background:#eef1e9;border-radius:3px;color:#6a765d}.comment-count{display:flex;align-items:center;gap:3px;font-size:9px}.comment-count svg{width:11px;height:11px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:4px 7px;border-radius:4px;width:max-content;white-space:nowrap;line-height:1.4}.status-badge.todo{background:#eef0e9;color:#687259}.status-badge.in-progress{background:#f4edd9;color:#896620}.status-badge.blocked{background:#f8e9e1;color:#985334}.status-badge.done{background:#eaf0e4;color:#587344}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.assignee-cell{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;color:#67765b}.assignee-cell .avatar{width:25px;height:25px;font-size:8px}.due-date{font-size:12px;color:#6a755e;white-space:nowrap}.priority{display:flex;align-items:center;gap:6px;font-size:10px;color:#6e795f}.priority-bars{display:inline-flex;align-items:flex-end;gap:2px;height:11px}.priority-bars i{width:2px;background:#d9ded1;border-radius:1px;height:4px}.priority-bars i:nth-child(2){height:7px}.priority-bars i:nth-child(3){height:10px}.priority.high .priority-bars i{background:#b88865}.priority.medium .priority-bars i:nth-child(-n+2){background:#9eaa87}.priority.low .priority-bars i:first-child{background:#a1ad91}.row-arrow{color:#a1ad94}.row-arrow svg{width:14px;height:14px}.list-footer{display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:#6e795f;font-size:10px}.list-footer>span:last-child{display:flex;gap:6px;align-items:center}.save-dot{width:4px;height:4px;background:#8ea479}.page-signoff{display:flex;align-items:center;justify-content:center;gap:7px;color:#6e795f;font-size:10px;padding:20px 0 32px}.page-signoff .small-star{font-size:13px;color:#8d9980}.empty-state{text-align:center;padding:58px 24px}.empty-icon{display:inline-flex;background:#edf2e7;border-radius:50%;padding:15px;color:#7c906f}.empty-icon svg{width:23px;height:23px}.empty-state h3{font:25px DM Serif,Georgia,serif;margin:18px 0 10px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.6;max-width:340px;margin:0 auto 23px}.primary-button{background:var(--green);color:white;border:1px solid var(--green);border-radius:6px;padding:11px 17px;font-size:12px}.primary-button:hover{background:#294e3a}.secondary-button{background:#f6f8f1;border:1px solid #dde5d4;border-radius:5px;padding:10px 13px;font-size:12px}.secondary-button:hover{background:#e9f0e2}.loading{padding:45px;text-align:center;color:var(--muted)}
dialog{border:0;padding:0;color:var(--text);background:var(--canvas);width:560px;max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;box-shadow:-15px 0 50px #2339281a;overflow:auto}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#273b354d;backdrop-filter:blur(2px)}.detail-top{min-height:73px;display:flex;justify-content:space-between;align-items:center;padding:16px 30px;border-bottom:1px solid var(--line);gap:16px}.detail-breadcrumb{display:flex;gap:10px;align-items:center;color:#687b5c;font-size:11px}.detail-breadcrumb>span:nth-child(2){color:#adb6a3}.detail-breadcrumb svg{width:16px;height:16px}.detail-content{padding:37px 34px;flex:1}.detail-content h2{font:35px/1.2 DM Serif,Georgia,serif;letter-spacing:-.5px;margin:14px 0 19px}.detail-tags{display:flex;gap:7px}.detail-tags>span{font-size:11px;background:#edf1e7;color:#637754;padding:5px 8px;border-radius:4px}.detail-properties{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:18px 15px;margin-top:32px;font-size:13px}.detail-properties label,.property-label{color:#6e7f61;display:flex;align-items:center;gap:9px;font-size:12px}.detail-properties label svg,.property-label svg{width:15px;height:15px}.detail-properties select{border:1px solid #dce4d4;border-radius:6px;padding-left:10px;font-size:12px;width:170px;background-color:white}.detail-properties .assignee-cell{font-size:13px}.detail-properties .priority{font-size:12px}.detail-feedback{font-size:11px;color:var(--green);min-height:17px;margin:17px 0}.description-heading{font-size:12px;font-weight:600;padding-top:24px;border-top:1px solid var(--line)}.detail-body{font-size:14px;line-height:1.85;color:#63705c;margin-top:14px;white-space:pre-line;overflow-wrap:anywhere}.detail-comment-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#6e7f61;padding-top:28px}.detail-comment-note svg{width:15px;height:15px}.detail-footer{padding:22px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.detail-footer>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#6e7f61}.toast{position:fixed;bottom:25px;left:calc(50% + 116px);transform:translateX(-50%);padding:14px 20px;background:#314e3c;color:#fff;border-radius:8px;font-size:12px;box-shadow:0 5px 20px #263d3220;z-index:70;max-width:calc(100vw - 32px);line-height:1.5}.nav-backdrop{display:none}
@media(min-width:1600px){main{padding-top:48px}.task-row{padding-top:20px;padding-bottom:20px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.workspace-main{margin-left:210px}.topbar{padding:0 30px}main{padding:35px 30px 0}.table-head,.task-row{grid-template-columns:minmax(210px,1fr) 100px 116px 70px 56px 12px;column-gap:10px}.stat{padding:18px 16px}.stat-bottom{gap:8px}.stat-bottom>span{font-size:9px}.assignee-cell{gap:6px;font-size:10px}.task-tag{display:none}.toast{left:calc(50% + 105px)}}
@media(max-width:1050px){.sidebar{width:195px}.workspace-main{margin-left:195px}.workspace-label{margin-left:3px;gap:7px}.workspace-label>div>span{font-size:9px}.table-head,.task-row{grid-template-columns:minmax(180px,1fr) 95px 102px 62px;gap:10px}.priority-cell,.arrow-cell{display:none}.stat-bottom{display:block}.stat-bottom>span{display:block;margin-top:8px}.team-preview{display:none}.task-row{padding-left:8px;padding-right:8px}.task-title-cell{gap:9px}.overview{margin-bottom:28px}.topbar-right>span:not(.topbar-divider){display:none}.stat-top{font-size:10px}.stat-top>span[data-icon]{display:none}.list-note{display:none}.toast{left:calc(50% + 98px)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px;visibility:hidden}.sidebar.is-open{transform:translateX(0);visibility:visible}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#23392850;border:0;z-index:29}.workspace-main{margin-left:0}.menu-button{display:flex;margin-left:-5px}.topbar{height:64px;padding:0 24px;justify-content:flex-start}.topbar-right{margin-left:auto}.topbar-divider{display:none}main{padding:30px 24px 0}.table-head,.task-row{grid-template-columns:minmax(200px,1fr) 95px 112px 62px;gap:10px}.toast{left:50%}.page-heading{margin-bottom:24px}.stat-bottom{display:flex;align-items:baseline;gap:10px}.stat-bottom>span{font-size:9px;line-height:1.4;max-width:70px}.stat{padding:16px 14px}.stat.active:after{left:14px;right:14px}.overview{margin-bottom:26px}.sidebar-bottom{min-height:150px}.together-note{padding-top:0}}
@media(max-width:700px){.topbar{padding:0 20px;gap:12px}.breadcrumb{font-size:11px;gap:11px}main{padding:29px 20px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:43px;margin-top:12px;margin-bottom:11px}.page-heading p{font-size:12px}.page-heading{margin-bottom:25px}.overview{grid-template-columns:repeat(4,1fr);border-radius:7px;margin-bottom:30px}.stat{padding:14px 9px 13px}.stat-top{font-size:9px;letter-spacing:-.1px;line-height:14px}.stat-top>span:first-child{gap:4px}.stat-top .status-dot{width:5px;height:5px}.stat-bottom{display:block;margin-top:12px}.stat-bottom strong{font-size:27px}.stat-bottom>span{display:none}.stat.active:after{left:10px;right:10px}.list-heading{padding-bottom:14px}.list-heading h2{font-size:14px}.toolbar{flex-wrap:wrap;gap:10px;padding:15px 0 17px}.search-wrap{width:100%;height:40px}.search-wrap input{font-size:16px;padding-top:8px;padding-bottom:8px}.search-wrap kbd{display:none}.filter-wrap{height:38px}.sort-wrap{height:38px}.toolbar select{font-size:12px}.table-head{display:none}.task-table{border-top:1px solid var(--line)}.task-row{display:grid;grid-template-columns:1fr auto;row-gap:13px;padding:19px 0 17px;column-gap:10px}.task-title-cell{grid-column:1 / -1;gap:11px;padding-right:8px}.open-task{font-size:13px;line-height:1.5}.task-status-icon{margin-top:3px}.task-secondary{margin-top:6px;font-size:10px}.task-tag{display:inline}.status-cell{grid-column:2;grid-row:2 / 4;align-self:center}.status-badge{font-size:10px;padding:5px 8px}.assignee-cell{grid-column:1;grid-row:2;font-size:11px;gap:7px;margin-left:26px}.assignee-cell .avatar{width:21px;height:21px;font-size:7px}.due-date{grid-column:1;grid-row:3;margin-left:54px;font-size:10px;margin-top:-10px}.due-date:before{content:"Due ";color:#6e795f}.list-footer{flex-direction:column;gap:10px;padding:18px 0;font-size:10px}.page-signoff{padding:18px 0 28px}.detail-top{min-height:64px;padding:15px 20px}.detail-content{padding:30px 23px}.detail-content h2{font-size:32px}.detail-properties{grid-template-columns:112px 1fr;gap:18px 12px}.detail-properties .assignee-cell{margin:0;grid-column:auto;grid-row:auto}.detail-properties .assignee-cell .avatar{width:25px;height:25px;font-size:9px}.detail-properties select{width:100%;font-size:16px;max-width:190px}.detail-footer{padding:20px;flex-wrap:wrap;gap:15px}.detail-footer>span{font-size:10px}.detail-body{font-size:14px}.toast{bottom:16px;width:max-content;text-align:center}.shortcuts{right:20px;max-width:calc(100vw - 40px)}.empty-state{padding:40px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}