@font-face{font-family:"Space Grotesk";src:url("./assets/space-grotesk.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Work Sans";src:url("./assets/work-sans.ttf") format("truetype");font-display:swap}
:root{color-scheme:light;--page:#f6f7f5;--surface:#fdfefd;--surface-soft:#f0f3ef;--ink:#17251e;--muted:#53645a;--subtle:#67776d;--line:#dbe3dc;--accent:#315d42;--accent-soft:#e2eee5;--sidebar:#172820;--sidebar-ink:#e7eee8;--sidebar-muted:#a8b9ac;--shadow:0 22px 70px rgba(13,37,24,.18)}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;background:var(--page);color:var(--ink);font-family:"Work Sans",Arial,sans-serif;font-size:14px;line-height:1.5}
button,input,select{font:inherit}
button{cursor:pointer}
button:active{transform:translateY(1px)}
:focus-visible{outline:3px solid #648c70;outline-offset:3px}
[hidden]{display:none!important}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:242px minmax(0,1fr)}
.sidebar{background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:30px 16px 24px;min-height:100dvh}
.brand{display:flex;align-items:center;gap:11px;padding:0 15px 40px}
.brand-mark{width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;transform:rotate(-9deg)}
.brand-mark i{background:#97bd9d;border-radius:2px}.brand-mark i:nth-child(2){opacity:.45}.brand-mark i:nth-child(3){opacity:.7}.brand-mark i:nth-child(4){background:#e9f1e9}
.brand-name{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:25px;line-height:1;letter-spacing:-.07em;display:block}.brand-period{color:#8dbb95}.brand-name small{display:block;font:600 9px "Work Sans",sans-serif;letter-spacing:.18em;color:var(--sidebar-muted);margin-top:8px}
.nav-label{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--sidebar-muted);margin:0 14px 10px}.nav-label-secondary{margin-top:33px}
.side-nav{display:flex;flex-direction:column}.nav-link{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;color:#c5d3c8;background:transparent;padding:11px 13px;text-align:left;font-size:13px;font-weight:500}.nav-link:hover{background:#253b2e;color:#f0f6f0}.nav-link.is-active{background:#3e624a;color:#f5faf5;font-weight:700}.nav-symbol{font-size:17px;text-align:center;line-height:1;font-family:Arial,sans-serif}.nav-count{font-size:12px;color:inherit;opacity:.8}
.sidebar-footer{margin-top:auto;border-top:1px solid #385143;padding:24px 13px 2px;display:flex;align-items:center;gap:13px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:11px;color:var(--sidebar-muted);margin-top:2px}.team-stack{display:flex;padding-left:2px}.team-stack span{width:25px;height:25px;display:grid;place-items:center;margin-left:-3px;border:2px solid var(--sidebar);border-radius:50%;background:#9cb7a2;color:#173021;font-size:8px;font-weight:700}.team-stack span:nth-child(2){background:#d1dccf}.team-stack span:nth-child(3){background:#8eab94}.team-stack span:nth-child(4){background:#c0cfbf}
.main{min-width:0}.topbar{height:72px;padding:0 clamp(24px,4.2vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface)}.breadcrumb{display:flex;gap:13px;align-items:center;color:var(--subtle);font-size:12px}.breadcrumb strong{font-weight:650;color:var(--ink)}.breadcrumb span{color:#a1aea4}.topbar-team{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:600}.topbar-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:"Space Grotesk";font-size:16px;font-weight:700}
.content{max-width:1440px;padding:43px clamp(24px,4.2vw,64px) 72px;margin:auto}.page-intro{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:35px}.section-kicker{color:var(--accent);font-weight:700;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 11px}.page-intro h1{font:700 clamp(38px,3.5vw,53px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0}.page-intro h1 span{color:#76a681}.intro-copy{font-size:14px;color:var(--muted);margin:15px 0 0;max-width:470px}.intro-total{border-left:1px solid var(--line);padding:0 0 3px 29px;min-width:160px;display:flex;flex-direction:column;align-items:flex-start}.intro-total strong{font:700 43px/1 "Space Grotesk",sans-serif;letter-spacing:-.06em}.intro-total span{font-size:11px;color:var(--muted);margin-top:7px}
.status-overview{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:43px;overflow:hidden}.overview-cell{text-align:left;padding:20px 24px 17px;background:transparent;border:0;border-right:1px solid var(--line);display:flex;flex-direction:column;color:var(--ink);min-width:0}.overview-cell:last-child{border-right:0}.overview-cell:hover,.overview-cell.is-selected{background:var(--accent-soft)}.overview-cell>span{font-size:12px;color:var(--muted);font-weight:600}.overview-cell strong{font:700 31px/1.15 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin-top:11px}.overview-cell small{font-size:11px;color:var(--subtle);margin-top:4px}
.tasks-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.tasks-heading h2{font:700 24px/1.1 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:0}.tasks-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.heading-note{color:var(--subtle);font-size:11px}
.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:14px;margin-bottom:19px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--muted)}.input-shell{position:relative;display:block}.input-shell input,.field select{height:43px;width:100%;border:1px solid #cbd7cd;border-radius:8px;background:var(--surface);color:var(--ink);font-size:13px;outline:none}.input-shell input{padding:0 15px 0 41px}.field select{padding:0 34px 0 13px}.input-shell input::placeholder{color:#69796e;opacity:1}.input-shell input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(70,115,78,.15)}.search-glyph{position:absolute;left:15px;top:14px;width:14px;height:14px;border:1.8px solid #677c6b;border-radius:50%;pointer-events:none}.search-glyph:after{content:"";position:absolute;width:6px;height:1.8px;background:#677c6b;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:1px}
.list-surface{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.list-columns,.task-row{display:grid;grid-template-columns:minmax(260px,2.9fr) minmax(85px,1fr) minmax(120px,1.3fr) 83px 105px;gap:17px;align-items:center}.list-columns{padding:11px 23px;background:var(--surface-soft);color:var(--subtle);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.task-row{padding:16px 23px;border-top:1px solid var(--line);min-height:84px}.task-row:first-child{border-top:0}.task-row:hover{background:#f7faf7}.task-cell{min-width:0}.task-title-button{display:block;border:0;background:transparent;padding:0;color:var(--ink);text-align:left;font-weight:700;font-size:13px;line-height:1.35;width:100%}.task-title-button:hover{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}.task-summary{font-size:11px;color:var(--subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;max-width:440px}.project-cell,.date-cell{font-size:11px;color:var(--muted)}.person-cell{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;font-weight:600;white-space:nowrap}.person-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:#dce9dd;color:#315d42;font-size:9px;font-weight:800}.person-avatar[data-person="Theo Martin"],.person-avatar[data-person="Jon Bell"]{background:#dfe7d9;color:#415d44}.person-avatar[data-person="Asha Patel"],.person-avatar[data-person="Sam Ellis"]{background:#d3e5d8;color:#235439}.status-badge{font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-width:76px;white-space:nowrap;padding:6px 9px;border-radius:6px;background:#eef2ee;color:#475a4c}.status-badge[data-status="in-progress"]{background:#e3eee6;color:#315d42}.status-badge[data-status="blocked"]{background:#f1ece7;color:#765845}.status-badge[data-status="done"]{background:#e9eeeb;color:#516258}.loading-row{padding:35px;color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:64px 24px 69px}.empty-mark{width:48px;height:48px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;margin:auto;color:var(--accent);font-size:31px;line-height:1}.empty-state h3{font:700 20px "Space Grotesk",sans-serif;margin:16px 0 4px}.empty-state p{color:var(--muted);font-size:13px;margin:0 0 20px}.reset-button{border:0;border-radius:8px;padding:10px 15px;background:var(--accent);color:#f7fbf7;font-weight:700;font-size:12px}.reset-button:hover{filter:brightness(1.08)}
dialog{color:var(--ink);border:0;border-radius:16px;padding:0;width:min(780px,calc(100vw - 32px));max-height:min(90dvh,900px);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}dialog::backdrop{background:rgba(13,32,20,.56)}.detail-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);height:61px;padding:0 31px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.close-button{display:flex;align-items:center;gap:11px;background:transparent;color:var(--ink);border:0;padding:8px 0;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}.close-button span{font-size:21px;font-weight:400;line-height:1}.close-button:hover{color:var(--accent)}.detail-scroll{overflow:auto;max-height:calc(min(90dvh,900px) - 61px)}.detail-heading{padding:31px 35px 27px;border-bottom:1px solid var(--line)}.detail-heading>span{display:block;font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.detail-heading h2{font:700 clamp(26px,3vw,34px)/1.15 "Space Grotesk",sans-serif;letter-spacing:-.05em;margin:0 0 14px;max-width:680px}.detail-heading-meta{display:flex;gap:11px;align-items:center}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr)}.detail-main{padding:31px 35px 58px}.detail-main h3{font:700 16px "Space Grotesk",sans-serif;margin:0 0 17px}.detail-body p{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 17px;white-space:pre-wrap}.detail-aside{border-left:1px solid var(--line);background:#f9fbf9;padding:31px 26px 48px}.detail-status-field select{background:var(--surface)}.status-feedback{margin:10px 0 0;border-radius:7px;background:var(--accent-soft);color:var(--accent);padding:10px;font-size:11px;font-weight:700}.metadata{margin:27px 0 0}.metadata>div{padding:12px 0;border-top:1px solid var(--line)}.metadata dt{font-size:10px;color:var(--subtle);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metadata dd{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--ink)}.tag{display:inline-block;background:#eaf0eb;border-radius:5px;margin:0 4px 4px 0;padding:3px 6px;font-size:10px;color:var(--accent)}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--page:#111b16;--surface:#1b2820;--surface-soft:#26362b;--ink:#edf4ee;--muted:#c2d0c4;--subtle:#a7b9aa;--line:#3b4b3e;--accent:#9acba5;--accent-soft:#2a4733;--sidebar:#101c15;--sidebar-ink:#e7eee8;--sidebar-muted:#a8b9ac;--shadow:0 22px 70px rgba(0,0,0,.4)}.task-row:hover{background:#233529}.input-shell input,.field select{border-color:#526957}.input-shell input::placeholder{color:#abbcaf}.search-glyph{border-color:#b4c6b8}.search-glyph:after{background:#b4c6b8}.detail-aside{background:#1e2b22}.status-badge{background:#334537;color:#d4e2d6}.status-badge[data-status="in-progress"]{background:#2a4b34;color:#b9e0c0}.status-badge[data-status="blocked"]{background:#514136;color:#f3d7bf}.status-badge[data-status="done"]{background:#3c4c40;color:#d7e7d9}.person-avatar{background:#44644c;color:#f1f8f2}.person-avatar[data-person="Theo Martin"],.person-avatar[data-person="Jon Bell"]{background:#526548;color:#f1f8f2}.person-avatar[data-person="Asha Patel"],.person-avatar[data-person="Sam Ellis"]{background:#3f674a;color:#f1f8f2}.tag{background:#304d38;color:#c4e7cb}.reset-button{background:#9acba5;color:#102117}.topbar-avatar{color:#c4ebcb}.overview-cell:hover,.overview-cell.is-selected{background:#2a4733}}
@media(max-width:1120px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.list-columns,.task-row{grid-template-columns:minmax(230px,2fr) minmax(80px,1fr) minmax(105px,1fr) 75px 95px;gap:10px}.task-row,.list-columns{padding-left:16px;padding-right:16px}.person-avatar{display:none}}
@media(max-width:850px){.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 24px}.content{padding:34px 24px 60px}.list-columns,.task-row{grid-template-columns:minmax(0,2fr) minmax(80px,.7fr) minmax(90px,.7fr)}.list-columns span:nth-child(3),.list-columns span:nth-child(4),.person-cell,.date-cell{display:none}.task-row{min-height:79px}.status-badge{justify-self:end}}
@media(max-width:600px){.topbar{padding:0 18px}.breadcrumb{font-size:11px}.topbar-team>span:last-child{display:none}.content{padding:29px 18px 50px}.page-intro{align-items:start;margin-bottom:26px}.page-intro h1{font-size:38px}.section-kicker{font-size:10px}.intro-copy{font-size:12px;line-height:1.55;margin-top:11px}.intro-total{display:none}.status-overview{grid-template-columns:repeat(4,1fr);margin-bottom:32px}.overview-cell{padding:14px 10px 13px;min-height:91px}.overview-cell>span{font-size:10px;line-height:1.2;min-height:25px}.overview-cell strong{font-size:24px;margin-top:4px}.overview-cell small{display:none}.tasks-heading{margin-bottom:17px}.tasks-heading h2{font-size:21px}.heading-note{display:none}.toolbar{grid-template-columns:1fr;gap:11px;margin-bottom:16px}.list-columns{display:none}.task-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;min-height:89px}.task-title-button{font-size:12px}.task-summary{font-size:10px;line-height:1.4;max-width:235px}.project-cell{display:none}.status-badge{font-size:9px;min-width:65px;padding:6px}.detail-top{padding:0 20px}.detail-heading{padding:25px 22px 23px}.detail-heading h2{font-size:27px}.detail-grid{grid-template-columns:1fr}.detail-main{padding:26px 22px 14px}.detail-aside{border-left:0;border-top:1px solid var(--line);padding:25px 22px 35px}.detail-body p{font-size:13px}.metadata{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.metadata>div{min-width:0}.metadata dd{overflow-wrap:anywhere}dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.detail-scroll{max-height:calc(100dvh - 61px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.task-title-button{padding:4px 0}
.task-row{cursor:pointer}
@media(max-width:600px){.overview-cell>span{font-size:11px}.task-title-button{font-size:13px}.task-summary{font-size:11px}.status-badge{font-size:10px;min-width:72px}.detail-body p{font-size:14px}}