body{font-family:Arial;background-color:#000;padding:30px;color:#fff;background-position:center}.app{max-width:600px;margin:0 auto;background-color:#efefef;padding:20px 30px;border-radius:10px;position:center}h1{text-align:center}h2{margin-bottom:10px}p{margin:10px 0}input{box-sizing:border-box}.todo-container{max-width:700px;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.todo-title{font-size:1.8rem;font-weight:700;text-align:center;color:#333;margin-bottom:20px}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;justify-content:space-between;align-items:flex-start;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px;margin-bottom:15px;transition:box-shadow .2s ease-in-out}.todo-item:hover{box-shadow:0 3px 8px #00000026}.todo-info{max-width:70%}.todo-name{font-size:1.2rem;font-weight:600;color:#222;margin:0}.todo-name.done{text-decoration:line-through;color:#777}.todo-desc{font-size:.9rem;color:#555;margin:5px 0}.todo-priority{display:inline-block;margin-top:5px;padding:3px 8px;font-size:.8rem;background:#e6f0ff;color:#0056d6;border-radius:8px}.todo-actions{display:flex;gap:8px}.add-form,.edit-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.input{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.small-input{width:80px}.form-actions{display:flex;gap:8px;margin-top:8px}.btn{padding:8px 14px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease-in-out;color:#fff}.btn-blue{background:#2563eb}.btn-blue:hover{background:#1d4ed8}.btn-green{background:#16a34a}.btn-green:hover{background:#15803d}.btn-red{background:#dc2626}.btn-red:hover{background:#b91c1c}.btn-yellow{background:#f59e0b}.btn-yellow:hover{background:#d97706}.btn-gray{background:#6b7280}.btn-gray:hover{background:#4b5563}.filters{display:flex;justify-content:center;gap:10px;margin:15px 0 25px}