@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#282a3b;background:#f7f8fc;font-synthesis:none;--accent:#5559df;--muted:#878b9e;--line:#e9eaf1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #9fa3f2;outline-offset:4px}header{height:86px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1352px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:8px;font:800 28px 'Manrope',sans-serif;letter-spacing:-1.3px;color:#292c42;text-decoration:none}.brand-symbol{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#efefff;color:var(--accent);margin-right:1px}.brand-symbol svg{width:26px;height:26px}.brand-dot{color:var(--accent);margin-left:-7px}.header-divider{height:23px;width:1px;background:var(--line)}.header-label{font-size:12px;color:#707587;display:flex;align-items:center;gap:12px}.workspace-tag{font-size:8px;color:#8f93a4;background:#f4f5f9;border:1px solid #eceef4;letter-spacing:.6px;border-radius:4px;padding:4px 6px}.header-end{margin-left:auto;display:flex;align-items:center;gap:24px}.local-status{font-size:10px;color:#9b9eac;display:flex;align-items:center;gap:7px}.local-status>span{width:5px;height:5px;background:#80a995;border-radius:50%}.profile{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#7878a9;background:#eeedf8;border:3px solid #fff;outline:1px solid #ebebf2}main{max-width:1352px;padding:53px 40px 20px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#9193aa;display:flex;align-items:center;gap:7px}.tiny-grid{font-size:16px;color:#8f91b6}h1{font:750 34px 'Manrope',sans-serif;letter-spacing:-1.4px;margin:9px 0 10px;color:#292b40}.title-dot{color:var(--accent)}.heading p{color:#9295a5;font-size:12px;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #5054d5;background:var(--accent);color:white;border-radius:8px;padding:11px 17px;box-shadow:0 3px 5px #5559df13;font-size:11px;font-weight:600;transition:background .15s,transform .15s}.primary>span{font-size:19px;font-weight:400;line-height:14px}.primary:hover{background:#4549c4;transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:wait}.secondary{border:1px solid #e1e3ec;background:#fff;color:#72758a;border-radius:7px;padding:10px 14px;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:16px}.filters{display:flex;gap:5px;align-items:center}.filters button{display:flex;align-items:center;gap:7px;border:0;border-radius:6px;padding:8px 12px;background:none;color:#9093a4;font-size:11px;white-space:nowrap}.filters button span{font-size:9px;background:#eeeff5;color:#9a9daf;padding:2px 5px;border-radius:4px;min-width:18px}.filters button.active{background:#edecfc;color:var(--accent);font-weight:600}.filters button.active span{background:#deddfa;color:#7779c7}.filters button:hover{color:var(--accent)}.search-wrap{display:flex;gap:8px;align-items:center;border:1px solid #e6e8f0;background:white;border-radius:7px;padding:0 10px;color:#a0a3b6;width:231px}.search-wrap input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:10px;color:#62677e;padding:10px 0}.search-wrap:focus-within{border-color:#9d9feb;box-shadow:0 0 0 3px #e9e8ff}.search-wrap input::placeholder{color:#a5a9b8}.search-hint{font-size:13px;color:#b6b9c8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project{display:flex;flex-direction:column;border:1px solid #e8e9f1;border-radius:13px;background:#fff;box-shadow:0 2px 3px #30345502;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.project:hover{transform:translateY(-3px);box-shadow:0 9px 25px #3f42670a;border-color:#d4d6e9}.cover-wrap{position:relative;padding:9px 9px 0}.cover-button{padding:0;display:block;width:100%;background:#f0f1f7;border:0;border-radius:8px;overflow:hidden}.cover{display:block;width:100%;aspect-ratio:1.92;object-fit:cover;transition:transform .3s}.cover-button:hover .cover{transform:scale(1.025)}.cover-open{position:absolute;bottom:9px;right:18px;display:grid;place-items:center;pointer-events:none;width:25px;height:25px;border-radius:6px;background:#ffffffdf;color:#626a80;box-shadow:0 2px 10px #0000000a;font-size:15px}.project-body{padding:19px 20px 0;display:flex;flex:1;flex-direction:column}.project-heading{display:flex;align-items:center;gap:10px}.project-initial{height:29px;width:29px;flex-shrink:0;border:1px solid #eeedf6;background:#f5f4fb;border-radius:8px;display:grid;place-items:center;font:750 13px 'Manrope';color:#8381ac}.project:nth-child(3n+2) .project-initial{color:#6f9585;background:#f0f6f2;border-color:#e6eee8}.project:nth-child(3n+3) .project-initial{color:#ad8b77;background:#faf3ed;border-color:#f4eae1}.project-heading h2{font:750 15px 'Manrope';letter-spacing:-.3px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.settings{border:0;background:none;color:#a4a8b9;font-size:21px;line-height:1;letter-spacing:1px;padding:3px 0 7px 9px}.settings:hover{color:var(--accent)}.pending-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:500;color:#a1a4b4;margin:20px 0 6px}.pending-label strong{font-size:9px;font-weight:500;color:#9298ab}.task-list{min-height:83px;padding-bottom:10px}.task{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid #f3f4f8}.task:last-child{border-bottom:0}.task input{appearance:none;background:#fff;border:1px solid #d9dce8;border-radius:4px;height:13px;width:13px;margin:2px 0 0;flex-shrink:0;cursor:pointer;display:grid;place-items:center}.task input:checked{background:var(--accent);border-color:var(--accent)}.task input:checked:after{content:'✓';font-size:10px;color:white}.task input:focus-visible{outline:2px solid #9b9fe8;outline-offset:3px}.task-title{background:none;border:0;color:#797f93;text-align:left;padding:0;font-size:10px;line-height:1.7;flex:1;min-width:0;overflow-wrap:anywhere}.task-title:hover{color:var(--accent)}.priority{font-size:8px;line-height:1.6;display:flex;align-items:center;gap:4px;color:#9299ac;white-space:nowrap;border:1px solid #ebedf3;border-radius:4px;background:#f8f9fc;padding:1px 5px;margin-top:1px}.priority:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.priority.Urgente{color:#ce7e88;border-color:#f3e2e7;background:#fff6f7}.priority.Alta{color:#bd9a66;border-color:#f3eadb;background:#fffaf1}.priority.Média{color:#869cbe;border-color:#e6ecf5;background:#f6f9ff}.priority.Baixa{color:#7f9f90;border-color:#e2eee7;background:#f6fbf8}.card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f5;margin-top:auto;padding:12px 0 13px;gap:10px}.add-task{border:0;background:none;padding:0;font-size:10px;color:#8288ad;display:flex;align-items:center;gap:5px}.add-task:hover{color:var(--accent)}.more{border:0;background:none;padding:0;font-size:9px;color:#a6aabd}.more:hover{color:var(--accent)}.all-done{font-size:10px;color:#93a29c;padding:18px 0}.all-done span{font-size:13px;display:inline-grid;place-items:center;border-radius:50%;height:19px;width:19px;background:#edf6f0;color:#8dab98;margin-right:6px}.done .task-title{color:#a9aebb;text-decoration:line-through}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:#9399aa;border:1px dashed #dce0ed;border-radius:12px;background:#ffffff70;font-size:13px}.empty small{display:block;margin-top:9px;font-size:11px;color:#afb3c1}footer{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;font-size:9px;color:#afb2c0}.footer-brand{font:750 15px 'Manrope';color:#a5a8bb;letter-spacing:-.5px}.footer-note{margin-left:auto;color:#b6bac7}dialog{padding:28px;border:1px solid #e1e4ef;background:#fff;color:#373c53;border-radius:15px;box-shadow:0 20px 100px #252d5726;width:490px;max-width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:#272f514f;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.dialog-eyebrow{font-size:8px;letter-spacing:1.3px;color:#a3a8bd}.dialog-head h2{font:750 21px 'Manrope';letter-spacing:-.6px;margin:7px 0 0}.dialog-head button{border:1px solid #eceef4;background:#f8f9fc;border-radius:7px;color:#9a9fb2;font-size:21px;line-height:24px;width:29px;height:29px}label{display:block;font-size:11px;color:#7b8299;margin-bottom:17px}label input,label select{display:block;background:#fafbfe;border:1px solid #e0e4ef;border-radius:7px;padding:11px 12px;color:#5e667f;font-size:12px;width:100%;margin-top:7px}label input:focus,label select:focus{outline:2px solid #c8caf6;border-color:#a2a5e6;outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.photo-preview{width:100%;height:165px;object-fit:cover;border-radius:9px;margin-bottom:16px}.help{font-size:10px;color:#a5abbd;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;border-top:1px solid #eceff5;padding-top:18px}.dialog-actions[hidden]{display:none}input[type=file]{font-size:10px;padding:9px}input::file-selector-button{font-size:10px;color:#777fc5;background:#eeeffb;border:0;border-radius:5px;padding:7px 10px;margin-right:9px;cursor:pointer}.list .task{padding:15px 0;align-items:center}.list .task-title{font-size:12px}.list .priority{font-size:9px}.task-meta{font-size:10px;color:#a3aabd;margin-top:4px}.project-link{display:inline-flex;color:var(--accent);font-size:11px;text-decoration:none;padding:8px 11px;background:#f1f1ff;border-radius:6px}.dialog-new-task{width:100%;margin-top:20px}.list .all-done{padding:20px}.list{margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #dce0f2;background:#fff;color:#646aaa;box-shadow:0 7px 25px #373d6917;border-radius:9px;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}#toast.visible{opacity:1}@media(min-width:1600px){main{padding-top:65px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1020px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tag,.local-status{display:none}main{padding:35px 28px}.header-inner{padding:0 28px}.toolbar{gap:10px}.filters button{padding:8px}.search-wrap{width:200px}}@media(max-width:650px){header{height:70px}.header-inner{padding:0 20px;gap:16px}.brand{font-size:24px}.brand-symbol{width:30px;height:30px}.header-divider{display:none}.header-label{font-size:10px}.header-end{gap:0}.heading{align-items:flex-start;margin-bottom:27px;gap:12px}.heading .primary{margin-top:25px;font-size:10px;white-space:nowrap;padding:10px 12px}h1{font-size:28px}.heading p{font-size:10px;line-height:1.7;max-width:200px}.eyebrow{font-size:7px;letter-spacing:1px}.toolbar{flex-wrap:wrap;border-bottom:0;padding-bottom:0;margin-bottom:20px}.filters{width:100%;justify-content:space-between;gap:0}.filters button{font-size:10px;padding:8px 7px;gap:5px}.filters button span{font-size:8px;min-width:15px}.search-wrap{width:100%;margin-top:7px}.search-wrap input{font-size:11px;padding:12px 0}main{padding:28px 20px 20px}.grid{grid-template-columns:1fr;gap:22px}.cover{aspect-ratio:1.85}.project-body{padding:19px 20px 0}.project-heading h2{font-size:17px}.task-title{font-size:11px}.priority{font-size:9px}.task-list{min-height:65px}.pending-label{font-size:10px}.add-task{font-size:11px}.card-actions{padding:15px 0}.footer-note{display:none}footer{font-size:8px}.form-row{gap:12px}dialog{padding:24px}}