:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;color:#202f2c;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d7dfda;background:white;border-radius:8px;padding:11px 16px;color:inherit}button:hover{background:#edf3ef}button:disabled{cursor:default;opacity:.48}.primary{background:#225e49;color:white;border-color:#225e49}.primary:hover{background:#174b39}input,textarea,select{border:1px solid #d7dfda;border-radius:8px;padding:12px;background:white;color:inherit}input:focus,textarea:focus,button:focus-visible,select:focus{outline:3px solid #95c6ae;outline-offset:2px}textarea{resize:vertical;min-height:90px}label{display:grid;gap:8px;font-size:14px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.2px}h2{font-size:24px;letter-spacing:-.7px}.muted,small{color:#738079}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#587465;margin-bottom:20px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{padding:12vh 9vw;background:#e7eee7;display:flex;flex-direction:column;justify-content:center}.intro h1{font-size:46px;line-height:1.35}.intro p{line-height:1.9;color:#59685f}.symbol{width:48px;height:48px;border-radius:14px;background:#225e49;color:white;display:grid;place-items:center;font-size:25px;margin-bottom:42px}.steps{margin-top:40px;display:flex;gap:14px;font-size:13px}.steps span{border-top:2px solid #819e8b;padding-top:14px;flex:1}.loginright{display:grid;place-items:center;padding:45px}.loginbox{max-width:380px;width:100%}.stack{display:grid;gap:18px}.demo{margin-top:28px;padding:18px;border:1px solid #d8e0d9;border-radius:10px;font-size:12px;line-height:1.8}.demo button{padding:7px 9px;font-size:12px;margin:4px 3px 5px 0}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#edf2ec;border-right:1px solid #dfe6de;padding:32px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}.brand{font-size:20px;font-weight:700;margin-bottom:35px}.brand small{display:block;font-size:11px;font-weight:400;margin-top:9px}.nav{display:grid;gap:8px}.nav button{text-align:left;border:0;background:transparent;font-size:14px}.nav button.active{background:#dce9dd;color:#20543f;font-weight:700}.sidebar footer{margin-top:auto;font-size:12px;line-height:1.9}.main{padding:38px 5vw;max-width:1500px;width:100%}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px;font-size:12px;color:#75827b}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.heading p{font-size:14px;color:#7a857e;margin:10px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat{background:white;border:1px solid #e0e7e0;border-radius:12px;padding:22px}.stat span{font-size:13px;color:#6e7d73}.stat strong{display:block;font-size:32px;font-weight:500;margin-top:12px}.toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.toolbar input{width:310px;max-width:55%}.tabs{display:flex;gap:5px}.tabs button{font-size:13px;padding:10px 13px;border:0;background:transparent}.tabs button.active{background:#e0eae2;color:#21583f}.list{background:white;border:1px solid #e0e7e0;border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 130px;gap:20px;align-items:center;padding:24px;border-bottom:1px solid #e7ece7}.row:last-child{border-bottom:0}.tasktitle{padding:0;border:0;background:none!important;text-align:left;font-size:16px;font-weight:600;line-height:1.6}.done .tasktitle{text-decoration:line-through;color:#7c8980}.meta{font-size:12px;color:#849087;margin-top:9px;line-height:1.8}.badge{font-size:11px;padding:5px 8px;border-radius:5px;background:#edf0ed;display:inline-block;margin-bottom:10px}.badge.wait{background:#fff1d8;color:#8d641d}.badge.finish{background:#e3f0e6;color:#3b7451}.checks{display:grid;gap:9px;font-size:12px;color:#7a867f}.checks .yes{color:#246044}.rowaction button{font-size:12px;width:100%}.empty{padding:70px;text-align:center;color:#839086}.note{font-size:12px;color:#88928c;margin:20px 0}dialog{border:0;border-radius:16px;padding:30px;width:min(740px,94vw);max-height:88vh;color:#26392f;box-shadow:0 20px 100px #18362833}dialog::backdrop{background:#16271d66;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.modalhead button{padding:6px 10px;height:34px}.dates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f3f6f2;padding:18px;border-radius:8px;margin:24px 0;font-size:12px;line-height:1.9}.bodytext{white-space:pre-wrap;line-height:1.8;font-size:14px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photos img{width:100%;max-height:250px;object-fit:contain;background:#eff2ee;border-radius:8px}.photos figure{margin:0}.photos figcaption{font-size:12px;padding:8px;white-space:pre-wrap}.comment{padding:16px 0;border-bottom:1px solid #e4eae3;font-size:13px}.comment p{white-space:pre-wrap;line-height:1.7;margin:10px 0}.comment button{font-size:11px;padding:5px 8px}.comment.reply{margin-left:25px;border-left:2px solid #e4eae3;padding-left:15px}.internal{background:#faf6eb;padding:12px}.commentform{margin-top:24px}.inline{display:flex;gap:12px;align-items:center}.inline label{display:flex;align-items:center}.error{font-size:13px;color:#ac3d30}.uploads{display:grid;gap:12px}.upload{display:flex;gap:12px;align-items:center}.upload img{width:70px;height:60px;object-fit:cover}.upload input{flex:1;min-width:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233d2f;color:white;padding:14px 22px;border-radius:10px;display:none;z-index:10}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:20px}.brand{margin:0}.sidebar footer{display:none}.nav{display:flex;flex-wrap:wrap}.main{padding:24px}.top{margin-bottom:25px}.login{grid-template-columns:1fr}.intro{padding:35px}.intro h1{font-size:30px}.intro .symbol,.steps{display:none}.loginright{padding:30px}.row{grid-template-columns:1fr 115px;padding:18px;gap:12px}.checks{grid-column:1}.rowaction{grid-column:2;grid-row:2}.toolbar{flex-wrap:wrap}.toolbar input{max-width:100%;width:100%}.stat{padding:16px}.stats{gap:8px}.dates{grid-template-columns:1fr}.heading h1{font-size:26px}}
/* Worknote: restrained office palette, consistent typography and project hierarchy. */
:root{color:#243247;background:#f6f7f9;--ink:#223553;--line:#e3e7ed;--muted:#7c8798}button{border-color:#dce1e9;border-radius:6px;font-size:13px;padding:11px 15px}button:hover{background:#f1f4f9}.primary{background:#263d62;border-color:#263d62;color:white}.primary:hover{background:#1d304f}input,textarea,select{border-color:#dce1e9;border-radius:6px;font-size:14px;padding:13px}input:focus,textarea:focus,button:focus-visible,select:focus{outline:3px solid #b6c8e2}.eyebrow{font-size:10px;letter-spacing:2px;color:#8190a4;font-weight:600}h1{font-size:30px;letter-spacing:-1px}h2{font-size:21px}h3{letter-spacing:-.4px}.muted,small{color:#8390a0}.small{font-size:12px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;color:#223553;margin:0;letter-spacing:-.7px}.brand small{letter-spacing:2.4px;font-size:9px;margin-top:3px;color:#8793a4}.brandicon{width:34px;height:36px;display:grid;place-items:center;border-radius:6px;background:#273d61;color:white;font-size:26px;font-weight:400}.brandbutton{border:0;background:none!important;padding:0;text-align:left}.shell{grid-template-columns:240px 1fr}.sidebar{background:#fff;border-color:var(--line);padding:30px 20px;gap:0}.workspacebadge{display:flex;align-items:center;gap:10px;padding:14px 10px;background:#f7f8fa;border:1px solid #e9ecf1;border-radius:7px;margin:36px 0 22px;font-size:12px;font-weight:600}.workspacebadge small{display:block;font-size:10px;font-weight:400;margin-top:5px}.workspaceicon,.avatar{background:#e9edf3;color:#586e91;display:grid;place-items:center;border-radius:50%;font-size:11px;width:30px;height:30px}.nav button{display:flex;gap:10px;align-items:center;font-size:12px;padding:12px 10px;line-height:1.5}.nav button.active{background:#edf1f7;color:#253e64}.navcount{margin-left:auto;font-size:11px;color:#8292aa}.sidesection{font-size:10px;color:#98a1b0;margin:28px 10px 12px}.navdot{height:5px;width:5px;background:#aab7cb;border-radius:50%;flex-shrink:0}.sidebar footer{padding:20px 10px 0}.sidebar footer button{border:0;background:none;padding:0;color:#8490a3;margin-top:20px;font-size:12px}.sidehelp{font-size:11px;line-height:1.9;color:#a1a9b6}.localtag{display:block;margin-top:20px;font-size:9px;letter-spacing:1.7px;color:#a1a9b6}.main{padding:26px 4.6vw 60px;max-width:1600px}.top{margin-bottom:45px;font-size:11px;color:#94a0b1;height:32px}.crumb{padding:0 10px;color:#c0c7d0}.account{display:flex;align-items:center;gap:9px;color:#67758b}.avatar{width:26px;height:26px;font-size:10px}.heading{margin-bottom:28px}.heading .eyebrow{margin-bottom:12px}.heading h1{margin-bottom:0}.heading p{font-size:12px;margin-top:12px}.headingactions{display:flex;gap:8px;flex-shrink:0}.sectionheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sectionheading h2{font-size:16px;margin:0}.count{font-size:12px;color:#8997ac;margin-left:8px;font-weight:500}.textbutton{border:0;background:none!important;color:#526e94;padding:0;font-size:12px}.subdued{color:#8793a4}.invitessection{margin:36px 0 38px}.invitecard,.inviteempty{border:1px solid #dce4ef;background:#edf2f9;padding:21px 23px;display:flex;align-items:center;gap:18px;border-radius:8px;margin-bottom:10px}.inviteempty{background:#fff;border-style:dashed;border-color:#d6dee9;padding:25px}.inviteempty>span,.inviteicon{font-size:24px;width:36px;color:#6e82a2}.inviteempty strong{font-size:12px;font-weight:500;color:#748299}.inviteempty p,.invitecard p{font-size:11px;color:#91a0b3;margin:7px 0 0}.invitecard h3{font-size:14px;margin:0}.invitecard button{margin-left:auto;border-color:#d5dfed;color:#3b5478}.projectsection{margin-top:32px}.projectgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.projectcard{display:block;text-align:left;border:1px solid var(--line);background:#fff;padding:22px;border-radius:9px;min-width:0;transition:box-shadow .15s,border-color .15s}.projectcard:hover{background:#fff;border-color:#b8c7da;box-shadow:0 5px 18px #21355508}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.foldericon{font-size:25px;color:#6f84a3}.badge{font-size:10px;padding:5px 8px;background:#f0f3f8;color:#6e819d;font-weight:500;margin:0}.badge.wait{background:#fcf3e2;color:#9c7b36}.badge.finish{background:#eaf1ee;color:#648170}.projectcard h3{font-size:15px;margin:0 0 10px;overflow-wrap:anywhere}.projectcard>p{font-size:11px;color:#929caa;line-height:1.7;min-height:38px;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progresslabel{display:flex;justify-content:space-between;font-size:10px;color:#8b98a9;margin-bottom:10px}.progresslabel strong{font-weight:500;color:#687e9e}.progress{height:3px;background:#edf0f5;border-radius:3px;overflow:hidden}.progress span{display:block;height:100%;background:#5e769b}.cardbottom{display:flex;justify-content:space-between;border-top:1px solid #eef0f4;margin-top:22px;padding-top:17px;font-size:10px;color:#9aa5b4}.sectionempty{grid-column:1/-1;border:1px solid #e5e9ef;border-radius:8px;padding:26px;font-size:12px;color:#9da6b4;background:#f9fafb}.closedsection{margin-top:38px}.closedsection .projectcard{background:#f9fafb}.projectsub{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8995a5;margin:0 0 27px}.projectsub strong{font-weight:500;color:#637695}.stats{gap:14px;margin-bottom:29px}.stat{padding:22px 24px;border-color:var(--line);border-radius:8px}.stat span{font-size:11px;color:#8b98a9}.stat strong{font-size:28px;font-weight:500;margin-top:14px;color:#2e405d}.stat strong small{font-size:11px;font-weight:400;margin-left:7px;color:#a4adba}.toolbar{margin-bottom:16px;align-items:center}.toolbar input{font-size:12px;padding:10px 14px;width:245px}.tabs button{border-radius:5px;color:#8b97a9;font-size:12px}.tabs button.active{background:#e8eef6;color:#3e567a}.list{border-color:var(--line);border-radius:8px}.row{padding:24px;border-color:#edf0f4;grid-template-columns:minmax(160px,1fr) 140px 135px;gap:16px}.tasktitle{font-size:14px;font-weight:500;margin-top:8px}.meta{font-size:10px;color:#98a3b3}.checks{font-size:11px;line-height:1.6;color:#a1acbb}.checks .yes{color:#61799a}.done .tasktitle{color:#9aa6b5}.rowaction button{font-size:11px;color:#516c91;border-color:#d8e1ed}.rowaction small{font-size:11px;color:#97a2b2}.note{font-size:10px;color:#a3adbb}.archivebanner{padding:15px;background:#edf1f5;color:#7f8fa4;font-size:12px;border-radius:6px;margin-bottom:20px}dialog{border-radius:12px;padding:32px;color:#283b57;box-shadow:0 25px 110px #182b4933}dialog::backdrop{background:#13213b66;backdrop-filter:blur(2px)}.modalhead h2{font-size:22px}.modalhead button{border:0;background:#f4f6f9;color:#8b98ad}.dates{background:#f4f6f9;color:#8391a4;border:1px solid #e9edf3;font-size:11px;padding:20px}.dates strong{color:#637999;font-weight:500}.bodytext{font-size:13px;color:#687d99}.comment{border-color:#e9edf3;font-size:12px}.comment strong{font-size:12px}.comment small{font-size:10px}.comment p{color:#677c97}.internal{background:#faf7ef;border-radius:6px}.formhint{font-size:12px;line-height:1.7;color:#929caf;margin:0}.accountnotice{padding:18px;background:#f3f6fa;border:1px solid #e2e8f1;border-radius:7px;font-size:12px;color:#8a99ae;margin:0 0 24px;line-height:1.8}.accountnotice strong{color:#596e90;display:block}.accountnotice p{font-size:12px;margin:7px 0 0}.codeinput{letter-spacing:3px;text-transform:uppercase;font-family:monospace;font-size:17px}.previewnotice{background:#fcf6e9;border:1px solid #efdfbb;color:#977b44;padding:17px;border-radius:7px;font-size:12px;margin-top:20px;line-height:1.8}.previewnotice p{margin:3px 0}.previewnotice a{color:#8d7037}.successnotice{padding:26px 0;font-size:15px}.successnotice p{font-size:13px;color:#8a97aa;margin-top:10px}#toast{background:#293e5f;font-size:13px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.authstory{background:#edf1f6;padding:44px 5vw;display:flex;flex-direction:column;min-height:100vh}.authstory .brand{font-size:20px}.storycopy{margin:auto 0;padding:65px 0 40px;max-width:480px}.storycopy .eyebrow{font-size:11px;letter-spacing:1px;color:#8392a8}.storycopy h1{font-size:40px;line-height:1.45;font-weight:600;letter-spacing:-1.7px;color:#2b3e5d}.storycopy>p{font-size:13px;line-height:1.95;color:#8190a5;margin-top:22px}.flowcard{margin-top:40px;padding:0 22px;border:1px solid #dfe5ef;background:#f9fafc;border-radius:10px;max-width:385px}.flowcard>div{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid #e7ecf3}.flowcard>div:last-child{border:0}.flowicon{font-size:10px;color:#95a3b8;border:1px solid #dce3ed;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.flowcard strong{font-size:12px;font-weight:500;color:#5d7291;display:block}.flowcard small{font-size:10px;color:#9ba7b9;display:block;margin-top:5px}.flowcard b{margin-left:auto;color:#93a6bf;font-weight:400}.flowcard b.last{color:#405d85}.authfoot{font-size:9px;letter-spacing:2px;color:#99a6b8;display:flex;justify-content:space-between}.authfoot span{font-size:10px;letter-spacing:0}.authform{display:grid;place-items:center;padding:40px}.authbox{width:100%;max-width:355px}.authbox h2{font-size:28px;font-weight:600;margin-bottom:14px}.authbox>.muted{font-size:12px;margin-bottom:32px}.authbox label{font-size:12px;color:#687b96}.authbox .primary{padding:14px}.authswitch{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:23px;color:#98a3b5;font-size:12px}.authbox>.subdued{display:block;margin:22px auto;font-size:11px}.demo{border-color:#e5e9ef;background:#fafbfc;border-radius:7px;padding:16px;margin-top:30px}.demoheading{font-size:10px;color:#9aa7b9}.demo button{font-size:10px;background:#fff;color:#7588a5;padding:6px 9px;margin-top:8px;border-color:#e1e6ee}.demo small{font-size:10px;color:#a2adbd}form[hidden]{display:none}
@media(min-width:1450px){.main{padding-left:6vw;padding-right:6vw}.authstory{padding-left:8vw;padding-right:7vw}}
@media(max-width:1100px){.projectgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding-left:28px;padding-right:28px}.shell{grid-template-columns:218px 1fr}.sidebar{padding-left:16px;padding-right:16px}.headingactions{flex-wrap:wrap;justify-content:flex-end}.storycopy h1{font-size:34px}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:18px 22px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:17px}.brandicon{width:29px;height:30px;font-size:22px}.sidebar .workspacebadge,.sidebar .sidesection,.sidebar .projectnav,.sidebar footer,.navcount{display:none}.sidebar>.nav{display:block}.sidebar>.nav button{font-size:11px}.main{padding:22px 20px 45px}.top{margin-bottom:28px}.heading{align-items:flex-start;gap:16px}.heading h1{font-size:24px}.heading p{font-size:11px;line-height:1.7}.headingactions{max-width:135px}.headingactions button{font-size:11px;padding:9px 11px}.heading>.primary{font-size:11px;padding:10px;white-space:nowrap}.projectgrid{grid-template-columns:1fr 1fr;gap:12px}.projectcard{padding:16px}.projectcard h3{font-size:13px}.cardbottom{font-size:9px;gap:7px}.sectionheading h2{font-size:14px}.invitecard,.inviteempty{padding:18px;gap:12px}.invitecard h3{font-size:12px}.invitecard p{font-size:10px;line-height:1.7}.invitecard button{white-space:nowrap;font-size:10px;padding:9px}.invitessection{margin:27px 0}.projectsection{margin-top:26px}.stats{gap:8px}.stat{padding:16px}.stat span{font-size:10px}.stat strong{font-size:25px}.row{grid-template-columns:1fr 105px;padding:18px}.checks{grid-column:1;display:flex;gap:22px}.rowaction{grid-column:2;grid-row:2}.toolbar input{width:100%;max-width:100%}.toolbar{gap:14px}.tasktitle{font-size:13px}.meta{font-size:10px}.auth{grid-template-columns:1fr}.authstory{min-height:0;padding:25px;background:#edf1f6}.storycopy{padding:30px 0 0}.storycopy h1{font-size:28px}.storycopy>p,.flowcard,.authfoot,.storycopy .eyebrow{display:none}.authform{padding:35px 25px}.authbox{max-width:400px}.dates{grid-template-columns:1fr;font-size:11px}.account{font-size:10px}.projectsub{font-size:10px}dialog{padding:23px}}
@media(max-width:430px){.projectgrid{grid-template-columns:1fr}.projectcard>p{min-height:0;margin-bottom:20px}.cardtop{margin-bottom:14px}.inviteempty{padding:16px}.inviteempty>span{width:25px}.inviteempty p{line-height:1.7}.sectionheading .textbutton{font-size:10px}.sectionheading h2{font-size:13px}.photos{grid-template-columns:1fr}}