@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--ink:#172133;--muted:#788397;--line:#e8ebf2;--blue:#5c70ee;--blue-soft:#eef1ff;--panel:#fff;--bg:#f7f8fc;--green:#42b98b;--shadow:0 12px 35px rgba(35,45,80,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:27px 16px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 23px 'Plus Jakarta Sans';letter-spacing:-1.2px;padding:0 12px 28px}.brand-mark{width:29px;height:29px;border-radius:10px;background:var(--blue);color:white;display:grid;place-items:center;font:800 21px Georgia;transform:rotate(-8deg)}.brand-dot{color:var(--blue)}.workspace-switcher{display:flex;align-items:center;gap:9px;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;padding:9px;margin:0 5px 24px}.workspace-avatar,.avatar{display:grid;place-items:center;border-radius:50%;background:#ffd8bd;color:#824d35;font-weight:700}.workspace-avatar{width:31px;height:31px;font-size:11px}.workspace-switcher strong{font-size:12px;display:block}.workspace-switcher small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.chevron{color:var(--muted);margin-left:auto}.main-nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#647086;text-decoration:none;border-radius:9px;font-weight:500}.nav-link:hover,.nav-link.active{background:var(--blue-soft);color:var(--blue)}.nav-icon{width:17px;text-align:center;font-size:16px}.count,.list-link span{margin-left:auto;color:#9aa3b3;font-size:12px}.nav-link.active .count{color:var(--blue)}.side-label{color:#a0a8b7;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;margin:27px 12px 9px}.add-list{float:right;background:none;color:var(--muted);font-size:19px}.list-nav{display:grid;gap:3px}.list-link{display:flex;align-items:center;gap:11px;padding:9px 12px;color:#687388;text-decoration:none}.list-link:hover{color:var(--blue)}.list-dot{width:8px;height:8px;border-radius:50%}.blue{background:#6b7df2}.purple{background:#ae7be9}.green{background:#53c99d}.orange{background:#f4a85d}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.main-content{flex:1;min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5.3%;justify-content:space-between}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 8px;color:#c5cbd5}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{background:none;color:#7d8799;font-size:24px;padding:5px}.avatar{width:34px;height:34px;font-size:12px;text-decoration:none}.mobile-menu{display:none}.content-wrap{max-width:1100px;margin:0 auto;padding:39px 5.3% 60px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;margin:0 0 11px}.page-heading h1{font:800 28px 'Plus Jakarta Sans';letter-spacing:-.8px;margin:0}.page-heading h1 span{color:#eab254;font-size:20px}.subtitle{color:var(--muted);margin:11px 0 0}.subtitle strong{color:#526075}.primary-button,.add-task button{background:var(--blue);color:white;border-radius:9px;padding:12px 18px;font-weight:700;box-shadow:0 6px 14px #6577ed33}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:31px 0}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow)}.stat-card strong{display:block;font:700 20px 'Plus Jakarta Sans'}.stat-card small{color:var(--muted);font-size:11px}.stat-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:18px}.blue-bg{color:var(--blue);background:#edf0ff}.green-bg{color:#37a77a;background:#e8f8f1}.purple-bg{color:#a16cdd;background:#f3eaff}.task-panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 13px;gap:15px}.panel-toolbar h2{font:700 17px 'Plus Jakarta Sans';margin:0}.task-total{color:#a2aabb;font:500 12px 'DM Sans';margin-left:4px}.toolbar-actions{display:flex;gap:9px}.search-box{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:#9ca5b3}.search-box input{border:0;outline:0;width:125px;color:var(--ink);font-size:12px;background:transparent}.toolbar-actions select{border:1px solid var(--line);color:#657186;background:white;border-radius:8px;padding:0 9px;font-size:12px}.filters{display:flex;gap:24px;padding:0 25px;border-bottom:1px solid var(--line)}.filter{background:none;color:#8b94a4;padding:12px 0 13px;font-size:12px;position:relative}.filter span{margin-left:4px;color:#b0b6c1}.filter.active{color:var(--blue);font-weight:700}.filter.active:after{content:'';height:2px;background:var(--blue);position:absolute;bottom:-1px;left:0;right:0}.add-task{margin:19px 25px 10px;background:#f8f9fc;border:1px dashed #d6dbe7;border-radius:9px;display:flex;align-items:center;padding:5px 7px;gap:8px}.add-task input{flex:1;border:0;background:transparent;outline:0;padding:9px 2px;color:var(--ink);min-width:80px}.add-task input::placeholder{color:#a5adbb}.add-task select{border:0;background:transparent;color:#7d8799;font-size:11px;outline:0}.add-task button{padding:8px 12px;font-size:12px;box-shadow:none}.plus-circle{color:var(--blue);font-size:19px}.task-list{padding:0 25px 10px}.task-item{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #f0f1f5;animation:rise .18s ease}.task-item:last-child{border-bottom:0}.check{width:19px;height:19px;border:1.5px solid #cbd1df;border-radius:6px;background:#fff;color:#fff;font-size:12px;display:grid;place-items:center;flex-shrink:0}.check.checked{background:var(--blue);border-color:var(--blue)}.task-copy{flex:1;min-width:0}.task-copy strong{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-done .task-copy strong{text-decoration:line-through;color:#a3abba}.task-meta{display:flex;gap:14px;margin-top:6px;align-items:center;color:#9aa3b2;font-size:11px}.tag{padding:3px 7px;border-radius:4px;background:#eef1ff;color:#6979dc}.tag.work{background:#f0eaff;color:#9669d5}.tag.personal{background:#e8f8f1;color:#3b9e78}.tag.shopping{background:#fff2e6;color:#d88946}.due.today{color:#e28a4a}.priority{font-size:11px}.priority.high{color:#ed7777}.priority.medium{color:#efb35b}.priority.low{color:#61bf98}.more{background:none;color:#aeb5c2;letter-spacing:2px;padding:8px}.empty-state{text-align:center;padding:35px;color:var(--muted)}.empty-state div{margin:auto;background:#e9f8f1;color:#38a77b;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.empty-state h3{color:var(--ink);margin:12px 0 4px}.empty-state p{margin:0;font-size:12px}.tip-card{margin-top:20px;background:#eef1ff;border:1px solid #dfe4ff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:13px}.tip-spark{color:var(--blue);font-size:21px}.tip-card strong{font-size:13px}.tip-card p{margin:4px 0 0;color:#7180a5;font-size:12px}.tip-card a{margin-left:auto;color:var(--blue);font-weight:700;font-size:12px;text-decoration:none}.tip-card a span{font-size:17px;margin-left:4px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@keyframes rise{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(max-width:760px){.sidebar{display:none}.mobile-menu{display:block;background:none;color:var(--muted);font-size:20px}.topbar{padding:0 20px}.content-wrap{padding:28px 16px 45px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.primary-button{width:100%}.stats-row{gap:8px}.stat-card{padding:12px 9px;gap:7px}.stat-icon{width:30px;height:30px;font-size:15px}.stat-card strong{font-size:16px}.stat-card small{font-size:9px}.panel-toolbar{align-items:flex-start;flex-direction:column;padding:19px 16px 11px}.toolbar-actions{width:100%}.search-box{flex:1}.search-box input{width:100%}.toolbar-actions select{height:34px}.filters{padding:0 16px;gap:18px;overflow:auto}.filter{white-space:nowrap}.add-task{margin:15px 16px 9px;flex-wrap:wrap}.add-task input{order:1;width:calc(100% - 30px)}.add-task select{order:2;margin-left:27px}.add-task button{order:2;margin-left:auto}.task-list{padding:0 16px 8px}.task-item{gap:10px}.task-copy strong{font-size:12px}.tip-card{align-items:flex-start}.tip-card a{display:none}.task-meta{gap:8px}.more{padding:5px}.top-actions{gap:8px}}