:root{--ink:#17222d;--muted:#687581;--line:#e4e7e7;--paper:#fbfcfb;--navy:#142a35;--aqua:#38b7ab;--aqua-dark:#137d78;--coral:#ee765f;--cream:#f3f1e9}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:10;flex-direction:column;width:244px;padding:27px 17px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.5px;align-items:center;gap:10px;height:34px;font-family:Georgia,serif;font-size:22px;font-weight:600;display:flex}.brand-mark{background:var(--aqua);color:#fff;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.sidebar>.brand{margin-bottom:28px;padding-left:9px}.new-task{background:var(--aqua);color:#092e31;border:0;border-radius:9px;align-items:center;gap:9px;height:43px;padding:0 12px;font-weight:750;display:flex;box-shadow:0 8px 20px #06161b4a}.new-task:hover{background:#55c9bd}.new-task kbd{opacity:.7;border:1px solid #1d8d86;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:500}.sidebar nav{gap:5px;margin-top:24px;display:grid}.sidebar nav button{color:#aebbc1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff09}.sidebar nav button.active{color:#fff;background:#ffffff10}.sidebar nav button.active svg{color:#54cfc3}.sidebar nav b{background:#2a414c;border-radius:12px;margin-left:auto;padding:3px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.tip{background:#10242d;border:1px solid #304650;border-radius:10px;padding:13px}.tip div{color:#d9f6f3;align-items:center;gap:7px;font-size:12px;display:flex}.tip div svg{color:var(--aqua)}.tip p{color:#91a2aa;margin:7px 0 0;font-size:11px;line-height:1.55}.profile{border-top:1px solid #30434b;align-items:center;gap:10px;margin-top:16px;padding:17px 5px 0;display:flex}.profile>div,.avatar{color:#30453e;background:#d9e2d8;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:800;display:grid}.profile span{flex:1;display:grid}.profile strong{font-size:12px}.profile small{color:#8ea0a8;margin-top:2px;font-size:10px}.profile svg{color:#7b8e96}main{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#ffffffd9;align-items:center;gap:16px;height:66px;padding:0 38px;display:flex;position:sticky;top:0}.search{color:#8a959b;align-items:center;gap:9px;width:min(360px,40vw);display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search kbd{color:#89949a;white-space:nowrap;background:#fff;border:1px solid #dce1e2;border-radius:5px;padding:3px 6px;font-size:10px}.top-add{color:#31404a;background:#fff;border:1px solid #d8dfdf;border-radius:8px;align-items:center;gap:7px;height:36px;margin-left:auto;padding:0 13px;font-size:12px;font-weight:700;display:flex}.top-add:hover{border-color:#9dcac6}.mobile-brand{display:none}.content{max-width:1120px;margin:0 auto;padding:46px 45px 80px}.page-head{justify-content:space-between;align-items:end;display:flex}.page-head p{text-transform:uppercase;letter-spacing:1.25px;color:var(--aqua-dark);margin:0 0 10px;font-size:11px;font-weight:800}.page-head h1{letter-spacing:-1px;margin:0;font:500 36px/1.05 Georgia,serif}.page-head>div>span{color:var(--muted);margin-top:10px;font-size:13px;display:block}.progress{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:17px;padding:11px 16px;display:flex;box-shadow:0 3px 12px #182d3510}.progress div{align-items:baseline;gap:5px;display:flex}.progress strong{color:#2b4b51;font:600 18px Georgia}.progress span{color:#879096;font-size:10px}.progress i{background:var(--line);width:1px;height:22px}.insight{background:#f1f9f7;border:1px solid #cde3df;border-radius:9px;align-items:center;gap:11px;min-height:52px;margin-top:31px;padding:10px 14px;display:flex}.insight>div{color:#248f87;background:#d8f0eb;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.insight p{color:#52676d;margin:0;font-size:12px}.insight strong{color:#274a4b}.list-section{margin-top:31px}.list-head{border-bottom:1px solid var(--line);align-items:center;padding-bottom:12px;display:flex}.list-head h2{letter-spacing:.8px;text-transform:uppercase;color:#41515b;margin:0;font-size:12px}.list-head span{color:#8c969c;margin-left:auto;font-size:11px}.task-list{border-bottom:1px solid var(--line)}.task-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:28px 28px minmax(240px,1fr) 190px 105px 18px;align-items:center;gap:10px;min-height:80px;padding:10px 4px;transition:all .18s;display:grid}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fff;border-radius:8px;padding-left:9px;padding-right:9px;transform:translateY(-1px);box-shadow:0 5px 18px #172c3510}.check{color:#b5bdbf;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.check svg:last-child{color:#fff;display:none;position:absolute;top:5px;left:5px}.check:hover svg:first-child{fill:var(--aqua);color:var(--aqua)}.check:hover svg:last-child{display:block}.rank{color:#89969a;text-align:center;font:600 14px Georgia}.task-main h3{margin:0;font-size:13px;font-weight:700;line-height:1.35}.meta{color:#89949a;align-items:center;gap:7px;margin-top:6px;font-size:10px;display:flex}.meta i{background:#b7c0c1;border-radius:50%;width:3px;height:3px}.task-signal{gap:18px;display:flex}.task-signal small{color:#99a1a4;letter-spacing:.5px;margin-bottom:6px;font-size:8px;font-weight:700;display:block}.priority-dots{gap:3px;display:flex}.priority-dots i{border:1px solid #d7dcdd;border-radius:50%;width:7px;height:7px}.priority-dots.urgency i.on{background:var(--coral);border-color:var(--coral)}.priority-dots.impact i.on{background:var(--aqua);border-color:var(--aqua)}.deadline{color:#718087;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.deadline.overdue{color:#d66552}.row-arrow{color:#c2c8ca}.completed-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:13px;height:66px;padding:0 7px;display:flex}.completed-row>svg:first-child{color:var(--aqua)}.completed-row div{flex:1}.completed-row h3{color:#738087;margin:0;font-size:13px;font-weight:500;text-decoration:line-through}.completed-row p{color:#9ba3a7;margin:5px 0 0;font-size:10px}.completed-row>svg:last-child{color:#aab3b5;opacity:0}.completed-row:hover>svg:last-child{opacity:1}.empty{text-align:center;border-bottom:1px solid var(--line);padding:70px 20px}.empty>div{color:#4aa99f;background:#edf5f3;border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;display:grid}.empty h2{margin:18px 0 7px;font:500 21px Georgia}.empty p{color:var(--muted);max-width:340px;margin:0 auto 18px;font-size:12px;line-height:1.6}.empty button{color:#287b75;background:#fff;border:1px solid #cadcda;border-radius:8px;align-items:center;gap:6px;height:38px;margin:auto;padding:0 14px;font-size:12px;font-weight:700;display:flex}.modal-layer,.onboard-layer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#08171dc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.task-modal{background:#fff;border-radius:14px;width:min(650px,100%);max-height:calc(100vh - 30px);overflow:auto;box-shadow:0 24px 80px #06121766}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:24px 27px 18px;display:flex}.modal-head span{letter-spacing:1.2px;color:var(--aqua-dark);font-size:9px;font-weight:800}.modal-head h2{margin:5px 0 0;font:500 23px Georgia}.modal-head button{color:#6e797e;background:#f2f4f3;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.task-modal>.field,.task-modal>.form-grid,.task-modal>.priority-grid{margin-left:27px;margin-right:27px}.field{gap:6px;display:grid}.main-input{margin-top:19px}.field>span,.picker legend{color:#5d6970;letter-spacing:.4px;font-size:10px;font-weight:750}.field em{color:#a0a7aa;font-weight:400}.field input,.field select,.field textarea{color:#25333b;background:#fff;border:1px solid #dce1e1;border-radius:7px;outline:0;padding:0 11px;font-size:12px}.field input,.field select{height:39px}.main-input input{height:43px;font-size:14px}.field textarea{resize:none;height:62px;padding-top:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#69bdb5;box-shadow:0 0 0 3px #57bdb314}.form-grid,.priority-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:15px;display:grid}.picker{border:1px solid #e1e5e4;border-radius:8px;margin:0;padding:11px 12px 8px}.picker legend{margin-left:-5px;padding:0 5px}.picker legend small{color:#a0a7aa;margin-top:3px;font-size:9px;font-weight:400;display:block}.picker>div{gap:5px;display:flex}.picker button{color:#96a0a4;background:#fafbfa;border:1px solid #e0e4e4;border-radius:5px;flex:1;height:27px;font-size:10px}.picker.coral button.selected{color:#bd5e4e;background:#fff0ec;border-color:#ef9888}.picker.blue button.selected{color:#247b75;background:#eaf7f5;border-color:#69c2ba}.picker p{color:#a2a9ac;justify-content:space-between;margin:5px 2px 0;font-size:8px;display:flex}.task-modal>.field:not(.main-input){margin-top:15px}.modal-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding:16px 27px;display:flex}.modal-actions>div{gap:9px;display:flex}.modal-actions button{border-radius:7px;align-items:center;gap:6px;height:38px;padding:0 15px;font-size:11px;font-weight:700;display:flex}.secondary{color:#67747a;background:#fff;border:1px solid #dce1e1}.primary{background:var(--navy);border:1px solid var(--navy);color:#fff}.primary:disabled{opacity:.45}.delete{color:#c45f51;background:0 0;border:0!important;padding-left:0!important}.onboard{background:#fff;border-radius:16px;grid-template-columns:42% 58%;width:min(850px,100%);min-height:500px;display:grid;overflow:hidden;box-shadow:0 25px 100px #0007}.onboard-visual{background:var(--navy);color:#fff;flex-direction:column;padding:34px;display:flex}.mini-stack{margin:auto 0;position:relative}.mini-card{height:72px;color:var(--ink);z-index:2;background:#fff;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex;position:relative;box-shadow:0 10px 25px #0004}.mini-card b{color:#248d85;background:#dff3f0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.mini-card span{gap:6px;display:grid}.mini-card strong{font-size:11px}.mini-card small{color:#819096;font-size:9px}.mini-card.two{opacity:.8;z-index:1;margin:11px 0 0 22px}.mini-card.two b{color:#d66a58;background:#fff0ec}.glow{filter:blur(50px);background:#38b7ab44;border-radius:50%;width:200px;height:200px;position:absolute;top:0;left:40px}.onboard-visual>p{color:#8fa6ad;font:italic 13px Georgia}.onboard-copy{flex-direction:column;align-items:flex-start;padding:58px 55px;display:flex}.step-icon{color:#2b9b91;background:#e6f5f2;border-radius:10px;place-items:center;width:43px;height:43px;margin-bottom:27px;display:grid}.onboard-copy>small{color:#258c84;letter-spacing:1.3px;font-size:9px;font-weight:800}.onboard-copy h1{letter-spacing:-.6px;max-width:360px;margin:12px 0 15px;font:500 34px/1.12 Georgia}.onboard-copy>p{color:#66747b;max-width:380px;margin:0;font-size:13px;line-height:1.65}.steps{gap:5px;margin:35px 0 18px;display:flex}.steps i{background:#e0e4e3;border-radius:2px;width:22px;height:3px}.steps i.active{background:var(--aqua)}.onboard-copy>button,.finish>button:first-child{background:var(--navy);color:#fff;border:0;border-radius:8px;align-items:center;gap:10px;height:42px;padding:0 18px;font-size:12px;font-weight:700;display:flex}.finish{align-items:center;gap:10px;display:flex}.finish .blank{color:#68767c;background:0 0;border:0;font-size:11px;text-decoration:underline}.mobile-nav{display:none}@media (max-width:900px){.sidebar{display:none}main{margin-left:0}.mobile-brand{display:block}.mobile-brand .brand span{display:none}.mobile-brand .brand{font-size:0}.search{flex:1;width:auto}.content{padding:35px 25px 100px}.task-row{grid-template-columns:28px 25px minmax(180px,1fr) 95px 18px}.task-signal{display:none}.mobile-nav{border-top:1px solid var(--line);z-index:20;height:68px;padding:0 12px env(safe-area-inset-bottom);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#849096;background:0 0;border:0;justify-items:center;gap:4px;font-size:9px;display:grid;position:relative}.mobile-nav button.active{color:var(--aqua-dark)}.mobile-nav i{background:#dff3f0;border-radius:8px;padding:1px 4px;font-size:8px;font-style:normal;position:absolute;top:-4px;right:2px}.mobile-nav .mobile-add{background:var(--navy);color:#fff;border-radius:50%;order:4;place-items:center;width:45px;height:45px;display:grid}.onboard{grid-template-columns:38% 62%}.onboard-copy{padding:50px 38px}.onboard-visual{padding:28px}}@media (max-width:600px){.topbar{height:60px;padding:0 16px}.topbar .avatar,.top-add,.search kbd{display:none}.content{padding:27px 16px 95px}.page-head{align-items:start}.page-head h1{font-size:31px}.page-head>div>span{max-width:270px;line-height:1.45}.progress{gap:9px;padding:8px 10px}.progress span{display:none}.insight{align-items:flex-start;margin-top:23px}.insight p{line-height:1.5}.task-row{grid-template-columns:27px 22px minmax(0,1fr) 18px;min-height:74px}.task-row .deadline{grid-column:3;margin-top:-8px}.task-row .task-main{padding-top:7px}.row-arrow{grid-area:1/4/3}.meta span:last-child,.meta i{display:none}.list-section{margin-top:25px}.modal-layer{place-items:end;padding:0}.task-modal{border-radius:16px 16px 0 0;max-height:94vh}.modal-head{padding:20px 19px 15px}.task-modal>.field,.task-modal>.form-grid,.task-modal>.priority-grid{margin-left:19px;margin-right:19px}.form-grid{grid-template-columns:1fr 1fr}.priority-grid{grid-template-columns:1fr}.modal-actions{padding:14px 19px}.delete{font-size:0!important}.delete svg{width:18px}.onboard-layer{padding:0}.onboard{border-radius:0;height:100%;min-height:100vh;display:block}.onboard-visual{height:30%;min-height:210px;padding:22px}.onboard-visual>.brand{margin-bottom:15px}.mini-stack{width:100%;max-width:270px;margin:auto}.mini-card{height:55px}.mini-card.two,.onboard-visual>p{display:none}.onboard-copy{height:70%;padding:35px 27px}.step-icon{margin-bottom:20px}.onboard-copy h1{font-size:30px}.steps{margin-top:auto}.finish{flex-direction:column;align-items:flex-start}.finish .blank{padding-left:4px}}