.add-task[data-v-3699ad95]{background:#fff;border:1px solid #e6e9f0;border-radius:16px;align-items:center;gap:10px;margin-bottom:24px;padding:10px;display:flex;box-shadow:0 8px 30px #1f29370f}.input-wrapper[data-v-3699ad95]{flex:1}input[data-v-3699ad95],select[data-v-3699ad95]{color:#172033;background:#f8f9fc;border:1px solid #e3e7ef;border-radius:10px;outline:none;height:46px;font-size:14px;transition:all .2s}input[data-v-3699ad95]{width:100%;padding:0 14px}select[data-v-3699ad95]{cursor:pointer;padding:0 12px}input[data-v-3699ad95]:focus,select[data-v-3699ad95]:focus{border-color:var(--theme-color);background:#fff}input[data-v-3699ad95]::placeholder{color:#9aa3b2}button[data-v-3699ad95]{background:var(--theme-color);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;height:46px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}button[data-v-3699ad95]:hover{opacity:.9;transform:translateY(-1px)}button span[data-v-3699ad95]{font-size:20px;line-height:1}@media (width<=600px){.add-task[data-v-3699ad95]{flex-direction:column;align-items:stretch}input[data-v-3699ad95],select[data-v-3699ad95],button[data-v-3699ad95]{width:100%}}.todo-item[data-v-7a20ba96]{background:#fff;border:1px solid #e8ebf1;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;transition:all .2s;display:flex;position:relative;box-shadow:0 5px 20px #1f29370a}.todo-item[data-v-7a20ba96]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1f293714}.todo-item.high-priority[data-v-7a20ba96]{border-left:4px solid #ef4444}.todo-item.completed[data-v-7a20ba96]{background:#fafbfc}.task-content[data-v-7a20ba96]{align-items:center;gap:15px;min-width:0;display:flex}.task-check[data-v-7a20ba96]{flex-shrink:0}.status-dot[data-v-7a20ba96]{border:2px solid #cbd2df;border-radius:50%;width:12px;height:12px}.status-dot.done[data-v-7a20ba96]{background:#22c55e;border-color:#22c55e}.task-info[data-v-7a20ba96]{min-width:0}.task-info h2[data-v-7a20ba96]{color:#172033;margin:0 0 9px;font-size:16px;font-weight:600}.completed .task-info h2[data-v-7a20ba96]{color:#929aaa;text-decoration:line-through}.task-meta[data-v-7a20ba96]{align-items:center;gap:8px;display:flex}.priority[data-v-7a20ba96],.status[data-v-7a20ba96]{border-radius:20px;align-items:center;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.priority.high[data-v-7a20ba96]{color:#dc2626;background:#fef2f2}.priority.medium[data-v-7a20ba96]{color:#ea580c;background:#fff7ed}.priority.low[data-v-7a20ba96]{color:#16a34a;background:#f0fdf4}.status[data-v-7a20ba96]{color:#6b7280;background:#f3f4f6}.completed-status[data-v-7a20ba96]{color:#16a34a;background:#ecfdf5}.task-actions[data-v-7a20ba96]{flex-shrink:0;gap:8px;display:flex}.icon-button[data-v-7a20ba96]{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.icon-button img[data-v-7a20ba96]{width:19px;height:19px}.complete-button[data-v-7a20ba96]{background:#ecfdf5}.complete-button[data-v-7a20ba96]:hover{background:#d1fae5;transform:scale(1.05)}.delete-button[data-v-7a20ba96]{background:#fef2f2}.delete-button[data-v-7a20ba96]:hover{background:#fee2e2;transform:scale(1.05)}@media (width<=500px){.todo-item[data-v-7a20ba96]{padding:16px}.task-meta[data-v-7a20ba96]{flex-wrap:wrap}.task-actions[data-v-7a20ba96]{align-self:flex-start}}*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh;padding:60px 20px}.app-container{width:100%;max-width:760px;margin:0 auto}.app-header{margin-bottom:32px}.eyebrow{color:var(--theme-color);letter-spacing:1.5px;margin:0 0 8px;font-size:12px;font-weight:700}h1{letter-spacing:-1.5px;margin:0;font-size:42px;line-height:1.1}.subtitle{color:#7a8499;margin:10px 0 0;font-size:16px}.app-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.theme-picker{color:#737d90;cursor:pointer;background:#fff;border:1px solid #e8ebf1;border-radius:10px;align-items:center;gap:8px;padding:6px 10px 6px 12px;font-size:13px;font-weight:600;display:flex;box-shadow:0 5px 20px #1f29370a}.theme-picker input{cursor:pointer;background:0 0;border:none;border-radius:7px;width:28px;height:28px;padding:0}.filters{background:#fff;border:1px solid #e8ebf1;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:10px 12px;display:flex;box-shadow:0 5px 20px #1f29370a}.filter-group{align-items:center;gap:6px;display:flex}.filter-label{color:#8a94a6;text-transform:uppercase;letter-spacing:.5px;margin-right:6px;font-size:12px;font-weight:600}.filter-group button{color:#737d90;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.filter-group button:hover{color:#172033;background:#f3f4f8}.filter-group button.active{background:var(--theme-color);color:#fff}.filter-group select{color:#4b5563;cursor:pointer;background:#f8f9fc;border:1px solid #e3e7ef;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.filter-group select:focus{border-color:var(--theme-color)}.todo-list{flex-direction:column;gap:14px;display:flex}.no-tasks{text-align:center;color:#8a94a6;background:#fff;border:1px solid #e8ebf1;border-radius:16px;padding:50px 20px}@media (width<=650px){.filters{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap;justify-content:center}}