@font-face{font-family:DM Sans;src:url('./assets/dm-sans.ttf') format('truetype');font-display:swap}@font-face{font-family:DM Serif;src:url('./assets/dm-serif.ttf') format('truetype');font-display:swap}@font-face{font-family:IBM Plex Mono;src:url('./assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--ink:#1a2926;--muted:#68716c;--paper:#f7f6f0;--surface:#fffefa;--line:#dcded4;--dark:#182523;--accent:#d9ed82;--todo:#647aaa;--progress:#bc814b;--blocked:#b65443;--done:#5d8864;--sans:'DM Sans',sans-serif;--serif:'DM Serif',Georgia,serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:15px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7d9b3c;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:245px;height:100vh;flex:none;background:var(--dark);color:#f4f5e8;padding:31px 19px 22px}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:22px;letter-spacing:-1.5px;font-weight:700;line-height:1}.brand-light{font-weight:400}.brand small{display:block;margin-top:8px;font:9px var(--mono);letter-spacing:1.6px;color:#aebbb0}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px;transform:rotate(-16deg);flex:none}.brand-mark i{background:var(--accent);border-radius:1px}.brand-mark i:nth-child(2){border-radius:6px 1px 1px 1px}.brand-mark i:nth-child(3){border-radius:1px 1px 1px 6px}.sidebar-middle{margin-top:78px}.rail-label{color:#83928a;font:10px var(--mono);letter-spacing:1.1px;margin:0 11px 16px}.rail-label-spaced{margin-top:48px}.rail-current{display:flex;align-items:center;gap:11px;background:#344440;color:#fff;padding:12px;border-radius:5px;font-weight:700}.rail-current-icon{display:grid;place-items:center;background:var(--accent);color:var(--dark);width:27px;height:27px;border-radius:3px;font-size:17px}.rail-count{margin-left:auto;color:#cad5c7;font:11px var(--mono)}.quick-views{display:grid;gap:2px}.quick-view{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;color:#c6d2c8;background:transparent;border:0;text-align:left;border-radius:4px;font-size:13px}.quick-view:hover,.quick-view[aria-current="true"]{background:#263733;color:white}.quick-count{margin-left:auto;font:11px var(--mono);color:#93a29a}.quick-dot{width:7px;height:7px;border-radius:50%;background:#c5d4c7}.todo-dot{background:#8ca4d1}.progress-dot{background:#d5a36c}.blocked-dot{background:#d17a6b}.done-dot{background:#8bb596}.sidebar-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 5px 0;border-top:1px solid #3b4c45;font-size:12px}.sidebar-foot small{display:block;margin-top:3px;color:#879a8e}.workspace-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e6c4a1;color:#3d3024;font:10px var(--mono)}.foot-arrow{margin-left:auto;color:#9fb1a3}.mobile-brand{display:none}
.main-content{flex:1;min-width:0;max-width:1600px;padding:0 clamp(28px,4.5vw,75px) 48px}.page-header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb,.header-meta,.section-kicker,.overview-label,.aside-index,.table-head,.list-footer,.detail-overline,.detail-body-block h3,.detail-facts span{font:10px var(--mono);letter-spacing:1.15px}.breadcrumb{font-weight:700}.breadcrumb span{padding:0 9px;color:#9da69c}.header-meta{display:flex;align-items:center;gap:10px;color:#64736a;letter-spacing:.1px}.header-spark{font-size:20px;color:#849c67}.intro{display:flex;justify-content:space-between;gap:25px;min-height:251px;padding:40px 0 34px}.section-kicker{display:flex;align-items:center;gap:9px;margin:0;color:#607363;font-weight:700}.kicker-line{height:1px;width:23px;background:#789368}.intro h1{font:clamp(54px,5.4vw,78px)/1.05 var(--serif);letter-spacing:-2.3px;margin:14px 0 13px}.title-period{color:#809c51}.intro-copy{margin:0;color:#66716c;font-size:16px}.intro-aside{position:relative;width:228px;min-height:155px;background:var(--accent);padding:17px 20px;align-self:center;overflow:hidden}.intro-aside-mark{position:absolute;right:14px;top:5px;font-size:48px;line-height:1;color:#455e35}.intro-aside p{position:relative;margin:42px 0 18px;font:20px/1.1 var(--serif)}.aside-index{font-size:9px}.overview{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(100px,150px));min-height:112px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);align-items:center}.overview-lead{display:grid;gap:8px}.overview-label{font-weight:700}.overview-sub{color:var(--muted);font-size:13px}.overview-stat{display:grid;gap:5px;border-left:1px solid var(--line);padding-left:25px}.overview-stat strong{font:34px/1 var(--serif)}.overview-stat span{display:flex;align-items:center;gap:7px;color:#66716c;font-size:12px}.stat-line{display:inline-block;width:17px;height:3px}.active-line{background:#c58e53}.blocked-line{background:var(--blocked)}.done-line{background:var(--done)}.task-section{padding-top:44px}.list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:23px}.list-heading h2{font:34px/1.15 var(--serif);letter-spacing:-.6px;margin:9px 0 0}.list-heading h2 span{font:15px var(--mono);color:#8b958b;vertical-align:middle}.list-heading>p{margin:0 0 3px;color:var(--muted);font-size:13px}.toolbar{display:flex;gap:12px;margin-bottom:21px}.search-wrap{position:relative;flex:1}.search-wrap svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#6b7c70;stroke-width:1.8}.search-wrap input,.filter-wrap select{width:100%;height:47px;background:var(--surface);border:1px solid #d6dbcf;border-radius:3px;color:var(--ink)}.search-wrap input{padding:0 17px 0 47px}.search-wrap input::placeholder{color:#88938a}.filter-wrap{display:flex;align-items:center;gap:11px;min-width:218px;padding:0 11px 0 15px;background:var(--surface);border:1px solid #d6dbcf;border-radius:3px;color:#596a5e;font-size:12px}.filter-wrap select{height:43px;border:0;min-width:125px;padding-right:18px;font-weight:700;background:transparent}.table-head,.task-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 137px 95px 22px;gap:17px;align-items:center}.table-head{padding:0 14px 10px;border-bottom:1px solid var(--ink);color:#79877d;font-size:9px}.task-row{position:relative;min-height:86px;padding:13px 14px;border-bottom:1px solid var(--line);background:transparent;transition:background .18s ease}.task-row:hover,.task-row:focus-within{background:#fffefa}.task-row:before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:3px;background:var(--status-color)}.task-main{min-width:0}.task-title-line{display:flex;align-items:baseline;gap:12px}.task-index{flex:none;color:#8f9c92;font:10px var(--mono)}.open-item{display:inline;text-align:left;color:var(--ink);font-size:15px;font-weight:700;line-height:1.35;border:0;background:none;padding:0;text-decoration:none}.open-item:hover{text-decoration:underline;text-underline-offset:3px}.task-project{margin:5px 0 0 28px;color:#79877e;font:10px var(--mono);letter-spacing:.2px}.status-badge{display:inline-flex;align-items:center;gap:7px;color:var(--status-color);font-size:12px;font-weight:700;white-space:nowrap}.status-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.task-owner,.task-due{color:#59685e;font-size:12px}.task-arrow{color:#9aa79d;font-size:18px}.list-footer{display:flex;justify-content:space-between;gap:10px;color:#8b978e;padding:17px 3px}.empty-state{text-align:center;background:#fffefa;border-bottom:1px solid var(--line);padding:50px 20px}.empty-symbol{font:54px var(--serif);color:#769058}.empty-state h3{font:28px var(--serif);margin:0 0 5px}.empty-state p{margin:0 0 20px;color:var(--muted)}.empty-state button{border:0;background:var(--ink);color:white;padding:11px 16px;border-radius:3px;font-weight:700}.empty-state button span{margin-left:10px}
.detail-backdrop{position:fixed;inset:0;background:rgba(13,27,22,.44);z-index:10}.detail-panel{position:fixed;right:0;top:0;bottom:0;z-index:11;width:min(510px,100%);display:flex;flex-direction:column;background:var(--surface);box-shadow:-15px 0 60px #11231f25}.detail-top{display:flex;align-items:center;justify-content:space-between;flex:none;height:78px;padding:0 34px;border-bottom:1px solid var(--line)}.detail-overline{font-weight:700;color:#6c806d}.detail-overline span:first-child{padding:0 7px;color:#b4beb2}.close-detail{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid #cbd3c7;border-radius:50%;color:var(--ink);font-size:23px;line-height:1}.close-detail:hover{background:var(--accent)}.detail-scroll{overflow:auto;padding:35px 34px 30px;flex:1}.detail-project{font:10px var(--mono);letter-spacing:1px;color:#738573;text-transform:uppercase}.detail-identity h2{font:clamp(34px,3vw,45px)/1.12 var(--serif);letter-spacing:-.8px;margin:13px 0 20px}.detail-identity .status-badge{padding:8px 11px;border:1px solid #d5ddcf;border-radius:2px;background:#f5f7ef}.detail-body-block{border-top:1px solid var(--line);margin-top:34px;padding-top:25px}.detail-body-block h3{margin:0 0 16px;color:#70806f}.detail-body p{font-size:15px;line-height:1.65;margin:0 0 16px;color:#37463c}.detail-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:29px}.detail-facts>div{display:grid;gap:8px;padding:19px 0}.detail-facts>div:nth-child(odd){border-right:1px solid var(--line)}.detail-facts>div:nth-child(even){padding-left:24px}.detail-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-facts span{color:#829083;font-size:9px}.detail-facts strong{font-size:13px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.detail-tags span{border:1px solid #d4dacd;padding:6px 9px;color:#617264;font:10px var(--mono)}.detail-action{flex:none;background:#edf2df;border-top:1px solid #d4dfc4;padding:20px 34px 24px}.detail-action label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.status-select-row{display:flex;align-items:center;background:var(--surface);border:1px solid #c8d3bd;border-radius:2px}.status-select-row select{flex:1;width:100%;height:44px;border:0;background:transparent;padding:0 12px;font-weight:700;color:var(--ink)}.status-select-row span{padding:0 15px;color:#6f8b59}.detail-action p{min-height:18px;margin:9px 0 0;color:#61705d;font-size:12px}body.dialog-open{overflow:hidden}
@media(max-width:1100px){.sidebar{width:214px}.main-content{padding-left:34px;padding-right:34px}.table-head,.task-row{grid-template-columns:minmax(0,1fr) 110px 110px 72px 17px;gap:10px}.task-owner,.task-due{font-size:11px}}
@media(max-width:850px){.sidebar{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;height:60px;margin:0 -25px;padding:0 25px;background:var(--dark);color:white}.mobile-brand strong{font-size:18px;letter-spacing:-1px}.mobile-brand>span:last-child{margin-left:auto;color:#a1b2a5;font:9px var(--mono)}.main-content{padding:0 25px 40px}.page-header{height:55px}.overview{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(75px,115px))}.overview-stat{padding-left:14px}}
@media(max-width:620px){.main-content{padding:0 20px 35px}.mobile-brand{margin:0 -20px;padding:0 20px}.page-header{height:48px}.header-meta{display:none}.intro{min-height:auto;padding:32px 0 31px}.intro h1{font-size:53px;margin:13px 0 8px}.intro-copy{font-size:14px}.intro-aside{display:none}.overview{grid-template-columns:repeat(3,1fr);padding:16px 0 19px;min-height:0}.overview-lead{grid-column:1/-1;margin-bottom:17px}.overview-sub{display:none}.overview-stat{padding-left:14px}.overview-stat:nth-child(2){padding-left:0;border:0}.overview-stat strong{font-size:29px}.task-section{padding-top:35px}.list-heading{margin-bottom:18px}.list-heading h2{font-size:30px}.list-heading>p{display:none}.toolbar{display:grid;gap:9px;margin-bottom:21px}.filter-wrap{min-width:0;justify-content:space-between}.filter-wrap select{width:auto;min-width:155px}.table-head{display:none}.task-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:111px;padding:14px 8px 13px 12px}.task-main{grid-column:1/-1}.task-title-line{gap:9px}.task-project{margin-left:24px}.task-row>.status-badge{grid-column:1;grid-row:2;margin-left:24px;font-size:11px}.task-owner{grid-column:2;grid-row:2;font-size:11px}.task-due,.task-arrow{display:none}.task-row:before{top:14px;bottom:14px}.list-footer span:last-child{display:none}.detail-top{height:64px;padding:0 22px}.detail-scroll{padding:29px 22px}.detail-action{padding:17px 22px 20px}.detail-identity h2{font-size:38px}}
@media(max-width:620px){.task-row>.status-badge{grid-row:2/span 2;align-self:center}.task-due{display:block;grid-column:2;grid-row:3;text-align:right;font-size:10px;color:#839084}.task-due:before{content:'DUE ';font:9px var(--mono);color:#9aa69b}}
@media(max-width:360px){.mobile-brand>span:last-child{display:none}.intro h1{font-size:46px}.detail-identity h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}