body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.page{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px;transition:background .3s ease}.card{border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:1100px;padding:40px;transition:background .3s ease,color .3s ease;width:100%}.title-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.title{font-size:32px;font-weight:700;letter-spacing:1px;margin:0;transition:color .3s ease}.theme-selector{border:2px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px;transition:all .3s ease}.top-section{align-items:center;display:flex;gap:20px;margin-bottom:30px}.input-field{border:2px solid;border-radius:8px;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.input-field::placeholder{opacity:.6}.input-field:focus{box-shadow:0 4px 12px #00000026;outline:none;transform:translateY(-2px)}.filter-buttons{display:flex;gap:12px}.filter-btn{border:2px solid;border-radius:20px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.filter-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.filter-btn.active{box-shadow:0 6px 16px #00000040;transform:translateY(-2px)}.todo-table{border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.todo-table thead{border-bottom:3px solid}.todo-table thead th{font-size:12px;font-weight:700;letter-spacing:1px;padding:16px;text-align:left;text-transform:uppercase;transition:all .3s ease}.todo-table tbody tr{border-bottom:1px solid;transition:all .3s ease}.todo-table tbody tr:hover{box-shadow:inset 0 0 10px #0000000d;transform:scale(1.01)}.todo-table tbody tr.completed{opacity:.7}.todo-table td{font-size:13px;font-weight:500;padding:16px}.todo-table td.task-cell{align-items:center;display:flex;gap:12px}.checkbox{accent-color:currentColor;cursor:pointer;height:18px;width:18px}.todo-table tr.completed .task-cell span{opacity:.6;text-decoration:line-through}.priority{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.fulfillment{border-radius:4px;cursor:pointer;font-weight:700;padding:4px 8px;transition:all .2s ease}.fulfillment:hover{transform:scale(1.1)}.fulfillment-edit{display:flex;gap:8px}.fulfillment-input{border:2px solid;border-radius:4px;font-size:12px;font-weight:600;padding:6px;width:50px}.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px;transition:all .2s ease}.save-btn:hover{transform:scale(1.1)}.todo-table td.actions{display:flex;gap:12px;justify-content:center}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;font-size:18px;opacity:.7;padding:6px;transition:all .2s ease}.delete-btn:hover,.edit-btn:hover{opacity:1;transform:scale(1.2)}.page.theme-light{background:linear-gradient(135deg,#f0f4f8,#e8ecf1)}.page.theme-light .card{background:#fff;color:#1a1a2e}.page.theme-light .title{color:#0f3460}.page.theme-light .filter-btn,.page.theme-light .input-field,.page.theme-light .theme-selector{background:#f5f7fa;border-color:#cbd5e0;color:#1a1a2e}.page.theme-light .filter-btn.active{background:#0f3460;border-color:#0f3460;color:#fff}.page.theme-light .todo-table thead{background:#ecf0f3;border-bottom-color:#cbd5e0}.page.theme-light .todo-table td{color:#1a1a2e}.page.theme-light .todo-table tbody tr{border-bottom-color:#e2e8f0}.page.theme-light .priority.high{background:#fce4ec;color:#c2185b}.page.theme-light .priority.medium{background:#fff3e0;color:#f57c00}.page.theme-light .priority.low{background:#e8f5e9;color:#2e7d32}.page.theme-dark{background:linear-gradient(135deg,#0f0f1e,#1a1a2e)}.page.theme-dark .card{background:#16213e;color:#eaeaea}.page.theme-dark .title{color:#00d4ff}.page.theme-dark .filter-btn,.page.theme-dark .input-field,.page.theme-dark .theme-selector{background:#0f3460;border-color:#00d4ff;color:#eaeaea}.page.theme-dark .filter-btn.active{background:#00d4ff;border-color:#00d4ff;color:#0f3460}.page.theme-dark .todo-table thead{background:#0f3460;border-bottom-color:#00d4ff}.page.theme-dark .todo-table tbody tr{border-bottom-color:#0f3460}.page.theme-dark .priority.high{background:#b71c1c;color:#ffcdd2}.page.theme-dark .priority.medium{background:#e65100;color:#ffe0b2}.page.theme-dark .priority.low{background:#1b5e20;color:#c8e6c9}.page.theme-blue{background:linear-gradient(135deg,#0f7fd9,#0a5ba8)}.page.theme-blue .card{background:#b3d9ff;color:#003d7a}.page.theme-blue .title{color:#001a4d}.page.theme-blue .filter-btn,.page.theme-blue .input-field,.page.theme-blue .theme-selector{background:#e8f4ff;border-color:#0f7fd9;color:#003d7a}.page.theme-blue .filter-btn.active{background:#003d7a;border-color:#003d7a;color:#e8f4ff}.page.theme-blue .todo-table thead{background:#66b3ff;border-bottom-color:#003d7a}.page.theme-blue .priority.high{background:#ff6b6b;color:#fff}.page.theme-blue .priority.medium{background:orange;color:#fff}.page.theme-blue .priority.low{background:#51cf66;color:#fff}.page.theme-green{background:linear-gradient(135deg,#0f8f4c,#0a5c2e)}.page.theme-green .card{background:#b3f0d1;color:#0d3d1f}.page.theme-green .title{color:#001a0d}.page.theme-green .filter-btn,.page.theme-green .input-field,.page.theme-green .theme-selector{background:#e8fef3;border-color:#0f8f4c;color:#0d3d1f}.page.theme-green .filter-btn.active{background:#0d3d1f;border-color:#0d3d1f;color:#e8fef3}.page.theme-green .todo-table thead{background:#66d9a6;border-bottom-color:#0d3d1f}.page.theme-green .priority.high{background:#ff6b6b;color:#fff}.page.theme-green .priority.medium{background:orange;color:#fff}.page.theme-green .priority.low{background:#22b14c;color:#fff}.page.theme-purple{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.page.theme-purple .card{background:#e9d5ff;color:#4c1d95}.page.theme-purple .title{color:#2d0a5c}.page.theme-purple .filter-btn,.page.theme-purple .input-field,.page.theme-purple .theme-selector{background:#f3e8ff;border-color:#7c3aed;color:#4c1d95}.page.theme-purple .filter-btn.active{background:#4c1d95;border-color:#4c1d95;color:#f3e8ff}.page.theme-purple .todo-table thead{background:#d8b4fe;border-bottom-color:#2d0a5c}.page.theme-purple .priority.high{background:#ff6b6b;color:#fff}.page.theme-purple .priority.medium{background:orange;color:#fff}.page.theme-purple .priority.low{background:#51cf66;color:#fff}.page.theme-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.page.theme-pink .card{background:#fbcfe8;color:#580440}.page.theme-pink .title{color:#2a0124}.page.theme-pink .filter-btn,.page.theme-pink .input-field,.page.theme-pink .theme-selector{background:#fce7f3;border-color:#ec4899;color:#580440}.page.theme-pink .filter-btn.active{background:#580440;border-color:#580440;color:#fce7f3}.page.theme-pink .todo-table thead{background:#f472b6;border-bottom-color:#2a0124}.page.theme-pink .priority.high{background:#ff6b6b;color:#fff}.page.theme-pink .priority.medium{background:orange;color:#fff}.page.theme-pink .priority.low{background:#51cf66;color:#fff}.page.theme-orange{background:linear-gradient(135deg,#f97316,#c2410c)}.page.theme-orange .card{background:#fed7aa;color:#5a2e0a}.page.theme-orange .title{color:#231405}.page.theme-orange .filter-btn,.page.theme-orange .input-field,.page.theme-orange .theme-selector{background:#ffedd5;border-color:#f97316;color:#5a2e0a}.page.theme-orange .filter-btn.active{background:#5a2e0a;border-color:#5a2e0a;color:#ffedd5}.page.theme-orange .todo-table thead{background:#fb923c;border-bottom-color:#231405}.page.theme-orange .priority.high{background:#ff6b6b;color:#fff}.page.theme-orange .priority.medium{background:orange;color:#fff}.page.theme-orange .priority.low{background:#51cf66;color:#fff}.page.theme-teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.page.theme-teal .card{background:#b2f1e8;color:#0d4d47}.page.theme-teal .title{color:#002622}.page.theme-teal .filter-btn,.page.theme-teal .input-field,.page.theme-teal .theme-selector{background:#e0f2f1;border-color:#0d9488;color:#0d4d47}.page.theme-teal .filter-btn.active{background:#0d4d47;border-color:#0d4d47;color:#e0f2f1}.page.theme-teal .todo-table thead{background:#5eead4;border-bottom-color:#002622}.page.theme-teal .priority.high{background:#ff6b6b;color:#fff}.page.theme-teal .priority.medium{background:orange;color:#fff}.page.theme-teal .priority.low{background:#51cf66;color:#fff}.page.theme-indigo{background:linear-gradient(135deg,#4f46e5,#3730a3)}.page.theme-indigo .card{background:#c7d2fe;color:#2e1065}.page.theme-indigo .title{color:#130e33}.page.theme-indigo .filter-btn,.page.theme-indigo .input-field,.page.theme-indigo .theme-selector{background:#e0e7ff;border-color:#4f46e5;color:#2e1065}.page.theme-indigo .filter-btn.active{background:#2e1065;border-color:#2e1065;color:#e0e7ff}.page.theme-indigo .todo-table thead{background:#a5b4fc;border-bottom-color:#130e33}.page.theme-indigo .priority.high{background:#ff6b6b;color:#fff}.page.theme-indigo .priority.medium{background:orange;color:#fff}.page.theme-indigo .priority.low{background:#51cf66;color:#fff}.page.theme-rose{background:linear-gradient(135deg,#f43f5e,#be185d)}.page.theme-rose .card{background:#ffe4f0;color:#500724}.page.theme-rose .title{color:#230510}.page.theme-rose .filter-btn,.page.theme-rose .input-field,.page.theme-rose .theme-selector{background:#fff1f5;border-color:#f43f5e;color:#500724}.page.theme-rose .filter-btn.active{background:#500724;border-color:#500724;color:#fff1f5}.page.theme-rose .todo-table thead{background:#fb7185;border-bottom-color:#230510}.page.theme-rose .priority.high{background:#ff6b6b;color:#fff}.page.theme-rose .priority.medium{background:orange;color:#fff}.page.theme-rose .priority.low{background:#51cf66;color:#fff}.page.theme-amber{background:linear-gradient(135deg,#d97706,#92400e)}.page.theme-amber .card{background:#fef3c7;color:#5a4a00}.page.theme-amber .title{color:#2d2105}.page.theme-amber .filter-btn,.page.theme-amber .input-field,.page.theme-amber .theme-selector{background:#fffbeb;border-color:#d97706;color:#5a4a00}.page.theme-amber .filter-btn.active{background:#5a4a00;border-color:#5a4a00;color:#fffbeb}.page.theme-amber .todo-table thead{background:#fbbf24;border-bottom-color:#2d2105}.page.theme-amber .priority.high{background:#ff6b6b;color:#fff}.page.theme-amber .priority.medium{background:orange;color:#fff}.page.theme-amber .priority.low{background:#51cf66;color:#fff}.page.theme-cyan{background:linear-gradient(135deg,#0891b2,#164e63)}.page.theme-cyan .card{background:#a5f3fc;color:#0e3e45}.page.theme-cyan .title{color:#082f33}.page.theme-cyan .filter-btn,.page.theme-cyan .input-field,.page.theme-cyan .theme-selector{background:#ecfdf5;border-color:#0891b2;color:#0e3e45}.page.theme-cyan .filter-btn.active{background:#0e3e45;border-color:#0e3e45;color:#ecfdf5}.page.theme-cyan .todo-table thead{background:#67e8f9;border-bottom-color:#082f33}.page.theme-cyan .priority.high{background:#ff6b6b;color:#fff}.page.theme-cyan .priority.medium{background:orange;color:#fff}.page.theme-cyan .priority.low{background:#51cf66;color:#fff}@media (max-width:768px){.title-section{align-items:flex-start}.title-section,.top-section{flex-direction:column}.filter-buttons{width:100%}.filter-btn{flex:1 1}.todo-table{font-size:12px}.todo-table td,.todo-table th{padding:10px}}
/*# sourceMappingURL=main.2c38e798.css.map*/