.todo-container[data-v-772c1f65]{max-width:1200px;margin:40px auto;padding:20px;background-color:#f8f9fa;border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.todo-logo[data-v-772c1f65]{text-align:center;margin-bottom:30px;font-size:2.5em;letter-spacing:2px}.diamond[data-v-772c1f65]{color:#666;margin:0 4px}.todo-text[data-v-772c1f65]{font-family:Comic Sans MS,cursive;color:#333;font-weight:700;letter-spacing:4px}.input-wrapper[data-v-772c1f65]{position:relative;margin-bottom:30px;display:flex;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.input-wrapper input[data-v-772c1f65]{flex:1;padding:16px 20px;border:2px solid #f0f0f0;border-right:none;font-size:16px;background:#fff}.input-wrapper input[data-v-772c1f65]:focus{outline:none;border-color:#a8e6cf}.submit-btn[data-v-772c1f65]{padding:0 30px;background-color:#ffd1dc;color:#333;border:none;font-size:16px;cursor:pointer;transition:opacity .2s}.submit-btn[data-v-772c1f65]:hover{opacity:.9}.main-content[data-v-772c1f65]{display:flex;gap:20px}.tasks-container[data-v-772c1f65]{flex:1;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}.status-bar[data-v-772c1f65]{display:flex;align-items:center;padding:15px 20px;background:#a8e6cf;color:#333;gap:15px}.status-text[data-v-772c1f65]{padding:6px 12px;background:hsla(0,0%,100%,.3);border-radius:6px;font-size:14px}.drag-hint[data-v-772c1f65]{font-size:12px;opacity:.8;white-space:nowrap}.slogan[data-v-772c1f65]{margin-left:auto;font-size:14px}.todo-list[data-v-772c1f65]{padding:20px}.todo-item[data-v-772c1f65]{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;background:#f8f9fa;border-radius:8px;transition:all .2s;cursor:grab}.todo-item[data-v-772c1f65]:active{cursor:grabbing}.todo-item[data-v-772c1f65]:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.todo-item.completed[data-v-772c1f65]{opacity:.7;background:#f0f0f0}.todo-item input[type=checkbox][data-v-772c1f65]{margin-right:12px;width:18px;height:18px}.task-content[data-v-772c1f65]{flex:1;margin-right:12px}.completed .task-content[data-v-772c1f65]{text-decoration:line-through;color:#999}.todo-item input[type=date][data-v-772c1f65]{padding:6px 10px;border:1px solid #ddd;border-radius:6px;margin-right:12px;color:#666;font-size:14px}.due-date-input[data-v-772c1f65]{min-width:120px}.delete-btn[data-v-772c1f65]{background:none;border:none;color:#ff6b6b;font-size:20px;cursor:pointer;opacity:0;transition:opacity .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.todo-item:hover .delete-btn[data-v-772c1f65]{opacity:1}.delete-btn[data-v-772c1f65]:hover{background:#ff6b6b;color:#fff}.empty-state[data-v-772c1f65]{text-align:center;padding:40px 20px;color:#666;font-size:16px}.empty-state p[data-v-772c1f65]{margin:0;line-height:1.5}.quick-actions[data-v-772c1f65]{width:200px;display:flex;flex-direction:column;gap:8px;padding:20px}.action-btn[data-v-772c1f65]{padding:12px;border:none;border-radius:8px;background-color:#fff;color:#333;cursor:pointer;transition:all .2s;font-size:14px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.action-btn[data-v-772c1f65]:hover{transform:translateY(-2px)}.action-btn.primary[data-v-772c1f65]{background-color:#a8e6cf;color:#333}.action-btn.primary[data-v-772c1f65]:hover{background-color:#95dfc4}.action-buttons button[data-v-772c1f65]:first-child:hover{background-color:#ffd1dc}.action-buttons button[data-v-772c1f65]:nth-child(2):hover{background-color:#ffb5b5}.action-buttons button[data-v-772c1f65]:nth-child(3):hover,.action-buttons button[data-v-772c1f65]:nth-child(4):hover{background-color:#c8e6c9}.action-buttons button[data-v-772c1f65]:nth-child(5):hover{background-color:#fff9c4}.search-input[data-v-772c1f65]:hover{background-color:#f5f5f5!important}.search-input[data-v-772c1f65]{text-align:left;background:#fff;padding:12px;border:2px solid #f0f0f0;border-radius:8px;color:#333;transition:all .2s;width:100%;box-sizing:border-box}.search-input[data-v-772c1f65]:hover{border-color:#e0e0e0;background-color:#f5f5f5}.search-input[data-v-772c1f65]:focus{outline:none;border-color:#a8e6cf;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.action-buttons[data-v-772c1f65]{display:flex;flex-direction:column;gap:8px;margin-top:8px;transition:all .3s ease}@media (max-width:768px){.todo-container[data-v-772c1f65]{margin:0;border-radius:0}.main-content[data-v-772c1f65]{flex-direction:column}.quick-actions[data-v-772c1f65]{width:100%;padding:10px}.action-btn[data-v-772c1f65]{flex:1;min-width:120px}.action-buttons[data-v-772c1f65]{flex-direction:row;flex-wrap:wrap;justify-content:center}.due-date-input[data-v-772c1f65]{min-width:100px}.drag-hint[data-v-772c1f65]{display:none}.status-bar[data-v-772c1f65]{flex-wrap:wrap;gap:8px}}