:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243b35;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #80b99d;outline-offset:3px}aside{position:fixed;width:244px;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3e9e5;padding:33px 21px;display:flex;flex-direction:column}.logo{font-size:31px;font-weight:750;letter-spacing:-1.7px;text-decoration:none;color:#235f49}.logo span{display:block;letter-spacing:2px;font-size:9px;margin:4px 0 29px 35px;color:#81918a;text-transform:uppercase}.space{border:1px solid #e4eae6;border-radius:10px;display:flex;align-items:center;gap:10px;padding:12px 9px;font-size:12px;font-weight:600;margin-bottom:32px}.space b{background:#eaf2e9;padding:10px;border-radius:7px;color:#42694b}.space small{display:block;font-size:10px;color:#8a9892;margin-top:5px;font-weight:400}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8b9992}.nav{display:flex;gap:12px;padding:12px;margin:3px 0;border-radius:7px;text-align:left;font-size:14px;color:#74847c}.nav.active{background:#edf4ef;color:#276147;font-weight:650}.project-head{display:flex;justify-content:space-between;margin-top:30px;align-items:center}.project{display:block;width:100%;text-align:left;padding:11px;font-size:12px;border-radius:7px;color:#74847c}.project.current{background:#f1f5f2;color:#254f3b;font-weight:650}.dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#9bbd9f;margin-right:12px}.side-bottom{margin-top:auto;font-size:11px;color:#698475}.side-bottom small{display:block;margin-top:10px;color:#9aa69f}.local-dot{display:inline-block;width:6px;height:6px;background:#5a9a70;border-radius:50%;margin-right:5px}main{margin-left:244px;padding:0 38px;max-width:1800px}header{height:83px;border-bottom:1px solid #e5eae6;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#89978f}header span{margin:0 12px;color:#c0c9c3}header b{font-weight:500;color:#53685c}header button{border:1px solid #dce4de;background:#fff;border-radius:6px;padding:9px 12px;font-size:11px}.heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 29px}.heading .eyebrow{color:#799182;font-size:9px}.heading h1{font-size:32px;letter-spacing:-1.2px;margin:11px 0}.heading p:last-child{font-size:12px;color:#8a978f;margin-bottom:0}.primary{background:#285c45;color:#fff;border-radius:7px;padding:12px 18px;font-weight:550;font-size:12px;box-shadow:0 2px 3px #183f1510}.primary:hover{background:#174c35}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.stat{background:white;border:1px solid #e4eae5;border-radius:10px;padding:18px 21px}.stat-top{display:flex;justify-content:space-between;font-size:11px;color:#839189}.stat-top i{font-style:normal;color:#6d9a79}.stat strong{display:inline-block;font-size:29px;margin:11px 0 7px;letter-spacing:-1px}.stat small{display:block;color:#97a198;font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e7e1;margin-bottom:23px;padding-bottom:14px;gap:15px}.tabs{display:flex;gap:4px}.tabs button{padding:8px 13px;font-size:11px;color:#8b9990;border-radius:6px}.tabs .selected{background:#e6eee7;color:#2f5c44;font-weight:600}.filters{display:flex;gap:8px}.filters input,.filters select{border:1px solid #dde5df;border-radius:6px;background:white;padding:9px 11px;font-size:11px;color:#6e8074}.filters input{width:180px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.column{background:#edf1ee;border:1px solid #e6ebe6;border-radius:9px;padding:12px;min-height:410px}.column.dragover{background:#dceadd}.column-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;padding:1px 2px 16px}.column-head .dot{border-radius:50%;margin-right:7px}.column-head em{font-style:normal;font-size:10px;color:#8a988e;margin-left:6px}.column-head button{font-size:18px;font-weight:400;color:#93a196}.card{background:#fff;border:1px solid #e0e7e1;border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:0 2px 3px #163a201f;cursor:grab}.card:hover{border-color:#99b9a2;transform:translateY(-1px)}.card-top{display:flex;justify-content:space-between;align-items:center}.badge{font-size:8px;font-weight:650;letter-spacing:.2px;padding:4px 6px;border-radius:4px;background:#e8f1e9;color:#6b8b6d}.badge.High{background:#faece4;color:#b17a5b}.badge.Medium{background:#f5f0de;color:#ab9453}.card h3{font-size:12px;line-height:1.55;margin:12px 0 6px;font-weight:600}.card p{font-size:10px;line-height:1.7;color:#97a197;margin:0 0 14px;overflow-wrap:anywhere}.project-label{font-size:8px;color:#70937c;background:#f0f5f0;padding:4px 6px;border-radius:3px;display:inline-block}.card-bottom{border-top:1px solid #f0f2ee;margin-top:13px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9aa79b}.overdue{color:#b96850}.avatar{border-radius:50%;background:#e5ece0;padding:6px;color:#70825f;font-size:8px}.column-add{font-size:10px;color:#99a69b;text-align:left;padding:9px 2px;width:100%}footer{display:flex;justify-content:space-between;font-size:9px;color:#9daa9f;padding:24px 0}.empty{padding:26px 8px;font-size:11px;color:#87968b;text-align:center}.task-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 90px;align-items:center;gap:12px;background:#fff;padding:15px;border-bottom:1px solid #e5ebe5;font-size:12px;cursor:pointer}.task-row select{font-size:10px;padding:6px;border:1px solid #dce6de;border-radius:4px}.insights{display:grid;grid-template-columns:1fr 1fr;gap:20px}.insight{background:#fff;border:1px solid #e0e7e1;padding:25px;border-radius:10px}.insight h2{font-size:15px;margin:0 0 25px}.bar-row{font-size:12px;margin:18px 0}.bar{background:#edf2ee;height:9px;border-radius:10px;margin-top:9px;overflow:hidden}.bar div{height:100%;background:#7fa68a;border-radius:10px}.big-progress{font-size:58px;font-weight:650;letter-spacing:-3px;color:#356b4d}.insight p{font-size:12px;color:#8a998d;line-height:1.7}dialog{border:1px solid #dbe6dd;border-radius:14px;padding:25px;width:520px;max-width:94vw;color:#294536;box-shadow:0 20px 100px #16352233}dialog::backdrop{background:#14312366;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{font-size:25px;color:#91a094}label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}label input,label select,label textarea{display:block;width:100%;padding:10px;border:1px solid #dce5df;border-radius:6px;margin-top:7px;color:#3d5847;background:#fbfcfb;font-size:12px}textarea{resize:vertical}label small{font-weight:400;color:#93a295;margin-left:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;justify-content:space-between;align-items:center}.danger{color:#b46c56;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#234c36;color:#fff;border-radius:8px;font-size:12px;opacity:0;pointer-events:none}#toast.show{opacity:1}.check-item{display:flex;gap:7px;font-size:10px;font-weight:400;align-items:center;margin:7px 0;color:#7c8e7e}.check-item input{width:auto;margin:0;accent-color:#437957}@media(min-width:1500px){.card h3{font-size:14px}.card p{font-size:12px}}@media(max-width:1150px){aside{width:200px}main{margin-left:200px;padding:0 24px}.board{grid-template-columns:repeat(2,1fr)}.column{min-height:250px}}@media(max-width:700px){aside{position:relative;width:auto;padding:17px;display:block;border-bottom:1px solid #e0e7e1}.logo{font-size:25px}.logo span,.space,.side-bottom,.project-head,aside>.eyebrow,#projects{display:none}.nav{display:inline-flex;font-size:11px;padding:8px}.logo{display:block;margin-bottom:10px}main{margin:0;padding:0 16px}header{height:55px}.heading h1{font-size:27px}.heading .eyebrow{font-size:8px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.toolbar{align-items:stretch;flex-direction:column}.filters input{flex:1;width:100px}.board{grid-template-columns:1fr}.column{min-height:150px}.task-row{grid-template-columns:1.6fr 1fr}.task-row .row-project,.task-row .row-date{display:none}.insights{grid-template-columns:1fr}footer span:first-child{display:none}}
/* SproutTasks: botanical greens, lavender, and soft organic surfaces. */
:root{color:#34324c;background:#f5f3fa}body{background:radial-gradient(ellipse at 95% 0%,#e5efdf 0,transparent 38%),radial-gradient(ellipse at 30% 65%,#eae2f5 0,transparent 60%),#f7f5fa}aside{background:linear-gradient(168deg,#243f34,#263d32 58%,#393451);border:0;color:#e4eddf;padding-top:30px}.logo{display:grid;grid-template-columns:38px 1fr;column-gap:5px;align-items:center;color:#fff;font-size:23px;letter-spacing:-1px;line-height:1.2}.logo .brand-icon{display:block;font-size:40px;grid-row:span 2;margin:0;letter-spacing:0;color:#bcd891;text-transform:none}.logo .brand-name{font-size:23px;margin:0;letter-spacing:-1px;color:#fff;text-transform:none;font-weight:750}.logo .brand-tag{font-size:8px;letter-spacing:.6px;margin:5px 0 0;color:#c4cbb8;text-transform:none;font-weight:400}.space{margin-top:30px;border-color:#ffffff1c;background:#ffffff08;border-radius:13px;color:#edf0e7}.space b{background:#c8b8ea;color:#473366;border-radius:10px}.space small{color:#bdcdbb}aside .eyebrow{color:#adbea9}.nav{color:#ccd8c8;font-weight:500}.nav:hover{background:#ffffff10}.nav.active{background:#c5dab0;color:#244532;box-shadow:0 4px 16px #0a241a28}.project{color:#cdd8ca;padding:12px}.project:hover{background:#ffffff0d}.project.current{background:#bda5df30;color:#e9ddfa}.dot{background:#b6d48c}.project:nth-child(3n) .dot{background:#c9a6ea}.project:nth-child(3n + 1) .dot{background:#b6ce9c}.project-head>button{color:#d9c7ef}.side-bottom{color:#d0ddc6;background:linear-gradient(135deg,#a0b88722,#b19edc22);padding:17px 12px;border:1px solid #ffffff13;border-radius:12px}.side-bottom small{color:#b9cbb3}.local-dot{background:#b0d78d}main{padding:0 34px}header{border-color:#dcd7e7;color:#857d95}header b{color:#5e5273}header button{background:#ffffff90;border-color:#ded5ea;color:#716080;border-radius:9px}.heading{position:relative;margin:27px 0 24px;padding:28px 30px;border:1px solid #dbd4e7;border-radius:19px;background:linear-gradient(115deg,#ebe4f6 0%,#f0eafa 45%,#e3eed8 100%);box-shadow:0 6px 25px #67547b08;overflow:hidden}.heading::before{content:'';position:absolute;width:190px;height:190px;border:1px solid #91ac7d33;border-radius:50%;right:-24px;top:-93px;pointer-events:none}.heading::after{content:'✿';position:absolute;font-size:150px;line-height:1;color:#8aa6781c;right:125px;bottom:-55px;transform:rotate(-18deg);pointer-events:none}.heading>div,.heading>button{position:relative;z-index:1}.heading .eyebrow{color:#77618c;letter-spacing:1.9px}.heading h1{font-size:34px;color:#403454;letter-spacing:-1.3px}.heading p:last-child{color:#766986;font-size:12px}.primary{background:#755299;box-shadow:0 4px 12px #714d9529;border:1px solid #ffffff24;border-radius:10px;padding:13px 19px}.primary:hover{background:#624080;transform:translateY(-1px)}.stats{gap:15px}.stat{position:relative;border:1px solid #dfd7e9;background:#fffafede;border-radius:14px;padding:18px 20px;overflow:hidden;box-shadow:0 4px 13px #45325504}.stat::after{content:'';height:4px;position:absolute;bottom:0;left:0;right:0;background:#b297d2}.stat:nth-child(2){background:#eff5e8;border-color:#dce6d0}.stat:nth-child(2)::after{background:#a7c48c}.stat:nth-child(3){background:#e9f3eb;border-color:#d3e4d5}.stat:nth-child(3)::after{background:#79ac88}.stat:nth-child(4){background:#f1eaf7;border-color:#e2d6ef}.stat:nth-child(4)::after{background:#b18ac9}.stat strong{font-size:32px;color:#5f467e}.stat:nth-child(2) strong,.stat:nth-child(3) strong{color:#426d48}.stat-top{color:#756780}.stat-top i{color:#785b91;background:#e9ddf3;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;margin-top:-3px}.stat:nth-child(2) .stat-top i,.stat:nth-child(3) .stat-top i{color:#547a4e;background:#d9e9cf}.stat small{color:#7d7387}.toolbar{border-color:#ded6e8;padding-bottom:15px;margin-bottom:20px}.tabs{background:#e9e3ef;padding:4px;border-radius:10px}.tabs button{color:#756982;padding:9px 14px;font-weight:550;border-radius:7px}.tabs .selected{color:#644686;background:#fff;box-shadow:0 2px 5px #59456c12}.filters input,.filters select{background:#ffffffb0;border-color:#ded6e8;border-radius:9px;color:#70617e;padding:10px 12px}.filters input:focus,.filters select:focus{outline:2px solid #c2a3db;outline-offset:1px}.board{gap:16px}.column{border-radius:14px;background:#ece6f3;border-color:#e0d5ed;padding:13px;min-height:430px}.column[data-status=progress]{background:#eaf0df;border-color:#dce6cd}.column[data-status=review]{background:#eee2f2;border-color:#e1d1e8}.column[data-status=done]{background:#e2eee6;border-color:#d1e2d6}.column.dragover{background:#d7c8ec;outline:2px dashed #9979bc;outline-offset:-4px}.column-head{color:#5e4677;padding:3px 3px 17px}.column[data-status=progress] .column-head,.column[data-status=done] .column-head{color:#4f7049}.column-head em{color:inherit;background:#ffffff80;border-radius:6px;padding:3px 6px}.column-head button{color:inherit}.column-add{color:#79638d;font-weight:550;padding:10px 3px}.column[data-status=progress] .column-add,.column[data-status=done] .column-add{color:#69815b}.card{border-color:#e2d9ec;border-radius:11px;box-shadow:0 3px 7px #4d2f6a08;padding:15px;transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{border-color:#a58bbf;box-shadow:0 6px 14px #4d2f6a13;transform:translateY(-2px)}.card h3{color:#40344f;font-size:12px}.card p{color:#807587}.badge{color:#427044;background:#e7f1df;border-radius:5px;font-size:8px}.badge.High{background:#edddf5;color:#81569d}.badge.Medium{background:#eae2f5;color:#786194}.badge.Low{background:#e1efd7;color:#567a3e}.project-label{background:#f1eaf7;color:#856497;border-radius:5px;padding:5px 7px}.card-bottom{border-color:#efe9f4;color:#8c7b9a}.avatar{background:#dcebcf;color:#527448;font-weight:650}.overdue{color:#9953a0}.check-item{color:#806e8e}.check-item input{accent-color:#885ca8}.empty{color:#8a7699}.insight{border-color:#ddd2e9;border-radius:15px;background:#ffffffce}.insight h2{color:#69517d}.insight:nth-child(2){background:#f0f5e9}.big-progress{color:#79519c}.insight p{color:#81718e}.bar{background:#e5dced}.bar div{background:linear-gradient(90deg,#a57ec4,#83b17a)}.task-row{background:#ffffffbf;border-color:#e7deee}.task-row:first-child{border-radius:12px 12px 0 0}.task-row:last-child{border-radius:0 0 12px 12px}.task-row b{color:#564267}.task-row select{border-color:#ded0e9;color:#73568b;background:#f8f3fb}.row-project{color:#82718e}.row-date{color:#8e7c99}footer{color:#887694;font-size:10px;padding:25px 0 28px;gap:15px;flex-wrap:wrap}footer .copyright{display:block}dialog{border-color:#d8c4e8;background:linear-gradient(145deg,#fffcff,#f3edf8);color:#5d426e;border-radius:19px;box-shadow:0 24px 100px #45296044}dialog::backdrop{background:#2b1d4166}label input,label select,label textarea{border-color:#ded0e8;background:#fff;color:#5b466b;border-radius:8px}label input:focus,label select:focus,label textarea:focus{outline:2px solid #c8a8e0;outline-offset:1px}label small{color:#9984a7}.dialog-head button{color:#9880aa}.danger{color:#9b567d}#toast{background:#62437b;box-shadow:0 6px 25px #43285633;border:1px solid #b795ca}
@media(min-width:1500px){.card h3{font-size:14px}}@media(max-width:1150px){main{padding:0 24px}.heading{padding:25px}.logo .brand-name{font-size:19px}.logo .brand-tag{font-size:7px}.logo{grid-template-columns:31px 1fr}.logo .brand-icon{font-size:32px}.column{min-height:250px}}@media(max-width:700px){aside{padding:19px 17px 12px}.logo{display:grid;grid-template-columns:35px 1fr;width:max-content;margin:0 0 14px}.logo .brand-name{font-size:23px}.logo .brand-tag{display:block;font-size:8px}.logo .brand-icon{font-size:36px}.nav{margin:0 2px 0 0;font-size:11px}.space{display:none}main{padding:0 16px}.heading{margin:20px 0;padding:21px 18px;gap:12px}.heading h1{font-size:26px}.heading .eyebrow{font-size:7px;letter-spacing:1px}.heading p:last-child{font-size:10px;max-width:190px;line-height:1.6}.heading .primary{white-space:nowrap;padding:11px 13px;font-size:11px}.heading::after{right:20px}.stat{padding:16px}.stat strong{font-size:29px}.stat small{font-size:9px}.column{min-height:150px}.tabs{width:max-content}.copyright{line-height:1.7}}