.todo-page{flex-direction:column;gap:20px;width:100%;display:flex}.view-head{margin-bottom:24px}.view-head h2{letter-spacing:-.3px;color:#15171e;margin:0;font-size:24px;font-weight:800}.view-head .sub{color:#4b5563;margin-top:6px;font-size:14px}.todo-wrap{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (max-width:1080px){.todo-wrap{grid-template-columns:1fr}}.todo-add-box{z-index:30;border:1px solid var(--border);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:6px 8px 6px 18px;display:flex;position:relative;box-shadow:0 4px 14px #1416230d}.todo-add-input{color:#15171e;background:0 0;border:none;outline:none;flex:1;min-width:160px;font-size:14px}.todo-add-input::placeholder{color:#6b7280}.todo-inline-select{color:#1f2937;cursor:pointer;background:#f7f8fb;border:1px solid #dfe2e9;border-radius:999px;outline:none;max-width:150px;padding:6px 10px;font-size:12px;font-weight:600}.todo-addbtn{cursor:pointer;color:#fff;background:#2f7ded;border:none;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:transform .15s;display:grid;box-shadow:0 6px 14px #2f7ded59}.todo-addbtn:hover{transform:scale(1.05)}.todo-addbtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.todo-filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.todo-status-pills{gap:8px;display:flex}.fpill{cursor:pointer;color:#1f2937;background:#e2e5ea;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.fpill:hover{color:#15171e;background:#d7dae2}.fpill.active{background:var(--primary);color:var(--primary-foreground)}.todo-secondary-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.todo-filter-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #dfe2e9;border-radius:999px;outline:none;padding:6px 12px;font-size:12.5px;font-weight:600}.todo-search-input{color:#15171e;background:#fff;border:1px solid #dfe2e9;border-radius:999px;outline:none;width:140px;padding:6px 14px;font-size:12.5px;transition:width .2s,border-color .2s}.todo-search-input:focus{border-color:#2f7ded;width:180px}.todo-notion-list{flex-direction:column;gap:8px;display:flex}.todo-row{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.todo-row:hover{background:var(--surface-raised);border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 14px #1416230d}.todo-row.done{background:#f1f5f9}.todo-row.done .todo-row-title-input{color:#475569}.todo-row .chk{cursor:pointer;color:#fff;background:#fff;border:2px solid #cfd4dc;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding:0;transition:background .15s,border-color .15s;display:grid}.todo-row .chk:hover{border-color:#2f7ded}.todo-row .chk.on{background:#2f7ded;border-color:#2f7ded}.todo-row-title-input{color:#15171e;background:0 0;border:none;border-radius:6px;outline:none;flex:1;min-width:140px;padding:2px 6px;font-size:14.5px;font-weight:600;transition:background .15s}.todo-row-title-input:focus{background:#fff;box-shadow:0 0 0 1.5px #2f7ded}.todo-row.done .todo-row-title-input{color:#374151;text-decoration:line-through}.todo-row-select-subject{appearance:none;color:#374151;cursor:pointer;text-align:center;background:#f1f3f7;border:1px solid #dfe3eb;border-radius:999px;outline:none;justify-content:center;align-items:center;max-width:140px;height:28px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.todo-row-select-subject:before{content:"";border-radius:999px;position:absolute;inset:-8px -4px}.todo-row-select-subject:hover{color:#111827;background:#e5e9f0;border-color:#cbd5e1}.todo-row-select-subject:focus{background:#fff;border-color:#2f7ded}.todo-row-select-prio{appearance:none;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;outline:none;justify-content:center;align-items:center;height:28px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.todo-row-select-prio:before{content:"";border-radius:999px;position:absolute;inset:-8px -4px}.todo-row-select-prio.prio-critica{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.todo-row-select-prio.prio-alta{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.todo-row-select-prio.prio-media{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.todo-row-select-prio.prio-baja{color:#475569;background:#f8fafc;border-color:#e2e8f0}.todo-row-due{flex:none;align-items:center;margin-left:auto;display:flex}.todo-row-delete{color:#94a3b8;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:opacity .15s,color .15s,background .15s;display:grid}.todo-row:hover .todo-row-delete{opacity:1}.todo-row-delete:hover{color:#dc2626;background:#fee2e2}.todo-sidebar{flex-direction:column;gap:20px;display:flex}.todo-progress-card{background:var(--grad-aurora-light);min-height:220px;box-shadow:var(--shadow-sm);color:var(--foreground);border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.todo-progress-card .pd-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.todo-progress-card .pd-card-title{color:#15171e;letter-spacing:-.2px;font-size:16.5px;font-weight:750}.todo-progress-card .pd-icon-sq{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 1px 4px #1416230a}.todo-progress-card .pd-big-pct{letter-spacing:-1.5px;color:#15171e;font-feature-settings:"tnum";margin-bottom:4px;font-size:50px;font-weight:800;line-height:1}.todo-progress-card .pd-pct-label{color:#475569;margin-bottom:14px;font-size:13.5px;font-weight:600}.todo-progress-track{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.todo-progress-bar{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.todo-progress-footer{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-icon-add{color:#2f7ded;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:background .15s;display:grid}.btn-icon-add:hover{background:#e8f0fe}.todo-cats-list{flex-wrap:wrap;gap:8px;display:flex}.todo-cat-pill{color:#1f2937;background:#fff;border:1px solid #dfe2e9;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:12px;font-weight:600;display:inline-flex}.cat-dot{border-radius:50%;flex:none;width:8px;height:8px}.cat-del-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.cat-del-btn:hover{color:#991b1b}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#1f2937;font-size:13px;font-weight:600}.form-input{color:#15171e;background:#fff;border:1px solid #dfe2e9;border-radius:12px;outline:none;padding:10px 14px;font-size:14px}.form-input:focus{border-color:#2f7ded}.color-presets{gap:8px;margin-top:4px;display:flex}.todo-add-due{align-items:center;display:inline-flex}