:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #222;--border: #2a2a2a;--accent: #22d3ee;--accent-bg: rgba(34,211,238,.1);--text: #f0f0f0;--muted: #6b7280;--red: #f87171;--yellow: #fbbf24;--green: #4ade80;--radius: 10px;font-family:Inter,-apple-system,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 64px}.container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:16px}.header{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:2rem}.logo-title{font-size:1.5rem;font-weight:800}.accent{color:var(--accent)}.logo-sub{font-size:.75rem;color:var(--muted);margin-top:2px}.header-stats{display:flex;gap:8px}.stat-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.stat-badge.done{color:var(--green);border-color:#4ade804d}.progress-section{display:flex;flex-direction:column;gap:6px}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.progress-track{height:4px;background:var(--surface);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:2px;transition:width .5s ease}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:8px}.task-input{flex:1;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.task-input:focus{border-color:var(--accent)}.task-input::placeholder{color:var(--muted)}.add-btn{padding:10px 18px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:opacity .2s;line-height:1}.add-btn:hover:not(:disabled){opacity:.85}.add-btn:disabled{opacity:.4;cursor:not-allowed}.form-options{display:flex;gap:16px;flex-wrap:wrap}.option-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.option-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.toggle-group{display:flex;gap:4px}.toggle-btn{flex:1;padding:5px 8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:5px;justify-content:center;transition:all .15s}.toggle-btn:hover{border-color:#444;color:var(--text)}.active-alta{border-color:var(--red);color:var(--red);background:#f871711a}.active-media{border-color:var(--yellow);color:var(--yellow);background:#fbbf241a}.active-baixa{border-color:var(--green);color:var(--green);background:#4ade801a}.cat-select{padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;outline:none;cursor:pointer;width:100%}.controls{display:flex;gap:8px;flex-wrap:wrap}.search-input{flex:1;min-width:150px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;outline:none}.search-input:focus{border-color:var(--accent)}.filter-group{display:flex;gap:4px}.filter-btn{padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .15s}.filter-btn:hover{color:var(--text)}.filter-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.task-list{list-style:none;display:flex;flex-direction:column;gap:6px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px;color:var(--muted);font-size:.9rem}.empty-state span{font-size:2rem}.task-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;cursor:grab}.task-item:hover{border-color:#3a3a3a}.task-item.dragging{opacity:.4;cursor:grabbing}.task-item.drag-over{border-color:var(--accent);background:var(--accent-bg)}.task-item.done{opacity:.55}.drag-handle{color:var(--border);font-size:1rem;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:var(--muted)}.checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--bg);flex-shrink:0;transition:all .15s}.checkbox.checked{background:var(--green);border-color:var(--green);font-weight:700}.checkbox:hover:not(.checked){border-color:var(--accent)}.task-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.task-text{font-size:.9rem;word-break:break-word}.done .task-text{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.priority-badge{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-alta{color:var(--red)}.priority-media{color:var(--yellow)}.priority-baixa{color:var(--green)}.dot-sm,.dot-xs{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-alta{background:var(--red)}.dot-media{background:var(--yellow)}.dot-baixa{background:var(--green)}.cat-badge{font-size:.65rem;padding:1px 6px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--muted)}.delete-btn{width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.delete-btn:hover{background:#f8717126;border-color:var(--red);color:var(--red)}.list-footer{display:flex;justify-content:flex-end}.clear-btn{font-size:.75rem;color:var(--muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.clear-btn:hover{color:var(--red);background:#f871711a}