@font-face{font-family:"Work Sans";src:url("./assets/work-sans.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("./assets/space-grotesk.ttf") format("truetype");font-display:swap}
:root{--bg:#f6f7f4;--surface:#fff;--ink:#1f2925;--muted:#78837d;--line:#e4e9e4;--accent:#286d51;--accent-soft:#e8f2eb;--radius:10px;font-family:"Work Sans",Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,input,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #84b99c;outline-offset:3px}
[hidden]{display:none!important}
.app-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100dvh}
.sidebar{background:#f0f3ee;border-right:1px solid #e2e8e1;display:flex;flex-direction:column;padding:31px 16px 24px}
.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:23px;letter-spacing:-1.3px}
.brand-period,.heading-period{color:var(--accent)}
.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(-12deg);flex:none}
.brand-mark span{display:block;background:var(--accent);border-radius:2px}
.brand-mark span:nth-child(2){opacity:.68}.brand-mark span:nth-child(3){opacity:.4}
.workspace-card{margin:41px 0 36px;padding:10px 11px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px #244a3107}
.workspace-avatar,.user-avatar{display:grid;place-items:center;border-radius:7px;background:#dcebe1;color:#27694e;font-family:"Space Grotesk",sans-serif;font-weight:700}
.workspace-avatar{width:32px;height:32px;font-size:17px}
.workspace-copy{display:grid;gap:2px;min-width:0}.workspace-copy strong{font-size:12px;font-weight:700;white-space:nowrap}.workspace-copy small{font-size:10px;color:var(--muted);white-space:nowrap}
.workspace-chevron{margin-left:auto;color:var(--muted);font-size:19px;line-height:1}
.nav-group{display:grid;gap:4px}.nav-label,.eyebrow,.heading-aside-label{color:#8a968e;font-size:10px;font-weight:700;letter-spacing:1.35px}.nav-label{padding:0 14px;margin:0 0 10px}
.nav-item{width:100%;border:0;background:transparent;color:#52615a;border-radius:8px;text-align:left;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:12px;font-weight:600;transition:background .15s,color .15s}
.nav-item:hover{background:#e7ede7}.nav-item.active{background:#dfece2;color:#225f46;font-weight:700}
.nav-count{margin-left:auto;color:#8d9b91;font-size:11px;font-weight:600}.active .nav-count{color:#3f7656}
.nav-icon{width:15px;height:15px;display:inline-block;flex:none;position:relative;color:currentColor}
.inbox-icon{border:1.6px solid currentColor;border-radius:3px;height:11px;margin-top:3px}.inbox-icon:after{content:"";position:absolute;width:5px;height:4px;border:1.5px solid currentColor;border-top:0;left:3px;top:4px}
.circle-icon{border:1.6px solid currentColor;border-radius:50%;width:13px;height:13px;margin-left:1px}
.progress-icon{border:1.6px solid currentColor;border-radius:50%;width:13px;height:13px;margin-left:1px}.progress-icon:after{content:"";position:absolute;inset:3px 1px 1px 5px;background:currentColor;border-radius:0 100% 100% 0}
.blocked-icon{border:1.6px solid currentColor;border-radius:50%;width:13px;height:13px;margin-left:1px}.blocked-icon:after{content:"";position:absolute;width:9px;height:1.5px;background:currentColor;top:4.2px;left:.5px;transform:rotate(-45deg)}
.done-icon{border:1.6px solid currentColor;border-radius:50%;width:13px;height:13px;margin-left:1px}.done-icon:after{content:"";position:absolute;width:6px;height:3px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);top:2px;left:2px}
.sidebar-bottom{margin-top:auto;padding:18px 11px 0;color:#596960}.sidebar-bottom-title{font-family:"Space Grotesk";font-size:13px;font-weight:700;color:#33483b}.sidebar-bottom p{font-size:11px;line-height:1.55;margin:8px 0 22px}.sidebar-rule{height:1px;background:#dde5db;margin-bottom:18px}.team-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#7d8c82;white-space:nowrap}.team-avatars{display:flex;padding-left:3px}.team-avatars i{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border:2px solid #f0f3ee;border-radius:50%;margin-left:-4px;background:#cee2d4;color:#406752;font-size:7px;font-weight:700}.team-avatars i:nth-child(2){background:#e4e1d7;color:#796b54}.team-avatars i:nth-child(3){background:#d7e0e8;color:#526c7f}
.main-content{min-width:0}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:#fff}.breadcrumb{display:flex;gap:13px;align-items:center;color:#9aa49e;font-size:11px}.breadcrumb strong{color:#4c5a53;font-weight:600}.slash{color:#bdc5bf}.topbar-right{display:flex;align-items:center;gap:9px;color:#77867d;font-size:11px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#6ba67b}.user-avatar{width:29px;height:29px;margin-left:10px;font-size:13px}.mobile-brand{display:none}
.page-content{max-width:1230px;padding:47px 52px 25px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}.eyebrow{color:var(--accent);margin-bottom:12px}.page-heading h1{font-family:"Space Grotesk",sans-serif;font-size:43px;line-height:1.05;letter-spacing:-2.4px;margin:0;font-weight:700}.page-heading p{font-size:13px;line-height:1.5;margin:12px 0 0;color:#78857d}.heading-aside{display:grid;gap:5px;padding-bottom:5px;text-align:right;font-size:11px;color:#8c9990}.heading-aside strong{font-family:"Space Grotesk";font-size:17px;color:#2c3931;letter-spacing:-.4px}
.overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:0 4px 16px #263c2b06}.overview-item{padding:20px 24px 18px;min-height:122px;display:flex;flex-direction:column}.overview-item+ .overview-item{border-left:1px solid var(--line)}.overview-item>span{font-size:11px;font-weight:600;color:#68766d}.overview-item strong{font-family:"Space Grotesk";font-size:31px;line-height:1.1;letter-spacing:-1.4px;margin:9px 0 4px}.overview-item small{font-size:10px;color:#9ba69e}.overview-item:nth-child(3) strong{color:#9a6046}.overview-item:nth-child(4) strong{color:var(--accent)}
.inbox-section{margin-top:43px;scroll-margin-top:20px}.section-heading h2{font-family:"Space Grotesk";font-size:21px;letter-spacing:-.8px;margin:0;display:flex;align-items:center;gap:10px}.section-heading p{font-size:11px;color:#89968c;margin:6px 0 0}.result-count{display:grid;place-items:center;min-width:25px;height:22px;border-radius:6px;background:#e5ebe5;color:#637268;font:600 11px "Work Sans";letter-spacing:0;padding:0 6px}
.toolbar{display:flex;gap:13px;align-items:end;margin:25px 0 19px}.toolbar label{display:grid;gap:8px}.field-label{font-size:10px;font-weight:700;color:#5b6a60}.search-field{flex:1;min-width:0}.filter-field{width:174px;flex:none}.search-wrap{height:42px;display:flex;align-items:center;position:relative}.search-wrap input,.filter-field select,.detail-footer select{height:42px;width:100%;border:1px solid #dce4dd;border-radius:8px;background:#fff;color:#34443a;font-size:11px}.search-wrap input{padding:0 14px 0 39px}.search-wrap input::placeholder{color:#a0aca2}.filter-field select{padding:0 12px;cursor:pointer}.search-icon{position:absolute;left:15px;top:13px;width:12px;height:12px;border:1.8px solid #94a198;border-radius:50%;pointer-events:none}.search-icon:after{content:"";position:absolute;width:5px;height:1.8px;background:#94a198;right:-4px;bottom:-2px;transform:rotate(45deg)}
.list-header,.task-row{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(90px,.55fr) minmax(110px,.6fr) 55px;align-items:center;column-gap:18px}.list-header{padding:0 19px 11px;color:#a2ada4;font-size:9px;font-weight:700;letter-spacing:1px}.task-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px #263c2b06}.task-row{padding:15px 19px;min-height:71px;border-bottom:1px solid #edf0eb;transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fafcf9}.task-cell{min-width:0}.title-line{display:flex;align-items:center;gap:8px;min-width:0}.task-open{border:0;background:none;padding:0;color:#26362d;font-size:11px;line-height:1.4;font-weight:700;text-align:left;min-width:0}.task-open:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.priority-marker{flex:none;border-radius:4px;background:#fbf0e9;color:#a5694e;font-size:8px;font-weight:700;padding:4px 6px;white-space:nowrap}.task-subline{font-size:10px;color:#9ba69e;margin-top:6px}.project-cell,.due-cell{font-size:10px;color:#77857a}.status-cell{justify-self:start;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:700;white-space:nowrap}.status-todo{background:#eff2ee;color:#68786d}.status-in-progress{background:#e9f1ed;color:#41795a}.status-blocked{background:#f8ece7;color:#a8664d}.status-done{background:#e7f1e8;color:#438058}.due-cell{text-align:right}
.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:46px 20px;text-align:center}.empty-symbol{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#eaf3ec;color:var(--accent);font-size:34px;margin:auto auto 15px;line-height:1}.empty-state h3{font-family:"Space Grotesk";font-size:18px;margin:0 0 8px}.empty-state p{font-size:12px;color:var(--muted);margin:0 auto 18px;max-width:300px;line-height:1.5}.clear-button{background:var(--accent);color:#fff;border:0;border-radius:7px;padding:10px 15px;font-size:11px;font-weight:700}.clear-button:hover{background:#1e573e}.clear-button:active{transform:translateY(1px)}
.loading-row{height:71px;border-bottom:1px solid #edf0eb;padding:20px;display:grid;gap:9px;align-content:center}.loading-row:last-child{border-bottom:0}.loading-row span{height:9px;width:42%;background:#e8eee8;border-radius:4px}.loading-row span+span{width:25%;height:7px;background:#f0f3ef}
.page-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a4aea5;padding:34px 0 3px}
.detail-backdrop{position:fixed;inset:0;background:#17271d75;z-index:10}.detail-panel{position:fixed;right:0;top:0;bottom:0;width:min(520px,100vw);background:#fff;z-index:11;display:flex;flex-direction:column;box-shadow:-20px 0 60px #18271c22}.detail-open{overflow:hidden}.detail-top{height:67px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;color:#93a198;font-size:10px;letter-spacing:1.25px;font-weight:700}.close-button{width:32px;height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#65766a;font-size:22px;line-height:1}.close-button:hover{background:#f0f4ef;color:var(--ink)}.detail-scroll{overflow:auto;flex:1;min-height:0;padding:31px}.detail-project{display:inline-block;background:#e9f2eb;color:var(--accent);border-radius:5px;padding:6px 8px;font-size:10px;font-weight:700}.detail-intro h2{font-family:"Space Grotesk";font-size:28px;letter-spacing:-1.1px;line-height:1.17;margin:16px 0 11px}.detail-intro p{font-size:12px;line-height:1.65;color:#6d7b70;margin:0}.detail-section{padding:27px 0;border-bottom:1px solid var(--line)}.detail-section:last-child{border-bottom:0}.detail-section-heading{font-size:11px;font-weight:700;margin-bottom:17px;color:#33473a}.detail-body p{font-size:12px;color:#68766b;line-height:1.7;margin:0 0 13px}.detail-body p:last-child{margin-bottom:0}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.detail-meta div{display:grid;gap:7px}.detail-meta span{font-size:10px;color:#9aa69b}.detail-meta strong{font-size:11px;color:#34453a;font-weight:600}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:10px;font-weight:600;color:#697a6e;background:#f0f3ef;padding:7px 9px;border-radius:5px}.detail-footer{flex:none;border-top:1px solid var(--line);padding:19px 31px 17px;background:#fafbf9}.detail-footer label{display:block;font-size:11px;font-weight:700;color:#34473a;margin-bottom:9px}.detail-footer select{height:43px;padding:0 12px;font-size:12px}.detail-footer p{min-height:15px;font-size:10px;font-weight:600;color:var(--accent);margin:7px 0 0}
@media(max-width:900px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.topbar{padding:0 26px}.page-content{padding:40px 26px 24px}.list-header,.task-row{grid-template-columns:minmax(0,1.5fr) minmax(90px,.6fr) minmax(92px,.6fr) 48px;gap:10px}.priority-marker{display:none}}
@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 20px}.mobile-brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-size:20px;letter-spacing:-1px}.mobile-brand .brand-mark{transform:rotate(-12deg) scale(.85)}.breadcrumb{display:none}.topbar-right>span:not(.user-avatar){display:none}.user-avatar{margin:0}.page-content{padding:32px 19px 20px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:35px}.page-heading p{font-size:12px}.heading-aside{display:none}.overview{grid-template-columns:repeat(2,1fr)}.overview-item{min-height:96px;padding:16px 18px}.overview-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.overview-item:nth-child(4){border-top:1px solid var(--line)}.overview-item strong{font-size:27px;margin:5px 0 2px}.inbox-section{margin-top:32px}.toolbar{gap:10px;margin:20px 0 15px}.filter-field{width:128px}.list-header{display:none}.task-list{border:0;background:transparent;box-shadow:none;border-radius:0;display:grid;gap:9px}.task-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"task status" "project due";gap:10px;min-height:105px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px #263c2b06}.task-cell{grid-area:task}.project-cell{grid-area:project}.status-cell{grid-area:status}.due-cell{grid-area:due}.task-open{font-size:12px}.task-subline{font-size:10px}.project-cell,.due-cell{font-size:10px}.priority-marker{display:none}.page-footer{padding-top:28px}.page-footer span:last-child{display:none}.detail-panel{width:100vw}.detail-top{height:61px;padding:0 20px}.detail-scroll{padding:25px 20px}.detail-footer{padding:16px 20px 12px}}
@media(max-width:380px){.toolbar{display:grid}.filter-field{width:100%}.search-wrap input,.filter-field select{height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}