:root{color:#182230;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:1024px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.shell>header{display:flex;position:fixed;z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;align-items: center;height:64px;padding:0 24px;inset:0 0 auto}.brand{display:flex;align-items: center;gap:10px;width:224px;font-size:20px;font-weight:700}.brand b{display:grid;color:#fff;background:#655cf3;border-radius:8px;place-items: center;width:30px;height:30px}.search{display:flex;color:#858e9b;background:#fbfbfc;border:1px solid #dce0e6;border-radius:8px;align-items: center;width:370px;height:38px;margin:auto;padding:0 10px}.search input{outline:0;background:0 0;border:0;flex:1;padding:0 8px}.search kbd{background:#fff;border:1px solid #d9dde3;border-radius:4px;padding:2px 5px;font-size:10px}.account{display:flex;justify-content:flex-end;align-items: center;gap:20px;width:224px}.account span,.people i,.meta i{display:grid;border-radius:50%;place-items: center;font-size:10px;font-style:normal;font-weight:700}.account span{color:#914b1d;background:#ffe2cb;width:34px;height:34px}.sidebar{position:fixed;z-index:10;background:#fff;border-right:1px solid #e5e7eb;width:248px;padding:20px 14px;top:64px;bottom:0;left:0}.workspace{display:flex;border-bottom:1px solid #edf0f3;align-items: center;gap:10px;height:58px;margin-bottom:12px;padding:7px 9px}.workspace>b{color:#fff;display:grid;background:#2d3543;border-radius:7px;place-items: center;width:34px;height:34px}.workspace span{display:flex;flex-direction:column;flex:1;font-size:13px}.workspace small{color:#8a929e;margin-top:2px;font-size:10px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav button,.board{text-align:left;color:#5b6574;background:0 0;border:0;border-radius:7px;height:38px;padding:0 11px;font-size:13px}.sidebar nav .on{color:#5c53df;background:#f0efff}.nav-title{color:#949ba6;letter-spacing:.08em;display:flex;justify-content:space-between;padding:25px 11px 8px;font-size:10px;font-weight:700}.board{display:flex;align-items: center;gap:10px;width:100%}.board.on{color:#2d3644;background:#f5f5f8}.board i{background:#7469f4;border-radius:4px;width:18px;height:18px}.board i.violet{background:#a96bd4}.board i.green{background:#3ba383}.side-bottom{position:absolute;color:#687180;padding-left:11px;font-size:13px;line-height:38px;bottom:24px}main{margin-left:248px;padding-top:64px}.board-title{display:flex;background:#fff;border-bottom:1px solid #e7e9ed;justify-content:space-between;height:118px;padding:22px 30px}.board-title h1{letter-spacing:-.5px;display:flex;align-items: center;margin:0;font-size:23px}.board-title h1 button{color:#7b8490;background:0 0;border:0;font-size:22px}.board-title h1>span{background:#e2e4e8;width:1px;height:22px;margin:0 13px}.board-title h1 small{color:#687281;font-size:12px;font-weight:400}.board-title p{color:#7c8592;margin:6px 0;font-size:13px}.people{display:flex;align-items: center}.people i{color:#336f6c;background:#e1eff0;border:2px solid #fff;width:31px;height:31px;margin-left:-6px}.people i:nth-child(2){color:#87561c;background:#ffead0}.people i:nth-child(3){color:#5c52a8;background:#e9e6ff}.people i:nth-child(4){color:#68717e;background:#edf0f3}.people button{color:#444e5c;background:#fff;border:1px solid #dfe2e7;border-radius:7px;height:36px;margin-left:10px}.toolbar{display:flex;background:#fff;border-bottom:1px solid #e6e8ec;justify-content:space-between;height:58px;padding:0 30px}.toolbar>div{display:flex;align-items:stretch;gap:10px}.toolbar button{color:#6b7481;background:0 0;border:0;padding:0 9px;font-size:12px}.toolbar div:first-child button.on{color:#5d54e4;border-bottom:2px solid #655cf2}.tools{align-items: center!important}.tools button{height:34px}.tools button.on{color:#584fd8;background:#efedff;border-radius:6px}.filter-wrap{position:relative}.popover{position:absolute;z-index:30;display:flex;background:#fff;border:1px solid #e0e3e8;border-radius:9px;flex-direction:column;width:205px;padding:10px;top:43px;right:0;box-shadow:0 14px 30px #10182826}.popover strong{padding:7px;font-size:12px}.popover button{text-align:left;display:flex;align-items: center;gap:8px}.popover i{background:#6d63e9;border-radius:3px;width:10px;height:10px}.canvas{overflow:auto;display:flex;align-items: flex-start;gap:15px;height:calc(100vh - 240px);padding:22px 25px 70px}.list{background:#e9ebef;border-radius:10px;width:286px;min-width:286px;padding:9px}.list-title{display:flex;justify-content:space-between;align-items: center;height:36px;padding:0 5px}.list-title span{display:flex;align-items: center;gap:8px}.list-title i{background:#858d98;border-radius:50%;width:7px;height:7px}.list-title i.progress{background:#e2a02d}.list-title i.review{background:#6d5ee6}.list-title i.done{background:#38a17d}.list-title b{font-size:13px}.list-title em{color:#737c88;background:#dfe2e6;border-radius:10px;padding:2px 6px;font-size:10px;font-style:normal}.list-title button{color:#747d89;background:0 0;border:0}.cards{display:flex;flex-direction:column;gap:8px}.cards article{cursor:pointer;background:#fff;border:1px solid #dfe2e7;border-radius:8px;padding:12px;transition:all .15s;box-shadow:0 1px 2px #1018280c}.cards article:hover{border-color:#b8b3ef;transform:translateY(-1px);box-shadow:0 3px 8px #10182812}.cards h3{color:#2a3442;margin:0;font-size:13px;line-height:1.4}.labels{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.labels small{color:#3e64a8;background:#e4ecff;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:600}.labels .pink{color:#9d407b;background:#fce5f4}.labels .green{color:#27785e;background:#daf3e8}.labels .orange{color:#985a21;background:#ffead6}.labels .purple{color:#71469f;background:#eee4f9}.labels .red{color:#aa4039;background:#fee4e2}.meta{display:flex;color:#7a8390;align-items: center;gap:11px;margin-top:12px;font-size:10px}.meta>span:first-child{background:#f0f1f3;border-radius:4px;padding:3px 5px}.meta>span.urgent{color:#ae443d;background:#fee8e6}.meta .complete{color:#258066}.meta i{color:#8d4c20;background:#ffe2ca;width:22px;height:22px;margin-left:auto}.add{text-align:left;color:#687180;background:0 0;border:0;width:100%;padding:11px 7px 5px;font-size:12px}.add:hover{color:#554bd9}.composer textarea,.composer input{outline:0;background:#fff;border:1px solid #8179ed;border-radius:7px;width:100%;padding:10px}.composer textarea{resize:none;height:66px}.composer button{background:0 0;border:0;margin:6px 4px 0 0;font-size:17px}.composer button:first-of-type{color:#fff;background:#665cf1;border-radius:6px;padding:7px 12px;font-size:12px}.new-list{text-align:left;color:#596372;background:#e7e9ed;border:1px solid #dfe2e6;border-radius:9px;width:270px;min-width:270px;padding:12px;font-size:12px}.new-list.composer input{height:36px}.backdrop{position:fixed;z-index:50;display:grid;background:#15203380;place-items: center;padding:25px;inset:0}.modal{position:relative;overflow:auto;background:#f8f9fa;border-radius:12px;width:760px;max-height:90vh;padding:28px 30px;box-shadow:0 28px 60px #10182845}.close{position:absolute;color:#697280;background:0 0;border:0;font-size:25px;top:14px;right:18px}.modal-head{display:flex;gap:12px}.modal-head>div{flex:1}.modal-head input{display:block;background:0 0;border:1px solid #0000;width:92%;margin:-4px 0 5px;padding:2px 5px;font-size:20px;font-weight:700}.modal-head input:focus{outline:0;background:#fff;border-color:#726aed;border-radius:5px}.modal-head small{color:#747d89}.modal-grid{display:grid;grid-template-columns:1fr 160px;gap:30px;margin-top:22px}.modal h4{margin:24px 0 10px;font-size:14px}.description{resize:vertical;outline-color:#7066ea;background:#e9ecf0;border:0;border-radius:7px;width:100%;height:92px;padding:12px}.progress{overflow:hidden;background:#dfe2e6;border-radius:8px;height:7px;margin-bottom:12px}.progress i{display:block;background:#5e56e0;height:100%}.checks{display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.checks label{display:flex;gap:8px;font-size:13px}.done{text-decoration:line-through;color:#8b939e}.soft,.modal-grid aside button{color:#46505e;background:#e8ebee;border:0;border-radius:6px;padding:8px 11px;font-size:12px}.comment-input{border:1px solid #dce0e6;border-radius:7px;width:100%;height:38px;padding:0 11px}.comment{display:flex;flex-direction:column;font-size:11px}.comment span{background:#fff;border:1px solid #e2e5e9;border-radius:6px;margin-top:4px;padding:9px;font-size:12px}.modal-grid aside{display:flex;flex-direction:column;gap:7px}.modal-grid aside small{color:#89919c;margin:8px 0 2px;font-size:9px;font-weight:700}.modal-grid aside button{text-align:left}.modal-grid aside .delete{color:#a9403b;background:#fae8e6}@media (max-width:1150px){.search{width:280px}.list{width:270px;min-width:270px}}