@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#252938;background:#f7f8fa;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .15s,color .15s}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #a5a8ff;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #c7c8ff;outline-offset:1px}button svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#fff;border-right:1px solid #e9ebf0;padding:34px 22px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;text-decoration:none;color:#232735;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;gap:10px;padding-left:8px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:#6260df;color:#fff;border-radius:10px}.brand-dot{color:#6865e4;margin-left:-9px}.workspace{display:flex;gap:11px;align-items:center;margin:35px 0;padding:13px 9px;background:#fafafb;border:1px solid #eff0f4;border-radius:9px}.avatar{background:#edecfc;color:#6d65d9;border-radius:8px;width:33px;height:35px;display:grid;place-items:center;font-weight:700}.workspace strong{display:block;font-size:12px;font-weight:600}.workspace small{display:block;font-size:10px;color:#9698a6;margin-top:5px}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#9699a7;margin:0 12px 15px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;margin-bottom:7px;border:0;border-radius:7px;background:transparent;color:#747887;font-size:13px;text-align:left}.nav-item:hover{background:#f6f6fa}.nav-item.selected{color:#625bd4;background:#efedfc;font-weight:600}.nav-count{margin-left:auto;font-size:11px;background:#f1f2f5;border-radius:5px;min-width:23px;padding:3px;text-align:center}.selected .nav-count{background:#e2dff8}.sidebar-note{margin-top:auto;padding:20px 16px;background:#f8f8fc;border:1px solid #eeeef6;border-radius:11px}.note-symbol{display:block;color:#8881d7;font-size:25px;margin-bottom:10px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;color:#9294a1;line-height:1.8;margin-bottom:0}.sidebar-footer{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0a2ae;margin:22px 5px 0}.status-dot{width:6px;height:6px;background:#84b49c;border-radius:50%}.main-content{flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid #e9ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:12px;color:#9194a3;background:#ffffff80}.topbar strong{color:#545968;font-weight:500}.breadcrumb{margin:0 13px;color:#c9cbd3}.content{max-width:1180px;margin:auto;padding:48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#9394a4;font-weight:600;margin:0 0 12px}h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1.1px;font-size:32px;margin:0}h1 span{color:#6860df}.subtitle{color:#8b8e9c;font-size:13px;margin:12px 0 0}.primary-button,.secondary-button,.danger-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:7px;padding:11px 17px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.primary-button{background:#6761dd;color:#fff;box-shadow:0 3px 6px #6961dd16}.primary-button:hover{background:#554dcc}.secondary-button{border-color:#e2e4ec;background:#fff;color:#646878}.secondary-button:hover{background:#f3f4f8}.danger-button{color:#fff;background:#d34b58}.danger-button:hover{background:#b63946}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:32px}.stat-card{padding:22px 24px;border:1px solid #e7e9ef;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:space-between}.stat-card p{font-size:12px;color:#8c8f9d;margin:0 0 13px}.stat-card strong{font-family:Manrope,sans-serif;font-size:28px;font-weight:700;line-height:1}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px}.stat-icon.blue{background:#efeffe;color:#8580dc}.stat-icon.orange{background:#fff4e9;color:#d9a169}.stat-icon.green{background:#ecf6f1;color:#79ad96}.task-panel{border:1px solid #e6e8ef;background:#fff;border-radius:12px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 19px}h2{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.panel-heading h2{display:flex;align-items:center;gap:10px}.panel-heading h2 span{font-family:DM Sans,sans-serif;font-size:10px;border:1px solid #ececf2;background:#f7f8fa;color:#9596a4;padding:3px 7px;border-radius:5px}.sort-control{display:flex;gap:6px;align-items:center;font-size:11px;color:#a0a2ae}.sort-control select{border:0;color:#707583;background:transparent;font-size:11px;padding:5px;max-width:125px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 25px 17px;border-bottom:1px solid #eeeff4;gap:15px}.tabs{display:flex;gap:3px;background:#f5f6f8;padding:4px;border-radius:7px}.tabs button{background:transparent;border:0;color:#9396a3;padding:7px 13px;font-size:11px;border-radius:5px}.tabs button.active{background:#fff;color:#6660d7;box-shadow:0 1px 4px #00000009;font-weight:600}.search{display:flex;align-items:center;gap:8px;border:1px solid #e9eaf0;padding:8px 10px;border-radius:6px;color:#a5a7b4;max-width:220px}.search input{width:100%;min-width:0;border:0;font-size:11px;outline:none;background:transparent;color:#4e5365}.search input::placeholder{color:#a3a6b3}.search:focus-within{border-color:#aaa6ed}.empty-state{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 25px;color:#9799a8;gap:13px}.empty-icon{display:grid;place-items:center;width:67px;height:67px;border-radius:20px;background:#f2f1fc;color:#9893de;margin-bottom:6px}.empty-state h3{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;color:#53576a;margin:0}.empty-state p{font-size:12px;max-width:320px;line-height:1.8;margin:0}.text-button{display:flex;align-items:center;gap:9px;background:none;border:0;color:#7770d9;font-size:12px;padding:9px}.task-list{list-style:none;margin:0;padding:0}.task-row{display:flex;align-items:flex-start;gap:15px;padding:23px 25px;border-bottom:1px solid #f0f1f5}.task-row:last-child{border:0}.task-checkbox{width:20px;height:20px;margin-top:1px;border:1.5px solid #d8dbe5;border-radius:6px;background:#fff;display:grid;place-items:center;flex-shrink:0;padding:0}.task-checkbox:hover{border-color:#7770db}.completed .task-checkbox{background:#8580da;border-color:#8580da;color:#fff}.task-details{flex:1;min-width:0}.task-title{font-size:13px;font-weight:500;color:#464b5e;text-align:left;padding:0;background:none;border:0;overflow-wrap:anywhere}.task-title:hover{color:#6761dd}.completed .task-title{text-decoration:line-through;color:#a2a4b1}.task-details p{color:#9295a3;font-size:12px;line-height:1.7;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;font-size:10px}.priority{display:flex;align-items:center;gap:5px;text-transform:capitalize;padding:4px 7px;border-radius:4px}.priority>span{width:5px;height:5px;border-radius:50%;background:currentColor}.priority.high{background:#fff0ef;color:#d78380}.priority.medium{background:#fff7e9;color:#bba063}.priority.low{background:#ecf5f0;color:#7da38f}.due-date{display:flex;align-items:center;gap:5px;color:#9a9cab}.due-date.overdue{color:#c77878}.task-actions{display:flex;gap:4px}.task-actions button,.icon-button{display:grid;place-items:center;padding:7px;background:transparent;border:0;color:#a7aab7;border-radius:5px}.task-actions button:hover,.icon-button:hover{background:#f4f3fb;color:#7770d9}.task-actions button:last-child:hover{color:#cf6975;background:#fff0f0}.panel-footer{padding:17px 25px;display:flex;justify-content:space-between;align-items:center;background:#fcfcfd;border-top:1px solid #eeeff4;color:#a0a3b0;font-size:10px}.progress-track{width:100px;height:4px;border-radius:4px;background:#ececf5;overflow:hidden}.progress-track span{display:block;height:100%;background:#948ee3;border-radius:4px;transition:width .3s}.page-footer{text-align:center;color:#b1b3bf;font-size:11px;margin-top:29px}.modal{border:1px solid #eeeef5;border-radius:15px;padding:28px;width:min(510px,calc(100vw - 32px));color:#34384b;box-shadow:0 20px 90px #16142d20}.modal::backdrop{background:#27253566;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-heading h2{font-size:23px}.modal-heading .eyebrow{margin-bottom:8px}.field{display:block;font-size:12px;font-weight:500;margin:0 0 19px}.field input,.field textarea,.field select{width:100%;display:block;margin-top:9px;border:1px solid #dfe1eb;border-radius:7px;background:#fff;padding:11px 12px;color:#53576a;font-size:13px}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#aaaebb}.optional{font-size:10px;color:#a3a5b0;font-weight:400;margin-left:5px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eeeff4;padding-top:20px;margin-top:5px}.delete-modal p{color:#8b8f9e;line-height:1.8;overflow-wrap:anywhere}.error{margin:16px 25px;padding:13px;border:1px solid #f4d9dc;color:#b05b65;background:#fff7f8;font-size:12px;border-radius:7px;line-height:1.7}.error button{background:none;border:0;color:inherit;text-decoration:underline;margin-left:10px}.modal .error{margin:0 0 20px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:13px 22px;color:#fff;background:#44415d;box-shadow:0 6px 24px #0002;border-radius:9px;font-size:12px;z-index:10}.spinner{height:25px;width:25px;border:2px solid #eeedf8;border-top-color:#8179db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.sidebar{width:215px;padding:30px 15px 20px}.content{padding:35px 28px}.topbar{padding:0 28px}.page-heading{align-items:flex-start}h1{font-size:27px}.stat-card{padding:20px 16px}.workspace strong{font-size:11px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:19px 20px;border-right:0;border-bottom:1px solid #e9ebf0}.brand{font-size:23px;padding:0}.workspace,.nav-label,.sidebar-note,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:4px;margin-top:20px;overflow:auto}.nav-item{width:auto;flex:1;white-space:nowrap;margin:0;padding:10px 9px;gap:7px;font-size:11px}.nav-item svg{width:16px}.nav-count{font-size:9px;min-width:18px}.topbar{height:53px;padding:0 22px;font-size:11px}.content{padding:29px 20px}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:25px}h1{font-size:28px}.subtitle{font-size:12px;line-height:1.7}.stats{gap:9px;margin-bottom:23px}.stat-card{padding:16px 13px}.stat-card p{font-size:10px}.stat-card strong{font-size:24px}.stat-icon{width:30px;height:30px;border-radius:8px}.stat-icon svg{width:18px}.panel-heading{padding:20px 17px 16px}.toolbar{padding:0 17px 16px;flex-wrap:wrap}.search{max-width:none;width:100%}.tabs button{padding:7px 15px}.task-row{padding:20px 17px;gap:11px}.task-actions{flex-direction:column}.task-meta{gap:9px}.panel-footer{padding:16px 17px}.modal{padding:23px}.form-columns{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}