*{box-sizing:border-box}
:root{--ink:#29283a;--muted:#858397;--coral:#f27c68;--coral-dark:#e96c59;--peach:#fff0e9;--lav:#f0edff;--blue:#eaf4ff;--mint:#e8f6ef;--line:#efedf1;--surface:#fff;--bg:#fffdfa;--shadow:0 12px 34px rgba(55,44,67,.055)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "DM Sans",system-ui,-apple-system,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh}
.topbar{height:82px;padding:0 max(28px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,250,.94);border-bottom:1px solid #f2eff0;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#ff9b83,#ef6e5e);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:10px;box-shadow:0 5px 12px #f27c6840;transform:rotate(-4deg)}
.brand-mark span{width:4px;border-radius:5px;background:#fff;display:block}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:12px}
.brand-name{font:800 20px/1 "Manrope",sans-serif;letter-spacing:-.8px}.brand-name>span{color:var(--coral)}.brand-name small{display:block;margin-top:6px;font:700 8px/1 "DM Sans",sans-serif;letter-spacing:1.65px;color:#a19dac}
.top-actions{display:flex;align-items:center;gap:18px}.today-label,.section-kicker{font-size:9px;font-weight:800;letter-spacing:1.45px;color:#9a96a6}.live-dot,.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6bbf91;margin-right:7px;box-shadow:0 0 0 3px #e5f5eb}
.refresh-btn{border:1px solid #eee9e8;background:white;color:#615d6d;border-radius:11px;padding:9px 14px;font-size:12px;font-weight:700;box-shadow:0 3px 9px #40304408}.refresh-btn:hover{border-color:#f2b4a7;background:#fff8f5}.refresh-icon{font-size:17px;vertical-align:-1px;margin-right:5px;color:var(--coral)}
.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--lav);color:#7c6eb4;font-weight:800;font-size:12px;border:2px solid white;box-shadow:0 0 0 1px #e9e3fa}
main{max-width:1160px;margin:0 auto;padding:34px 28px 0}
.welcome{min-height:305px;position:relative;overflow:hidden;border-radius:25px;padding:43px 50px;background:linear-gradient(112deg,#fff0e9 0%,#fff3ee 48%,#f5efff 100%);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 32px #e5b6a31a}
.welcome:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#fff9;right:24%;top:-220px}
.welcome-copy{max-width:520px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:1.65px;color:#a37e7a}.eyebrow-line{width:23px;height:2px;border-radius:4px;background:var(--coral)}
.welcome h1{font:800 clamp(35px,4vw,49px)/1.12 "Manrope",sans-serif;letter-spacing:-2.1px;margin:17px 0 12px;color:#302c3c}.welcome h1 em{font-style:normal;color:var(--coral)}
.welcome-copy>p{max-width:460px;color:#777284;font-size:13px;line-height:1.8;margin:0}
.welcome-note{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 13px;border:1px solid #f2d9d2;border-radius:30px;background:#fff9;color:#8e7778;font-size:11px;font-weight:700}.sparkle{color:var(--coral);font-size:15px}
.welcome-art{width:330px;height:245px;position:relative;flex-shrink:0;margin-right:24px;z-index:1}
.art-orbit{position:absolute;border:1px dashed #e5c5d0;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:270px;height:170px;left:30px;top:39px}.orbit-two{width:220px;height:130px;left:54px;top:58px;border-color:#cfc4eb}
.art-sun{position:absolute;width:160px;height:160px;border-radius:50%;background:linear-gradient(145deg,#ffe0c8,#f7c9d5);left:83px;top:30px;box-shadow:inset -10px -12px 25px #e9a8b433,0 12px 30px #d6a7b52c}
.art-card{position:absolute;border:1px solid #ffffffc9;background:#ffffffdf;box-shadow:0 14px 32px #77617c1c;backdrop-filter:blur(8px);border-radius:15px}
.card-back{width:92px;height:76px;right:9px;top:24px;transform:rotate(10deg);padding:15px}.card-back i{display:block;height:5px;border-radius:8px;background:#e8e2f4;margin-top:8px;width:55px}.card-back i:last-child{width:38px}.tiny-check{float:right;background:#dff3e9;color:#54a87d;border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px}
.card-front{width:166px;height:143px;left:80px;top:78px;padding:14px 15px;transform:rotate(-5deg)}.art-card-top{display:flex;justify-content:space-between;color:#9c91a7;font-size:8px;font-weight:800;letter-spacing:1px;margin-bottom:13px}.art-card-top b{color:var(--coral);font-size:14px}
.art-task{display:flex;align-items:center;gap:8px;margin:9px 0}.task-check{width:13px;height:13px;border-radius:4px;background:#dff3e9;color:#4ca77b;text-align:center;line-height:13px;font-size:9px}.art-task>span:last-child{height:5px;width:85px;border-radius:6px;background:#d9d5e2}.art-task:nth-of-type(3)>span:last-child{width:65px}.muted-task .task-check{background:#f1edf5;border:1px solid #d9d2e3}.muted-task>span:last-child{width:73px;background:#eeeaf2}
.art-progress{height:6px;background:#f0edf4;border-radius:8px;margin-top:15px;overflow:hidden}.art-progress span{display:block;width:68%;height:100%;border-radius:8px;background:linear-gradient(90deg,#f29b7d,#b69de5)}
.art-flower{position:absolute;color:#fff;font-size:27px;text-shadow:0 3px 9px #bd8ba355}.flower-a{left:30px;top:44px;color:#f29a7f}.flower-b{right:30px;bottom:34px;color:#a995d8;font-size:24px}
.art-caption{position:absolute;right:-6px;bottom:12px;display:grid;padding:8px 13px;border-radius:11px;background:#ffffffd9;box-shadow:0 8px 20px #6e587c17;transform:rotate(4deg)}.art-caption b{font:800 10px "Manrope";color:#74628e}.art-caption span{font-size:9px;color:#a09aaa}
.welcome-bottom{position:absolute;bottom:15px;left:50px;font-size:8px;font-weight:800;letter-spacing:1.3px;color:#b39b9c}.welcome-bottom span{color:var(--coral);margin-right:5px}
.overview{margin-top:35px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-heading h2{font:800 20px/1.3 "Manrope",sans-serif;letter-spacing:-.55px;margin:5px 0 0}.soft-label{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#b1adba;background:#f7f5f7;border-radius:30px;padding:7px 11px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat-card{min-height:108px;border:1px solid #f0edf0;border-radius:17px;background:white;display:flex;align-items:center;gap:14px;padding:17px 19px;position:relative;overflow:hidden;box-shadow:0 5px 18px #45384d07}
.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;font-size:21px;font-weight:700;flex-shrink:0}.stat-total .stat-icon{background:var(--peach);color:#e9826e}.stat-active .stat-icon{background:var(--lav);color:#8879c3}.stat-done .stat-icon{background:var(--mint);color:#58a77d}
.stat-card>div:nth-child(2){display:grid}.stat-label{font-size:8px;letter-spacing:1.3px;color:#9b97a5;font-weight:800}.stat-card strong{font:800 25px/1.25 "Manrope";margin:2px 0}.stat-card small{font-size:10px;color:#a09cab}.stat-decoration{position:absolute;right:17px;top:7px;font-size:34px;opacity:.15;color:var(--coral)}
.plans-section{margin-top:38px}.plan-heading{margin-bottom:17px}.plan-heading p{margin:5px 0 0;color:#8e8a99;font-size:12px}.connection-pill{display:inline-flex;align-items:center;border:1px solid #e9eee9;background:#f6fbf7;border-radius:30px;padding:7px 11px;color:#568c6d;font-size:10px;font-weight:700}.connection-dot{width:6px;height:6px;background:#6bbf91;box-shadow:none}
.workspace-panel{background:white;border:1px solid #efedf0;border-radius:19px;padding:20px 22px 22px;box-shadow:var(--shadow)}
.toolbar{display:flex;gap:10px;align-items:center;padding-bottom:18px;border-bottom:1px solid #f2f0f2}
.search-wrap,.filter-wrap{height:42px;border:1px solid #ece9ee;border-radius:11px;display:flex;align-items:center;background:#fff}.search-wrap{flex:1;min-width:160px;padding:0 12px}.search-icon{font-size:22px;color:#a19baa;transform:rotate(-20deg);margin-right:8px}.search-wrap input{border:0;outline:0;width:100%;min-width:0;color:var(--ink);font-size:12px;background:transparent}.search-wrap input::placeholder{color:#b1adba}.filter-wrap{padding:0 10px;gap:7px}.filter-icon{font-size:15px;color:#a29cad}.filter-wrap select{border:0;outline:0;background:transparent;color:#777384;font-size:11px;min-width:105px;padding:0}
.add-btn,.save-btn{border:0;border-radius:11px;background:linear-gradient(135deg,#f58c76,#ed715f);color:white;padding:11px 17px;font-size:11px;font-weight:800;box-shadow:0 5px 12px #ef806c30;transition:transform .18s,box-shadow .18s}.add-btn:hover,.save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #ef806c42}.add-btn span{font-size:16px;vertical-align:-1px;margin-right:4px}
.tree-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 2px 10px}.tree-heading>div{display:flex;align-items:center;gap:11px}.tree-heading-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f1effb;color:#887cc0;font-size:17px}.tree-heading h3{margin:0;font:800 13px "Manrope"}.tree-heading p{margin:3px 0 0;color:#a09baa;font-size:10px}.tree-hint{font-size:8px;font-weight:800;letter-spacing:1px;color:#b5b0bd}
.tree{padding:10px 0 2px;min-height:100px}.tree>ul,.tree ul{list-style:none;margin:0;padding-left:23px;border-left:1px solid #eeeaf0}.tree>ul{padding-left:0;border:0}.tree li{padding:6px 0 6px 0;position:relative}.tree li:before{content:"";position:absolute;left:-23px;top:25px;width:15px;border-top:1px solid #eeeaf0}.tree>ul>li:before{display:none}
.node{min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid #f0edf1;border-radius:12px;max-width:100%;background:#fff;transition:background .16s,border-color .16s,transform .16s}.node:hover{background:#fffaf8;border-color:#f5d9d2;transform:translateX(2px)}
.node-title{font-weight:700;font-size:12px;flex:1;min-width:100px;color:#454153}.type{font-size:8px;text-transform:uppercase;letter-spacing:.7px;background:#f4f1fb;border-radius:6px;padding:5px 7px;color:#8275b6;font-weight:800;white-space:nowrap}.status{font-size:9px;color:#92909d;background:#f8f7f9;padding:4px 7px;border-radius:20px;white-space:nowrap}.progress{height:5px;width:62px;background:#f0eef2;border-radius:5px;overflow:hidden;flex-shrink:0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#8bc9a4,#55ad82);border-radius:5px}.node-meta{font-size:9px;color:#9995a3;min-width:25px;text-align:right}.add-child{background:#fff5f1;color:#e47c69;border:1px solid #f8e2dc;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap}.add-child:hover{background:#ffe9e1}
.empty{padding:28px 12px;text-align:center;color:#9995a3;font-size:12px}.loading-state{display:grid;justify-items:center;padding:28px;color:#a09baa;font-size:11px}.loader{width:23px;height:23px;border:2px solid #f5ddd7;border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:16px;border-radius:10px;background:#fff3f1;color:#b34f43;font-size:12px}
.footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px 0 25px;color:#aaa6b1;font-size:10px}.footer-mark{color:var(--coral);font-size:15px}.footer>span:nth-child(2){font-weight:800;color:#817b8d}.footer-dot{color:#d4cfd8}
dialog{border:1px solid #f0e9eb;border-radius:20px;padding:0;width:min(520px,calc(100% - 28px));max-height:90vh;overflow:auto;box-shadow:0 24px 80px #34233c35}dialog::backdrop{background:#29233966;backdrop-filter:blur(3px)}.item-form{padding:25px;display:grid;gap:13px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:3px}.dialog-head h3{font:800 22px "Manrope";letter-spacing:-.7px;margin:5px 0}.dialog-head p{font-size:11px;color:#9792a0;margin:0}.icon-btn{background:#f7f4f6;color:#817b8c;border:0;border-radius:9px;width:31px;height:31px;font-size:22px;line-height:1}
.item-form label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px;font-weight:700;color:#5c5868}.item-form label input,.item-form label select,.item-form label textarea{grid-column:1/-1;width:100%;border:1px solid #eae6ec;border-radius:9px;background:#fff;padding:10px 11px;outline:0;color:#403c4c;font-size:12px}.item-form label input:focus,.item-form label select:focus,.item-form label textarea:focus{border-color:#efa092;box-shadow:0 0 0 3px #fff0eb}.item-form textarea{resize:vertical}.optional-label{font-size:8px;letter-spacing:.8px;color:#aaa4b1}.save-btn{margin-top:5px;padding:12px}.save-btn span{float:right;font-size:16px}
@media(max-width:760px){.topbar{height:70px;padding:0 18px}.today-label{display:none}main{padding:20px 16px 0}.welcome{padding:31px 27px 43px;min-height:270px}.welcome-art{width:245px;margin-right:-25px;transform:scale(.82);transform-origin:center right}.welcome-copy{max-width:55%}.welcome h1{font-size:37px}.welcome-copy>p{font-size:12px}.welcome-bottom{left:27px}.stats-grid{gap:9px}.stat-card{padding:13px 11px;gap:9px}.stat-icon{width:33px;height:33px;font-size:17px}.stat-card strong{font-size:22px}.stat-card small{font-size:9px}.workspace-panel{padding:15px}.tree-hint{display:none}}
@media(max-width:540px){.topbar{padding:0 14px}.brand-name{font-size:18px}.top-actions{gap:9px}.refresh-btn{padding:8px 10px;font-size:10px}.avatar{width:30px;height:30px}main{padding:14px 12px 0}.welcome{display:block;padding:27px 23px 42px;min-height:420px}.welcome-copy{max-width:100%}.welcome h1{font-size:38px}.welcome-copy>p{max-width:100%}.welcome-art{height:205px;width:100%;margin:4px auto -2px;transform:scale(.88);transform-origin:center center}.art-orbit{left:calc(50% - 135px)}.orbit-two{left:calc(50% - 110px)}.art-sun{left:calc(50% - 80px)}.card-front{left:calc(50% - 83px)}.card-back{right:calc(50% - 135px)}.flower-a{left:calc(50% - 130px)}.flower-b{right:calc(50% - 130px)}.art-caption{right:calc(50% - 145px)}.welcome-bottom{left:23px}.overview{margin-top:27px}.section-heading h2{font-size:17px}.soft-label{display:none}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card{min-height:79px;padding:11px 14px}.stat-card>div:nth-child(2){grid-template-columns:1fr auto;align-items:center;column-gap:8px;flex:1}.stat-label{grid-column:1/-1}.stat-card strong{font-size:21px}.stat-card small{grid-column:2;grid-row:2}.stat-decoration{font-size:27px}.plans-section{margin-top:29px}.plan-heading{align-items:flex-start}.plan-heading h2{font-size:18px}.plan-heading p{max-width:260px;line-height:1.5}.connection-pill{font-size:0;padding:8px}.connection-dot{margin:0}.workspace-panel{padding:12px}.toolbar{display:grid;grid-template-columns:1fr auto;gap:8px}.search-wrap{grid-column:1/-1}.filter-wrap{height:39px}.add-btn{height:39px;padding:8px 12px}.tree-heading{padding-top:15px}.tree-heading p{max-width:220px}.tree ul{padding-left:15px}.tree li:before{left:-15px;width:9px}.node{gap:6px;padding:8px;flex-wrap:wrap}.node-title{min-width:calc(100% - 75px);font-size:11px}.type{font-size:7px}.status{margin-left:auto}.progress{width:48px}.node-meta{width:auto}.add-child{margin-left:auto}.footer{padding:22px 0}.item-form{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}