:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#262d39;background:#f6f7f9;font-synthesis:none;--green:#23395c;--line:#e2e5e9;--muted:#7d8187;--paper:#fff;--soft:#e9edf3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7f96bc;outline-offset:3px}input,select,textarea{border:1px solid #d9dce2;background:#fff;border-radius:8px;padding:12px;color:#262d39;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:#758399;box-shadow:0 0 0 3px #e9edf3}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#a1a4a8}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:550}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.2px;font-weight:620}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:14px;font-weight:650}p{line-height:1.6}button{border:0;background:none}button,.task-card{transition:background .15s,box-shadow .15s,transform .15s}[hidden]{display:none!important}.eyebrow,.side-label{font-size:10px;letter-spacing:1.5px;font-weight:650;color:#7b8088}.brand{display:flex;align-items:center;font-size:30px;font-weight:700;letter-spacing:-1.5px;gap:10px}.brand-dot{color:#6f83a2;margin-left:-10px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--green);color:#fff;font-weight:700;font-size:29px;letter-spacing:2px;border-radius:10px;padding-bottom:7px;padding-left:2px}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:#eceff3;border-right:1px solid var(--line);padding:34px 22px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:236px}.sidebar>.brand{padding-left:12px;margin-bottom:57px}.sidebar>.side-label{padding:0 14px;margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 13px;width:100%;font-size:13px;border-radius:8px;text-align:left}.nav-item.selected{background:#dae0ea;color:#32425b;font-weight:600}.nav-icon{font-size:20px}.pill{font-size:11px;background:#c9d1df;border-radius:5px;padding:3px 6px;margin-left:auto}.side-project{display:flex;gap:12px;align-items:center;margin-top:28px;padding:20px 12px;border-top:1px solid #d8dde5}.side-project .side-label{font-size:8px;letter-spacing:1.2px;display:block;margin-bottom:6px}.side-project strong{display:block;font-size:12px;max-width:133px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-symbol{font-size:23px;color:#7889a5}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.side-label{display:flex;justify-content:space-between;padding:0 12px;margin-bottom:17px}.sidebar-bottom>.side-label span{letter-spacing:0;font-weight:400}.team-person{display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 12px}.team-person .you{margin-left:auto;color:#8a8f97;font-size:10px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#d0d8e5;color:#3e4b61;width:30px;height:30px;font-size:10px;font-weight:700;flex-shrink:0}.avatar.person2{background:#eadfcd;color:#8b6746}.settings-button{padding:20px 12px!important;display:flex;gap:12px;width:100%;font-size:12px!important}.side-footer{font-size:9px;color:#888d96;border-top:1px solid #d9dee5;padding:18px 0 0;display:flex;gap:6px;align-items:center;justify-content:center}.live-dot{display:inline-block;width:6px;height:6px;background:#798ba7;border-radius:50%;flex-shrink:0}.main{grid-column:2;min-width:0}.topbar{height:83px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#f9fafc}.breadcrumb{font-size:12px;color:#91959b}.breadcrumb span{margin:0 15px;color:#c3c7ce}.breadcrumb b{font-weight:500;color:#4f5661}.topbar-right{display:flex;align-items:center;gap:20px}.sync-status{font-size:10px;color:#7d8592;display:flex;align-items:center;gap:7px}.profile{display:flex;align-items:center;gap:9px;font-size:12px;padding:0}.icon-button{font-size:23px;width:34px;height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#7f8690}.icon-button:hover{background:#e3e7ee}.workspace{padding:42px 44px 20px;max-width:1660px;margin:auto}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:18px}.project-heading .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:13px}.project-heading h1{margin-bottom:8px;overflow-wrap:anywhere}.project-heading p{font-size:13px;color:#7f8690;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:550;white-space:nowrap;min-height:42px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #1f2f4912}.primary:hover{background:#192c4b;transform:translateY(-1px)}.secondary{background:#e9ecf2;color:#455164}.secondary:hover{background:#dae0e9}.plus{font-size:21px;font-weight:300;line-height:14px}.wide{width:100%;justify-content:space-between}.overview{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border:1px solid var(--line);border-radius:11px;background:#fff;padding:25px 0;margin-bottom:35px}.overview-cell{display:flex;align-items:center;gap:13px;padding:0 25px;border-right:1px solid var(--line)}.stat-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px}.green{background:#e9edf3;color:#627490}.amber{background:#fcf4e6;color:#be9855}.mint{background:#edf0f6;color:#6d7e99}.overview-cell>div>span{font-size:10px;color:#878c93;display:block;margin-bottom:6px}.overview-cell strong{font-size:23px;font-weight:600;letter-spacing:-.8px}.progress-cell{padding:5px 25px}.progress-cell>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#878c93;margin-bottom:17px}.progress-cell b{color:#566886;font-weight:600}progress{width:100%;height:5px;display:block;border:0;border-radius:10px;background:#e8ebf1;overflow:hidden}progress::-webkit-progress-bar{background:#e8ebf1}progress::-webkit-progress-value{background:#7789a5;border-radius:10px}progress::-moz-progress-bar{background:#7789a5;border-radius:10px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:17px}.view-tabs{display:flex;gap:3px;background:#e9ecf0;border-radius:7px;padding:3px}.view-tab{font-size:14px;border-radius:5px;padding:7px 13px;display:flex;gap:7px;align-items:center;color:#8b9099}.view-tab span{font-size:11px}.view-tab.active{background:#fff;color:#35445d;box-shadow:0 1px 4px #12213a10}.filters{display:flex;gap:9px;align-items:center}.filters select{font-size:11px;padding:9px 25px 9px 10px;border-color:#dce0e7;background:#f9fafc;max-width:170px}.search-box{display:flex;flex-direction:row;align-items:center;border:1px solid #dce0e7;border-radius:7px;padding-left:10px;background:#f9fafc;gap:0}.search-box>span{font-size:23px;color:#838d9c;line-height:20px}.search-box input{border:0;background:none;width:150px;font-size:11px;padding:9px;box-shadow:none}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;min-height:350px}.column{border-radius:11px;background:#edeff2;padding:14px;min-height:330px}.column-heading{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 15px}.column-name{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;border:2px solid #a0a6af;border-radius:50%;display:inline-block;flex-shrink:0}.status-doing{border-color:#cda95e;background:#f2d999}.status-done{border-color:#73839c;background:#73839c}.column-count{color:#8b93a0;font-size:10px;font-weight:400;margin-left:3px}.column-add{font-size:20px;color:#9198a4;padding:0 4px}.task-card{display:block;width:100%;text-align:left;padding:18px;background:#fff;border:1px solid #dce1e8;border-radius:9px;margin-bottom:11px;box-shadow:0 2px 3px #27375003}.task-card:hover{border-color:#acb6c7;box-shadow:0 5px 14px #162d5210;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.task-id{font-size:9px;color:#939aa6;letter-spacing:.6px}.card-top .dots{color:#a2a8b2;letter-spacing:1px;line-height:5px}.task-card h3{font-size:13px;line-height:1.55;font-weight:600;margin:0 0 8px;overflow-wrap:anywhere}.task-card .description{font-size:11px;color:#8c9199;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;overflow-wrap:anywhere}.card-photo{width:100%;height:125px;border-radius:6px;object-fit:cover;margin-bottom:11px;background:#f0f2f5}.card-footer{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #ebeef3;font-size:10px;color:#959ca7;min-height:39px}.card-footer .avatar{margin-left:auto;width:25px;height:25px;font-size:9px}.due{font-size:9px;padding:4px 6px;border-radius:4px;background:#eef0f4;color:#848d9b;white-space:nowrap}.due.late{background:#fcf0eb;color:#b8785d}.due.soon{background:#fbf4e5;color:#ae8a40}.due.complete{background:#ebeff5;color:#707e94}.card-meta{display:flex;gap:6px;margin-left:auto;color:#8f97a3;font-size:10px}.card-meta+.avatar{margin-left:2px}.empty-column{padding:35px 15px;text-align:center;border:1px dashed #cfd6e0;border-radius:8px;margin-top:1px;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-symbol{font-size:29px;color:#a6b1c3;margin-bottom:15px}.empty-column strong{font-size:12px;font-weight:500;color:#768296}.empty-column p{font-size:10px;color:#949caa;line-height:1.8;margin:8px 0 15px;max-width:180px}.text-button{font-size:11px;color:#546580;padding:3px 0}.text-button:hover{text-decoration:underline}.column-bottom{width:100%;padding:9px;text-align:left;font-size:11px;color:#8d96a4;display:flex;gap:8px}.workspace-footer{display:flex;justify-content:space-between;color:#9ba2ad;font-size:9px;margin-top:30px;gap:15px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:7px}.filter-empty{padding:30px;text-align:center;color:#778190;font-size:12px}.task-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.list-row{display:grid;grid-template-columns:minmax(130px,1fr) 120px 110px 110px;gap:16px;align-items:center;padding:17px 20px;text-align:left;width:100%;border-bottom:1px solid var(--line);font-size:12px}.list-row:last-child{border-bottom:0}.list-row:hover{background:#f1f4f8}.list-row .list-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-status{display:flex;gap:7px;align-items:center;font-size:10px;color:#737d8c}.list-assignee{display:flex;gap:7px;align-items:center;font-size:10px}.list-assignee>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-heading{background:#edf0f5;font-size:10px;color:#828a97}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#e7ebf2;padding:48px 11%;display:flex;flex-direction:column;justify-content:space-between;gap:50px;min-height:100vh;position:relative;overflow:hidden}.login-story h1{font-size:68px;line-height:1.05;font-weight:600;letter-spacing:-3px;margin:22px 0}.login-story p{font-size:15px;color:#6e7a8e;line-height:1.8}.login-story>small{font-size:10px;color:#808b9d}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.login-form-wrap form{max-width:340px;width:100%}.login-form-wrap h2{font-size:30px;margin:14px 0 10px}.login-form-wrap p{font-size:12px;color:#818996;margin-bottom:28px}.login-form-wrap label{margin-bottom:20px}.login-form-wrap input{padding:14px}.login-note{font-size:10px;color:#989faa;text-align:center;margin-top:24px}.story-art{height:140px;position:relative;margin-top:25px;width:250px}.art-note{background:#fffdf7;border:1px solid #d6dce6;box-shadow:0 15px 30px #2335530a;width:210px;padding:23px 25px;border-radius:11px;transform:rotate(-5deg);font-size:12px;line-height:1.8;color:#768192;position:relative}.art-note b{color:#43546f;font-weight:600}.art-note>span{float:right;background:#dde3ed;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:#607494}.art-circle{position:absolute;right:0;top:65px;width:58px;height:58px;background:#c2cddf;border:7px solid #e7ebf2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#54698b;font-size:18px}.art-line{position:absolute;border:1px dashed #aebacd;width:230px;height:120px;top:5px;left:20px;border-radius:60%}.task-dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:540px;max-width:100%;border:0;border-left:1px solid var(--line);padding:0;color:inherit;box-shadow:-15px 0 60px #1b253515;background:#fff}.task-dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#2027334d;backdrop-filter:blur(2px)}.drawer-heading{padding:20px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.drawer-heading h2{font-size:18px;margin:0}.drawer-scroll{padding:28px;overflow-y:auto}.drawer-scroll h2{font-size:23px;margin-bottom:28px}.drawer-scroll label{margin-bottom:22px;font-size:12px}.optional{font-size:10px;color:#9fa4ac;font-weight:400;display:contents}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 16px}.section-title h3{margin:0}.section-title>span{font-size:10px;color:#929aa6}.upload-zone{border:1px dashed #bcc5d4;border-radius:9px;padding:22px;text-align:center;align-items:center;background:#f6f8fc;cursor:pointer;gap:6px}.upload-zone:hover,.upload-zone.dragover{background:#e8edf6;border-color:#6b81a5}.upload-zone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-zone:focus-within{outline:2px solid #7b8eac}.upload-zone .upload-icon{font-size:25px;color:#7387a7}.upload-zone strong{font-size:12px;color:#596984}.upload-zone>span:not(.upload-icon){font-size:10px;color:#8690a0}.upload-zone small{font-size:9px;color:#9aa2af}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.photo-item{position:relative;overflow:hidden;border-radius:7px;background:#ebeef4;aspect-ratio:1.25}.photo-item>button:first-child{width:100%;height:100%;padding:0;display:block}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item .photo-remove{position:absolute;right:4px;top:4px;border-radius:50%;background:#ffffffeb;color:#414e63;width:23px;height:23px;font-size:16px;padding:0}.photo-item small{position:absolute;bottom:4px;left:5px;padding:2px 4px;border-radius:3px;font-size:9px;background:#ffffffd9;color:#5a6981}.task-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.danger{margin-right:auto;color:#b77765;background:#fcf3ef}.comments-section{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.comment{display:flex;gap:12px;margin:20px 0;align-items:flex-start}.comment-content{min-width:0;flex:1}.comment-header{display:flex;align-items:center;gap:10px;font-size:11px}.comment-header time{font-size:9px;color:#969eaa;margin-left:auto}.comment p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#606b7c;margin:8px 0 0}.no-comments{font-size:12px;color:#969eaa;padding:15px 0}.comments-section textarea{width:100%;font-size:12px}.comments-section form{text-align:right}.comments-section form button{margin-top:10px}.settings-dialog{width:490px;max-width:calc(100% - 30px);border:1px solid var(--line);border-radius:14px;padding:0;color:inherit;max-height:90dvh}.settings-dialog form{padding:24px 28px}.settings-dialog form+form{border-top:1px solid var(--line)}.settings-dialog label{margin-bottom:18px}.muted{font-size:11px;color:#8f97a4}.error{font-size:12px!important;color:#bc6a52!important;margin:10px 0!important;white-space:pre-wrap}.error:empty{display:none}.lightbox{border:0;border-radius:12px;background:#f4f6fa;max-width:90vw;max-height:90dvh;padding:15px;overflow:auto;color:inherit}.lightbox .icon-button{display:flex;margin-left:auto}.lightbox img{display:block;max-width:80vw;max-height:72dvh;object-fit:contain;margin:auto}.lightbox p{font-size:12px;text-align:center;margin:12px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;border-radius:10px;background:#26344b;color:#fff;padding:14px 22px;font-size:12px;box-shadow:0 6px 30px #24304430;max-width:calc(100% - 30px);line-height:1.6}.initial-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#7a8596;font-size:13px}.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}
@media(min-width:1500px){.workspace{padding-top:50px}.task-card{padding:21px}.card-photo{height:170px}.column{min-height:450px}}@media(max-width:1150px){.app{grid-template-columns:195px 1fr}.sidebar{width:195px;padding-left:12px;padding-right:12px}.topbar{padding:0 25px}.workspace{padding:30px 25px 20px}.overview-cell{padding:0 15px;gap:9px}.progress-cell{padding:5px 15px}.stat-icon{width:31px;height:31px}.board{gap:12px}.column{padding:10px}.filters select{max-width:140px}.search-box input{width:115px}.task-card{padding:13px}.card-footer{flex-wrap:wrap}.workspace-footer>span:last-child{display:none}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{grid-column:1}.overview-cell{padding:0 20px}.board{gap:15px}.topbar{height:65px}.workspace{padding:30px 25px}.login-story{padding:40px 10%}.login-story h1{font-size:50px}.login-form-wrap{padding:35px}.breadcrumb{font-size:11px}.topbar-right{gap:10px}.board-toolbar{flex-wrap:wrap}.filters{flex:1;justify-content:flex-end}.filters select{max-width:160px}.search-box input{width:135px}}@media(max-width:600px){.topbar{padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}.sync-status{display:none}.profile>span:last-child{display:none}.workspace{padding:26px 18px 20px}.project-heading{align-items:flex-start;margin-bottom:24px}.project-heading h1{font-size:27px}.project-heading .eyebrow{font-size:8px}.project-heading p{font-size:11px}.project-heading .button{font-size:11px;padding:10px 12px;margin-top:22px}.overview{grid-template-columns:repeat(3,1fr);padding:18px 0;margin-bottom:25px;row-gap:20px}.overview-cell{padding:0 12px;gap:7px}.overview-cell:nth-child(3){border-right:0}.stat-icon{width:27px;height:27px;font-size:15px;border-radius:7px}.overview-cell>div>span{font-size:8px;white-space:nowrap}.overview-cell strong{font-size:20px}.progress-cell{grid-column:1/-1;padding:13px 17px 0;border-top:1px solid var(--line)}.progress-cell>div{margin-bottom:10px}.board-toolbar{gap:14px}.filters{width:100%;flex-basis:100%;gap:6px;justify-content:flex-start;flex-wrap:wrap}.search-box{flex:1;min-width:110px}.search-box input{width:100%;min-width:0}.filters select{font-size:10px;padding:9px 16px 9px 7px;max-width:130px}.board{grid-template-columns:1fr;gap:20px}.column{min-height:0;padding:13px}.empty-column{min-height:160px;padding:25px}.empty-column p{max-width:none}.task-card{padding:17px}.card-photo{height:165px}.task-card h3{font-size:14px}.task-card .description{font-size:12px}.column-name{font-size:13px}.list-row{grid-template-columns:minmax(100px,1fr) 90px;gap:12px;padding:15px}.list-row .list-status{font-size:9px}.list-row .list-assignee,.list-row>.due{grid-row:auto}.list-heading span:nth-child(n+3){display:none}.workspace-footer{font-size:8px}.drawer-heading{padding:15px 20px}.drawer-scroll{padding:22px 20px}.login-shell{grid-template-columns:1fr}.login-story{min-height:0;padding:25px 28px;gap:30px}.login-story>div{display:none}.login-story>small{display:none}.login-story .brand{font-size:26px}.login-form-wrap{padding:50px 28px 70px;align-items:flex-start}.login-form-wrap h2{font-size:29px}.settings-dialog form{padding:22px}.form-grid{gap:12px}.settings-dialog .form-grid{grid-template-columns:1fr;gap:0}.settings-dialog input{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

#comment-author{display:block;width:100%;margin:8px 0 14px;font-size:12px}.comments-section form>label:not(.sr-only){text-align:left;margin:18px 0 0;font-size:11px}

:root{--green:#2563eb}.primary{background:#2563eb}.primary:hover{background:#1d4ed8}.brand-mark{background:#2563eb}.column{min-height:220px}.project-heading{margin-bottom:28px}.project-heading h1{margin-bottom:0}.sidebar>.brand{margin-bottom:38px}.column-heading{padding-bottom:12px}.task-card h3{margin-top:0}.card-footer .avatar.person2,.avatar.person2{background:#e0e7ff;color:#4338ca}.project-heading .button{margin-top:0}@media(max-width:600px){.column{min-height:120px}.workspace{padding-top:24px}.project-heading{align-items:center}.project-heading h1{font-size:28px}}

.site-gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.gate-card{width:100%;max-width:350px;border:1px solid #dce3ee;background:#fff;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px}.gate-card .brand-mark{width:32px;height:32px;font-size:26px}.gate-card h1{font-size:28px;margin:0 0 7px}.gate-card label{font-size:12px}.gate-card input{width:100%;margin-top:-7px}.gate-card .button{width:100%;margin-top:4px}.gate-card .error{margin:0!important}.gate-card .error:empty{display:none}