@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#24252a;background:#f7f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid #e9e9e6;display:flex;flex-direction:column;padding:28px 18px 20px;flex-shrink:0}.brand{font:800 25px Plus Jakarta Sans;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;margin:0 12px 34px}.brand-mark{background:#d6e1ff;color:#3e62d9;height:29px;width:29px;border-radius:9px;display:grid;place-items:center}.brand-dot{color:#5576e8}.new-task{background:#3c5fd2;color:#fff;border-radius:9px;padding:12px 13px;display:flex;gap:9px;align-items:center;font-weight:600;box-shadow:0 4px 12px #3c5fd22b;margin-bottom:27px}.shortcut{margin-left:auto;color:#cbd5ff;font-size:11px;font-weight:400}.nav-list{display:grid;gap:3px}.nav-item,.category{background:transparent;color:#666a74;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:11px;text-align:left;font-size:14px}.nav-item span{margin-left:auto;font-size:12px;color:#a2a5ad}.nav-item.active,.category.active{color:#314fae;background:#eef2ff;font-weight:600}.sidebar-section{border-top:1px solid #ededeb;margin-top:24px;padding-top:21px}.section-label{color:#9b9da4;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;display:flex;justify-content:space-between;padding:0 12px 9px}.category{width:100%}.category-dot{height:8px;width:8px;border-radius:50%;background:#ef9e61}.category-dot.work{background:#8d7cf0}.category-dot.planning{background:#5bb6aa}.category-dot.ideas{background:#edc861}.sidebar-foot{margin-top:auto;border-top:1px solid #ededeb;padding:18px 8px 0;display:flex;align-items:center;gap:10px;color:#a0a1a7}.sidebar-foot strong{font-size:12px;display:block;color:#484a52}.sidebar-foot small{font-size:11px;color:#a0a2a8}.avatar{background:#e7e0d6;color:#805f44;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.sidebar-foot svg{margin-left:auto}.main-content{flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid #e9e9e6;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);background:#fff}.crumb{font-size:13px;color:#8a8d94}.crumb span{margin:0 7px;color:#c7c8cc}.top-actions{display:flex;align-items:center;gap:17px}.search{display:flex;align-items:center;gap:9px;color:#9a9da4;border:1px solid #e6e7e5;border-radius:7px;height:36px;padding:0 9px;width:218px}.search input{outline:0;border:0;width:100%;min-width:0;font-size:12px}.search kbd{color:#9ea1a9;background:#f5f5f4;padding:3px 5px;border-radius:4px;font-size:10px;white-space:nowrap}.icon-button{color:#888b93;background:transparent}.content-wrap{max-width:1030px;margin:0 auto;padding:52px 40px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:#93969d;font-size:10px;font-weight:700;margin:0 0 10px}.page-heading h1,.modal-header h2{font:800 31px Plus Jakarta Sans;letter-spacing:-1.5px;margin:0;color:#28292e}.subheading{color:#989ba2;font-size:13px;margin:10px 0 0}.primary-action{background:#3e60d2;color:#fff;padding:10px 15px;border-radius:7px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #3e60d21f}.primary-action:disabled{opacity:.65;cursor:wait}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px}.stat-card{background:#fff;border:1px solid #ededeb;border-radius:9px;display:flex;align-items:center;gap:13px;padding:17px 18px}.stat-icon{height:32px;width:32px;border-radius:8px;display:grid;place-items:center}.stat-icon.blue{color:#5071db;background:#edf1ff}.stat-icon.green{color:#44a085;background:#e8f6f0}.stat-icon.amber{color:#d39442;background:#fff4e4}.stat-card b{display:block;font:700 19px Plus Jakarta Sans}.stat-card span{color:#9b9da4;display:block;font-size:11px;margin-top:3px}.list-toolbar{border-bottom:1px solid #dedfdd;display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:25px}.tabs button{padding:0 0 12px;background:transparent;color:#a0a2a8;border-bottom:2px solid transparent;font-size:13px}.tabs button.selected{color:#3d4e94;border-color:#3d60d3;font-weight:600}.tabs span{background:#f0f1f2;border-radius:9px;font-size:10px;padding:2px 5px;margin-left:4px}.filters{display:flex;gap:8px;padding-bottom:9px}.filters select,.filter-button{color:#777a82;border:1px solid #e2e3e1;background:#fff;border-radius:6px;font-size:11px;padding:7px 9px}.filter-button{display:flex;align-items:center;gap:5px}.task-list{margin-top:3px}.task-row{display:flex;align-items:flex-start;gap:15px;padding:20px 8px 19px 5px;border-bottom:1px solid #e9e9e7;transition:background .15s}.task-row:hover{background:#fff}.check-button{height:19px;width:19px;border:1.5px solid #c6c8cd;border-radius:50%;background:#fff;color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:2px}.is-complete .check-button{border-color:#62b899;background:#62b899}.task-info{min-width:0;flex:1}.task-info h3{margin:0;font-size:14px;font-weight:600;color:#393b41}.is-complete h3{color:#a5a6aa;text-decoration:line-through}.task-info p{color:#999ca3;font-size:12px;margin:7px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{display:flex;align-items:center;gap:15px;margin-top:10px;font-size:11px;color:#9b9da4}.priority{display:flex;align-items:center;gap:5px;text-transform:capitalize}.priority i{width:6px;height:6px;border-radius:50%;background:#dfb35e}.priority.high i{background:#e67d75}.priority.low i{background:#7bb69f}.meta-item{display:inline-flex;align-items:center;gap:4px}.tag{background:#f1f2f3;border-radius:3px;padding:3px 6px;color:#777b82}.row-actions{opacity:0;display:flex;gap:2px}.task-row:hover .row-actions{opacity:1}.row-actions button{color:#989ba2;background:transparent;padding:6px}.row-actions button:hover{color:#3e60d2}.empty-state{text-align:center;padding:75px 20px;color:#9a9da4}.empty-icon{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 15px;border-radius:50%;color:#6baa95;background:#e5f4ec}.empty-state h3{margin:0;color:#555861;font-size:15px}.empty-state p{font-size:12px}.text-action{color:#3e60d2;background:transparent;font-size:12px;display:inline-flex;align-items:center;gap:5px;font-weight:600}.loader{width:22px;height:22px;border:2px solid #dfe4f5;border-top-color:#3e60d2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fff0ef;border:1px solid #f5cac5;color:#b85c53;border-radius:7px;padding:10px 12px;margin-bottom:16px;font-size:12px;display:flex;justify-content:space-between}.error-banner button{background:transparent;color:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2024315c;display:grid;place-items:center;padding:20px;z-index:5}.task-modal{width:min(100%,490px);background:#fff;border-radius:13px;padding:28px;box-shadow:0 20px 60px #11182730}.modal-header{display:flex;justify-content:space-between;margin-bottom:25px}.modal-header h2{font-size:23px}.close-button{height:30px;width:30px;border-radius:6px;color:#91949c;background:#f5f5f4;display:grid;place-items:center}.task-modal label{display:block;font-size:11px;color:#6c6e75;font-weight:600;margin-bottom:16px}.task-modal input,.task-modal textarea,.task-modal select{display:block;width:100%;border:1px solid #e1e2e0;border-radius:7px;padding:10px 11px;margin-top:7px;outline:0;color:#3d3f45;font-size:13px;background:#fff}.task-modal input:focus,.task-modal textarea:focus,.task-modal select:focus{border-color:#8ba1eb;box-shadow:0 0 0 3px #edf1ff}.task-modal textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.secondary-action{background:#f3f3f2;color:#686b73;border-radius:7px;padding:10px 14px;font-size:13px}@media(max-width:760px){.sidebar{width:68px;padding:20px 10px}.brand{margin:0 9px 30px}.brand>span:last-child,.new-task:not(:has(svg)),.new-task .shortcut,.nav-item span,.nav-item:not(.active):after,.sidebar-section,.sidebar-foot>div:not(.avatar),.sidebar-foot>svg{display:none}.new-task{justify-content:center;padding:12px 0}.nav-item{justify-content:center;padding:11px 0}.sidebar-foot{justify-content:center;padding-left:0;padding-right:0}.topbar{padding:0 20px}.crumb{display:none}.search{width:180px}.content-wrap{padding:35px 20px}.page-heading{align-items:flex-start;gap:20px;flex-direction:column}.stats-row{gap:7px}.stat-card{padding:12px 10px;gap:8px}.stat-icon{display:none}.stat-card b{font-size:16px}.tabs{gap:13px}.filters select{max-width:100px}.task-meta{gap:8px}.tag{display:none}}@media(max-width:460px){.search{width:145px}.stats-row{grid-template-columns:1fr 1fr}.stats-row .stat-card:last-child{grid-column:span 2}.filters{display:none}.list-toolbar{padding-top:2px}.tabs{width:100%;justify-content:space-between}.form-grid{grid-template-columns:1fr;gap:0}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) 1fr;background:#f7f7f5}.auth-panel{background:#fff;padding:clamp(34px,7vw,90px) clamp(28px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.auth-brand{font:800 25px Plus Jakarta Sans;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;margin-bottom:clamp(55px,9vh,105px)}.auth-copy h1{font:800 clamp(31px,4vw,45px) "Plus Jakarta Sans";letter-spacing:-2px;line-height:1.1;max-width:410px;margin:0;color:#28292e}.auth-copy>p:last-child{color:#989ba2;font-size:14px;line-height:1.6;max-width:350px;margin:15px 0 34px}.auth-form{display:grid;gap:17px;max-width:370px}.auth-form label{display:grid;gap:7px;color:#686b73;font-size:11px;font-weight:600}.auth-form input{border:1px solid #e1e2e0;border-radius:7px;padding:12px;outline:0;font-size:13px;color:#3d3f45}.auth-form input:focus{border-color:#8ba1eb;box-shadow:0 0 0 3px #edf1ff}.auth-submit{background:#3e60d2;color:#fff;border-radius:7px;padding:12px;font-size:13px;font-weight:600;margin-top:5px}.auth-submit:disabled{opacity:.65}.auth-switch{color:#999ca3;font-size:12px;margin-top:23px}.auth-switch button{color:#3e60d2;background:transparent;padding:0;font-weight:600}.auth-error{color:#b85c53;background:#fff0ef;border:1px solid #f5cac5;border-radius:7px;padding:10px 12px;margin-bottom:15px;max-width:370px;font-size:12px}.auth-art{background:#e9edff;position:relative;overflow:hidden;display:grid;place-items:center}.art-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:420px;height:420px;background:#ccd7ff;top:-100px;right:-80px}.orb-two{width:280px;height:280px;background:#f8d9c2;bottom:-95px;left:-65px}.art-card{position:relative;display:flex;align-items:center;gap:13px;background:#ffffffd9;border:1px solid #fff;padding:18px 22px;border-radius:12px;box-shadow:0 22px 55px #566fbd26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:rotate(-4deg)}.art-check{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d9f2e6;color:#4caa84}.art-card strong,.art-card small{display:block}.art-card strong{font:600 14px Plus Jakarta Sans;color:#343943}.art-card small{font-size:11px;color:#9b9da4;margin-top:4px}.auth-loading{min-height:100vh;display:grid;place-items:center;background:#f7f7f5}.logout-button{background:transparent;color:#9b9da4;font-size:10px;padding:0;margin-left:auto}.logout-button:hover{color:#3e60d2}@media(max-width:700px){.auth-shell{display:block}.auth-panel{min-height:100vh;padding:35px 28px}.auth-brand{margin-bottom:70px}.auth-art{display:none}}