:root{--primary-color: #0ea5e9;--primary-hover: #0284c7;--border-color: #334155;--text-color: #f1f5f9;--text-secondary: #94a3b8;--background: #0f172a;--surface: #1e293b;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--radius: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}._app_1ki8n_21{min-height:100vh;background:linear-gradient(135deg,#020617,#0f172a,#1e293b);padding:var(--spacing-lg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._container_1ki8n_28{max-width:600px;margin:0 auto;background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}._title_1ki8n_38{text-align:center;color:var(--text-color);font-size:2.5rem;font-weight:300;margin:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-transform:capitalize;letter-spacing:2px}._form_1ki8n_49{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-md)}._formContainer_1ki8n_56{padding:0 var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-md)}._formRow_1ki8n_61{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._dateTimeRow_1ki8n_67{display:flex;gap:var(--spacing-md);flex-wrap:wrap}._dateLabel_1ki8n_73{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem}._dateLabel_1ki8n_73 span{white-space:nowrap}._input_1ki8n_85{color:var(--text-color);flex:1;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:border-color .2s,box-shadow .2s;background:var(--surface)}._input_1ki8n_85:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e91a}._input_1ki8n_85::placeholder{color:var(--text-secondary)}._addButton_1ki8n_106{padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}._addButton_1ki8n_106:hover{background:var(--primary-hover)}._addButton_1ki8n_106:active{transform:translateY(1px)}._todoList_1ki8n_127{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-color)}._todoItem_1ki8n_134{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:background-color .2s}._todoItem_1ki8n_134:hover{background-color:var(--surface)}._todoItem_1ki8n_134:last-child{border-bottom:none}._todoContent_1ki8n_151{display:flex;align-items:center;gap:var(--spacing-md);flex:1}._checkbox_1ki8n_158{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color);border:2px solid var(--border-color);border-radius:4px;transition:border-color .2s}._checkbox_1ki8n_158:focus{outline:none;box-shadow:0 0 0 2px #0ea5e933}._todoText_1ki8n_173{flex:1;font-size:1rem;color:var(--text-color);line-height:1.5;transition:all .2s;word-break:break-word}._completed_1ki8n_182 ._todoText_1ki8n_173{text-decoration:line-through;opacity:.6;color:var(--text-secondary)}._deleteButton_1ki8n_188{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;transform:scale(.8)}._todoItem_1ki8n_134:hover ._deleteButton_1ki8n_188{opacity:1;transform:scale(1)}._deleteButton_1ki8n_188:hover{background:#fee2e2;color:#dc2626}._deleteButton_1ki8n_188:focus{opacity:1;transform:scale(1);outline:none;box-shadow:0 0 0 2px #dc262633}._todoActions_1ki8n_223{display:flex;gap:var(--spacing-xs)}._editButton_1ki8n_228{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;transform:scale(.8)}._todoItem_1ki8n_134:hover ._editButton_1ki8n_228{opacity:1;transform:scale(1)}._editButton_1ki8n_228:hover{background:#dbeafe;color:#2563eb}._editButton_1ki8n_228:focus{opacity:1;transform:scale(1);outline:none;box-shadow:0 0 0 2px #2563eb33}._todoEditForm_1ki8n_263{display:flex;gap:var(--spacing-sm);flex:1;align-items:center}._editInput_1ki8n_270{color:var(--text-color);flex:1;padding:var(--spacing-sm);border:2px solid var(--primary-color);border-radius:var(--radius);font-size:1rem;background:var(--surface);outline:none}._saveButton_1ki8n_281{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:background-color .2s}._saveButton_1ki8n_281:hover{background:var(--primary-hover)}._cancelButton_1ki8n_296{padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:all .2s}._cancelButton_1ki8n_296:hover{border-color:var(--text-secondary);color:var(--text-color)}._footer_1ki8n_313{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap;gap:var(--spacing-sm)}._count_1ki8n_325{color:var(--text-secondary)}._filters_1ki8n_329{display:flex;gap:var(--spacing-xs)}._filterButton_1ki8n_334{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}._filterButton_1ki8n_334:hover{border-color:var(--border-color);color:var(--text-color)}._filterButton_1ki8n_334._active_1ki8n_350{border-color:var(--primary-color);color:var(--primary-color);background:#0ea5e91a}._clearButton_1ki8n_356{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}._clearButton_1ki8n_356:hover{border-color:var(--border-color);color:#ef4444}._actionButtons_1ki8n_373{display:flex;gap:var(--spacing-xs)}._deleteAllButton_1ki8n_378{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}._deleteAllButton_1ki8n_378:hover{border-color:#dc2626;color:#dc2626;background:#dc26261a}._deleteAllButton_1ki8n_378:focus{outline:none;box-shadow:0 0 0 2px #dc262633}@media(max-width:640px){._app_1ki8n_21{padding:var(--spacing-sm)}._title_1ki8n_38{font-size:2rem;margin:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}._formContainer_1ki8n_56{padding:0 var(--spacing-md) var(--spacing-md)}._formRow_1ki8n_61{flex-direction:column}._addButton_1ki8n_106{width:100%}._footer_1ki8n_313{padding:var(--spacing-md);justify-content:center}._filters_1ki8n_329{order:-1;width:100%;justify-content:center}._todoItem_1ki8n_134{padding:var(--spacing-sm) var(--spacing-md)}._deleteButton_1ki8n_188,._editButton_1ki8n_228{opacity:1;transform:scale(1)}}._dateInput_1ki8n_450,._timeInput_1ki8n_451{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);font-size:.875rem;background:var(--surface);color:var(--text-color);transition:border-color .2s,box-shadow .2s}._dateInput_1ki8n_450:focus,._timeInput_1ki8n_451:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e91a}._dateInput_1ki8n_450:disabled,._timeInput_1ki8n_451:disabled{opacity:.5;cursor:not-allowed}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}._dateInfo_1ki8n_482{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:.75rem}._createdDate_1ki8n_490{color:var(--text-secondary);opacity:.7}._dueDate_1ki8n_495{color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}._overdueText_1ki8n_503{color:#ef4444}._overdue_1ki8n_503{color:#ef4444!important}._overdueBadge_1ki8n_511{background:#ef4444;color:#fff;padding:2px 6px;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}._todoTextContainer_1ki8n_521{display:flex;flex-direction:column;flex:1;min-width:0}._editFields_1ki8n_529{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}._editDateTime_1ki8n_536{display:flex;gap:var(--spacing-xs);align-items:center}._editDateTime_1ki8n_536 ._dateInput_1ki8n_450,._editDateTime_1ki8n_536 ._timeInput_1ki8n_451{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}._clearDateButton_1ki8n_548{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}._clearDateButton_1ki8n_548:hover{background:#fee2e2;color:#dc2626}._editButtons_1ki8n_568{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media(max-width:640px){._dateInfo_1ki8n_482{font-size:.625rem}}