@font-face{font-family:Work Sans;src:url('assets/work-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#292735;--muted:#777580;--violet:#7160c5;--lavender:#f0ecfa;--line:#ecebf0;--gray:#f7f8fa;--sidebar:236px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Work 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;border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #9a89df;outline-offset:4px}svg{width:20px;height:20px;display:block;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:34px 20px 0;background:#f8f8fb;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{color:var(--violet);font-size:35px;letter-spacing:-1.9px;font-weight:650;text-decoration:none;display:flex;align-items:center;gap:8px;padding-left:10px;line-height:1}.brand svg{height:37px;width:37px}.brand-dot{font-size:10px;align-self:flex-start;padding-top:5px;letter-spacing:0;margin-left:-4px}.workspace-label{display:flex;align-items:center;gap:10px;margin:35px 4px 27px;font-size:13px;font-weight:550}.workspace-icon{width:34px;height:34px;border:1px solid #ddd9ee;border-radius:9px;display:grid;place-items:center;background:#eeebf7;color:#7761ae;font-size:15px;flex-shrink:0}.workspace-label small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}.workspace-dot{width:6px;height:6px;background:#8c80b1;border-radius:50%;margin-left:auto}.nav-item{width:100%;min-height:39px;padding:9px 11px;display:flex;align-items:center;gap:11px;text-align:left;font-size:12px;font-weight:500;border-radius:6px;margin:3px 0}.nav-item:hover{background:#efedf5}.nav-item.active{color:#6552b1;background:#eae5f7}.nav-count{margin-left:auto;font-size:11px;color:#807887}.nav-item.active .nav-count{color:#7562b2}.inbox-nav .nav-count{background:#dfd8f1;padding:3px 6px;border-radius:4px}.nav-icon svg{width:17px;height:17px}.nav-section-label{font-size:11px;font-weight:500;color:#7b7486;margin:28px 11px 9px}.project-heading{display:flex;align-items:center;justify-content:space-between}.project-heading svg{width:13px;height:13px}.project-dot{width:8px;height:8px;border-radius:2px;background:var(--project-color);margin:0 4px;flex-shrink:0}.status-dot{display:inline-block;position:relative;width:13px;height:13px;flex-shrink:0;border:1.6px solid #a29daf;border-radius:50%}.status-dot.in-progress{border-color:#9d82d7;background:conic-gradient(#a084da 0deg 180deg,transparent 180deg)}.status-dot.blocked{border-color:#ca9761;border-radius:4px}.status-dot.blocked:after{content:'';width:5px;height:1.5px;background:#bd874c;position:absolute;left:2.5px;top:4px}.status-dot.done{border-color:#64a88a;background:#64a88a}.status-dot.done:after{content:'';position:absolute;width:5px;height:2.5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg);left:2px;top:2.5px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom>.team-avatars{padding-left:11px}.sidebar-bottom>strong{display:block;font-size:10px;font-weight:550;padding:12px 11px 6px}.sidebar-bottom>span{font-size:10px;color:var(--muted);padding-left:11px}.workspace-footer{display:flex;gap:10px;align-items:center;margin:25px -20px 0;padding:20px;font-size:11px;border-top:1px solid var(--line)}.footer-mark{background:#ebe8f3;border-radius:7px;padding:7px;color:#8b7aaa}.footer-mark svg{width:17px;height:17px}.workspace-footer small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.online-dot{width:6px;height:6px;background:#76a993;border-radius:50%;display:inline-block;flex-shrink:0}.workspace-footer>.online-dot{margin-left:auto}
.app-shell{margin-left:var(--sidebar)}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:15px;color:#7f768a}.breadcrumb svg{width:16px;height:16px}.breadcrumb strong{font-weight:450;color:#565060}.slash{color:#c7c3ce}.topbar-note{font-size:10px;color:#827c8b;display:flex;align-items:center;gap:7px}.mobile-menu{display:none!important}main{max-width:1440px;margin:0 auto;padding:42px 44px 18px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.heading-line{display:flex;align-items:center;gap:13px}h1{font-size:32px;font-weight:550;letter-spacing:-1.1px;margin:0}.title-count{background:#f2f0f6;color:#7b7285;padding:4px 8px;border-radius:7px;font-size:13px}.page-heading p{font-size:12px;color:var(--muted);margin:10px 0 0}.team-info{text-align:right}.team-info>span{display:block;font-size:10px;color:#7c7484;margin-top:8px}.team-avatars{display:flex;padding-left:5px}.team-info .team-avatars{justify-content:flex-end}.avatar{border-radius:50%;height:26px;width:26px;display:inline-flex;justify-content:center;align-items:center;font-size:9px;font-weight:550;flex-shrink:0;color:var(--avatar-text);background:var(--avatar-bg)}.team-avatars .avatar{width:29px;height:29px;border:2px solid white;margin-left:-5px;font-size:9px}.overview{display:grid;grid-template-columns:repeat(4,1fr);background:#f8f7fb;border:1px solid #efedf5;border-radius:10px;margin-bottom:32px;padding:18px 0}.overview-card{text-align:left;padding:0 25px;border-right:1px solid #e7e3ef;position:relative}.overview-card:last-child{border:0}.overview-card:hover .overview-label{color:var(--violet)}.overview-card[aria-pressed=true]:after{content:'';position:absolute;bottom:-19px;height:3px;background:#9a87cd;left:25px;right:25px;border-radius:3px}.overview-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#777080}.overview-numbers{display:flex;align-items:baseline;gap:10px;margin-top:10px}.overview-number{font-size:29px;line-height:1;font-weight:500;letter-spacing:-1px}.overview-caption{font-size:10px;color:#7e7489}
.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;gap:15px}.list-label{display:flex;align-items:center;gap:9px;white-space:nowrap}.list-label>span:first-child{color:#80728e}.list-label svg{width:17px;height:17px}h2{font-size:13px;font-weight:550;margin:0}.list-label>span:last-child{font-size:10px;color:#80758c;background:#f3f1f6;border-radius:5px;padding:3px 6px;margin-left:2px}.toolbar-controls{display:flex;gap:10px}.search-field{display:flex;align-items:center;border:1px solid #e6e3ec;border-radius:6px;height:35px;padding:0 10px;gap:7px;width:222px;color:#918998}.search-field svg{width:15px;height:15px}.search-field input{width:100%;min-width:0;border:none;background:none;outline:none;font-size:11px;color:var(--ink)}.search-field:focus-within{outline:2px solid #9a89df;outline-offset:2px}.search-field input:focus-visible{outline:0}.search-field input::placeholder{color:#84798e}.search-field kbd{font:10px Work Sans;border:1px solid #e8e5eb;border-radius:3px;padding:1px 4px}.filter-field{height:35px;display:flex;align-items:center;border:1px solid #e6e3ec;border-radius:6px;padding:0 9px;gap:7px}.filter-field svg{width:14px;height:14px;color:#8b8395}.filter-field select{border:0;background:transparent;font-size:11px;color:#645c70;padding-right:3px;max-width:130px;height:100%;cursor:pointer}.table-heading,.task-row{display:grid;grid-template-columns:minmax(220px,1fr) 121px 142px 79px 15px;gap:12px;align-items:center}.table-heading{font-size:10px;color:#7f738c;background:#f8f8fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 15px;border-radius:5px 5px 0 0}.task-row{position:relative;min-height:66px;border-bottom:1px solid var(--line);padding:13px 15px;transition:background .15s}.task-row:hover{background:#fbfaff}.task-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.task-main>.status-dot{margin-top:3px;width:15px;height:15px}.task-main>.status-dot.done:after{left:3px;top:3px}.task-main>.status-dot.blocked:after{left:3.5px;top:5px}.task-text{min-width:0}.task-title{display:block;text-align:left;font-size:12px;font-weight:500;line-height:1.5;padding:0}.task-title:after{content:'';position:absolute;inset:0;z-index:1}.task-title:focus-visible{outline:none}.task-row:has(.task-title:focus-visible){outline:2px solid #9a89df;outline-offset:-2px;border-radius:4px}.task-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#85788f;margin-top:5px}.task-meta .project-dot{width:5px;height:5px;margin:0 -3px 0 0;border-radius:1px}.priority-flag{display:flex;align-items:center;gap:3px;color:#8e8098;margin-left:3px}.priority-flag.high{color:#a57768}.priority-flag svg{width:10px;height:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 7px;font-size:10px;white-space:nowrap;justify-self:start;background:#f2f1f5;color:#776b84}.status-badge .status-dot{width:10px;height:10px;border-width:1.2px}.status-badge.in-progress{background:#f0ebfa;color:#8164b0}.status-badge.blocked{background:#fbf2e5;color:#997044}.status-badge.done{background:#eaf4ef;color:#497c65}.status-badge .status-dot.done:after{left:1.5px;top:1.5px;width:4px;height:2px}.status-badge .status-dot.blocked:after{width:4px;left:1.7px;top:3px}.assignee{display:flex;align-items:center;gap:7px;font-size:11px;color:#79717f}.due-date{font-size:11px;color:#7e7088}.row-chevron{color:#b7aebf}.row-chevron svg{width:13px;height:13px}.list-footer{display:flex;justify-content:space-between;color:#8d8098;font-size:10px;padding:17px 3px}.tiny-key{display:inline-block;border:1px solid #ebe7ef;border-radius:3px;padding:0 4px;margin-right:4px}.page-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:27px;color:#95859f;font-size:10px}.footer-logo{font-size:14px;font-weight:600;letter-spacing:-.7px;color:#a090b0}.empty-state{text-align:center;padding:65px 15px}.empty-state>span svg{width:28px;height:28px;margin:0 auto;color:#9c8fbb}.empty-state h3{font-size:17px;font-weight:550}.empty-state p{font-size:12px;color:var(--muted);line-height:1.7}.primary-button{background:var(--violet);color:white;padding:11px 16px;font-size:12px;border-radius:6px;margin-top:10px}.icon-button{height:35px;width:35px;display:grid;place-items:center;border-radius:6px;color:#84778f}.icon-button:hover{background:var(--lavender)}
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:550px;max-width:100%;height:100dvh;max-height:100%;padding:0;border:0;color:var(--ink);box-shadow:-10px 0 60px #2f244620}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#25203655;backdrop-filter:blur(2px)}.detail-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:19px 25px;font-size:12px;color:#85788e}.detail-top>span{display:flex;gap:9px;align-items:center}.detail-top svg{width:17px;height:17px}.detail-content{padding:32px;overflow:auto;flex:1}.detail-project{color:var(--violet);font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:15px}.detail-content h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;font-weight:550}.detail-properties{display:grid;grid-template-columns:95px 1fr;gap:21px 15px;align-items:center;margin-top:32px;font-size:12px}.detail-properties>span,.detail-properties>label{color:#8a8192}.detail-properties select{border:1px solid #e0d9ed;border-radius:6px;background:#f6f3fc;color:#71608d;padding:8px 10px;max-width:165px;cursor:pointer}.detail-properties .assignee{font-size:12px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#f3f1f6;color:#84728f;border-radius:4px;padding:4px 7px;font-size:10px}.detail-feedback{color:#4c826a;font-size:12px;min-height:18px;margin-top:24px;line-height:1.5}.description{border-top:1px solid var(--line);padding-top:24px;margin-top:12px}.description h3{font-size:13px;font-weight:550;margin:0 0 17px}.description p{font-size:13px;color:#746a7e;line-height:1.85;margin:0 0 17px}.detail-comments{display:flex;align-items:center;gap:8px;padding-top:20px;margin-top:26px;border-top:1px solid var(--line);color:#85758f;font-size:12px}.detail-comments svg{width:16px;height:16px}.detail-bottom{padding:19px 32px;background:#faf9fc;border-top:1px solid var(--line);font-size:10px;color:#82718f;display:flex;align-items:center;gap:7px}.toast{position:fixed;bottom:25px;left:calc(50% + 118px);transform:translateX(-50%);background:#363043;color:white;padding:13px 20px;border-radius:8px;box-shadow:0 5px 25px #30233a20;font-size:12px;z-index:25;max-width:calc(100% - 30px)}body.modal-open{overflow:hidden}.nav-backdrop{display:none}
@media(min-width:1600px){:root{--sidebar:260px}body{font-size:15px}.task-title{font-size:13px}.task-row{min-height:72px}}
@media(max-width:1190px){:root{--sidebar:210px}main{padding:32px 28px 20px}.topbar{padding:0 28px}.table-heading,.task-row{grid-template-columns:minmax(190px,1fr) 103px 110px 60px 10px;gap:8px}.overview-card{padding:0 18px}.overview-caption{display:none}.assignee{font-size:10px;gap:5px}.task-title{font-size:12px}.sidebar{padding-left:14px;padding-right:14px}.workspace-footer{margin-left:-14px;margin-right:-14px}.sidebar-bottom>strong{font-size:9px}.sidebar-bottom>span{font-size:9px}}
@media(max-width:960px){.team-info{display:none}.topbar-note{display:none}.table-heading,.task-row{grid-template-columns:minmax(160px,1fr) 102px 65px 12px}.task-row>.assignee,.table-heading>span:nth-child(3){display:none}.toolbar-controls{gap:7px}.search-field{width:170px}.list-label{gap:6px}.filter-field{padding:0 6px}.filter-field>span{display:none}}
@media(max-width:700px){:root{--sidebar:236px}.sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;padding:26px 20px 0;overflow:auto}.sidebar.open{transform:translateX(0);visibility:visible}.sidebar-bottom{padding-top:25px}.sidebar-bottom>strong,.sidebar-bottom>span{font-size:10px}.workspace-footer{margin-left:-20px;margin-right:-20px}.app-shell{margin-left:0}.topbar{height:61px;padding:0 18px;justify-content:flex-start;gap:13px}.mobile-menu{display:grid!important}.breadcrumb{font-size:10px;gap:11px}.breadcrumb>span:first-child{display:none}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#29213766;z-index:19}main{padding:29px 20px 20px}.page-heading{margin-bottom:25px}h1{font-size:29px}.page-heading p{font-size:11px;margin-top:9px}.title-count{font-size:12px}.overview{padding:16px 0;margin-bottom:28px;border-radius:8px}.overview-card{padding:0 10px}.overview-label{font-size:9px;gap:5px}.overview-label .status-dot{width:10px;height:10px}.overview-label .status-dot.done:after{left:1px;top:1px;width:4px}.overview-label .status-dot.blocked:after{left:1px;top:3px;width:4px}.overview-number{font-size:25px}.overview-numbers{margin-top:12px}.overview-card[aria-pressed=true]:after{left:10px;right:10px;bottom:-17px}.list-toolbar{flex-wrap:wrap;gap:17px;padding-bottom:14px}.list-label h2{font-size:12px}.toolbar-controls{width:100%;gap:9px}.search-field{flex:1;width:auto;height:38px}.search-field input{font-size:12px}.search-field kbd{display:none}.filter-field{height:38px;padding:0 8px}.filter-field select{font-size:11px;max-width:112px}.table-heading{display:none}.task-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 5px;padding:16px 2px;min-height:96px}.task-row:first-child{border-top:1px solid var(--line)}.task-main{grid-column:1/-1;gap:11px;padding-right:10px}.task-title{font-size:13px;line-height:1.5}.task-meta{font-size:10px;gap:8px;margin-top:5px}.task-row>.status-badge{margin-left:26px;grid-row:2;font-size:10px;padding:4px 6px}.task-row>.due-date{grid-row:2;grid-column:2;font-size:10px}.task-row>.due-date:before{content:'Due ';color:#887992}.row-chevron{display:none}.task-row>.assignee{display:none}.task-main>.status-dot{width:14px;height:14px}.list-footer{font-size:10px;padding-top:17px}.list-footer>span:last-child{display:none}.page-footer{font-size:8px;margin-top:20px;gap:9px}.detail-content{padding:26px 24px}.detail-content h2{font-size:25px}.detail-properties{grid-template-columns:80px 1fr;font-size:12px;gap:19px 10px}.detail-top{padding:14px 20px}.toast{left:50%;bottom:18px;width:max-content;font-size:11px}.description p{font-size:13px}}
#project-nav .nav-item{min-height:35px;padding-top:7px;padding-bottom:7px;margin-top:2px;margin-bottom:2px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}